Добавляем стиль и текстуру шрифту в Photoshop

Как украсить надпись текстурой

Если вы когда-нибудь задавались вопросом, как сделать простой текст интересным и стильным, то этот урок для вас.

Если вы когда-нибудь задавались вопросом, как сделать простой, сплошной текст похожим на уличный, этот урок для вас. Этого конкретного эффекта можно легко добиться в Photoshop, используя широкий спектр техник (некоторые более сложные, некоторые слишком простые), в данном случае с помощью простого моделирования текстур и световых слоев. Эту технику можно использовать не только для текста, но и для типографских композиций, иконок и логотипов.

Шаг 1

откройте любое изображение в Photoshop, чтобы использовать его в качестве фона.

Шаг 2

Выберите инструмент «Текст» (T) и введите текст любым шрифтом. В данном случае я напишу слово «Приключение» шрифтом Florista.

Редактируем текст

После создания надписи или целого блока вы можете приступить к его форматированию. Обратите внимание, что изменяются как отдельный фрагмент, так и весь текст. Чтобы отредактировать букву, слово или фразу, просто отметьте нужный объект левой кнопкой мыши.

Есть целая панель инструментов для редактирования основных параметров текстового контента. Он размещается над рабочим полотном. Он содержит следующие параметры:

• Шрифт;
• Письмо;
• Кегли;
• Острота;
• Положение относительно границ;
• Цвет;
• Деформация.

Чтобы отредактировать здесь или другое свойство текста, нажмите на соответствующий значок. Давайте более подробно рассмотрим конкретные примеры.

Читайте также: Как сделать корреляционный анализ зависимости данных в Excel

Как выбрать шрифт для текста

Вы можете отформатировать шрифт следующим образом:

1. Выберите подпись или блок текста.
2. Нажмите стрелку вниз в меню шрифтов.
3. Выберите из списка тот, который вам нравится.

Справа от этой опции находится настройка стиля текста, меню для этого открывается аналогично. Из предложенных вариантов вы можете выбрать жирный шрифт, курсив или любой другой вариант.

Важно! Каждый шрифт имеет свое количество стилей и возможностей.

Кегль или размер шрифта

Размер точки — это размер текстовых символов. Из обычных можно выбрать от 6 до 72 пикселей. Вы также можете настроить его вручную, введя правильный номер в строке. Однако учтите, что возможный максимум составляет 1296 пт.

Сглаживание шрифта

Настройки сглаживания регулируют внешние пиксели текстовых символов. Например, опция «не показывать» удаляет любое сглаживание, а другие добавляют несколько пикселей к краю символа, чтобы размыть его.

Рекомендация: используйте режим сглаживания «Sharp».

Выравнивание текста

Выравнивание — это настройка по умолчанию для текста в документах. Выберите между левым, центральным или правым параметрами, чтобы определить положение текста на холсте.

Цвет

Выполните следующие действия, чтобы изменить цвет текста:

1. Убедитесь, что выбран текстовый слой.
2. Нажмите на значок «Цвет».
3. В открывшейся палитре выберите нужный оттенок.

Деформация

Вариантов изгиба текста в Фотошопе множество. Для этого нажмите на соответствующий параметр и выберите стиль деформации. Вы также можете настроить силу изменения в %: по горизонтали, вертикали и уровню изгиба.

Параметры символов текста

Предпоследний значок открывает подробное меню форматирования текста. В нем указаны все перечисленные выше свойства, которые также легко изменить. Кроме того, это окно позволяет изменить более конкретные параметры. Мы изучим их подробно ниже.

Настройка вкладки «Символ»:

Кернинг – регулировка расстояния между буквами (плотности текста). Это поможет визуально сделать текст более удобным для чтения.

Вертикальный и горизонтальный масштаб – форматирование высоты и ширины символов.

Интерлиньяж — это параметр расстояния между строками в блоке текста.

Трекинг – размещение пробелов между символами.

Читайте также: Как увеличить изображение в Фотошопе без потери качества

Настройки языка – определяет язык, на котором написан текст.

Стилизация шрифта. Эта панель параметров позволяет зачеркивать текст, подчеркивать его или вводить буквы верхнего и нижнего регистра.

Настраиваем вкладку «Абзац» (вызвать окно можно через меню Окно – Абзац):

Помимо настройки по одному краю или центру, на этой вкладке вы также можете:

Выровняйте текст или оставьте последнюю строку пустой:

Установить ширину отступа:

Введите дефисы (для блока текста):

Примечание! Чтобы сохранить изменения форматирования, щелкните галочку в конце панели инструментов.

Шаг 3

Заходим в меню Layer ––Duulate Layer (Слои – Дублировать слой). Назовем этот слой «Внутреннее свечение» и нажмите «ОК.

Шаг 4

На панели «Слои» установите значение заливки 0% для «Внутреннего свечения).

Шаг 5

Активировав слой «Внутреннее свечение», зажмите клавишу Ctrl на клавиатуре и выберите слой «Приключение».

Шаг 6

На панели «Слои» щелкните значок «Создать новую группу).

Шаг 7

Выделяем группу слоев и переходим в меню Слой – Новый слой-заливка – Сплошной цвет (Слой – Новый слой-заливка – Цвет). Назовите этот слой «Цвет», обязательно установите флажок «Использовать предыдущий слой для создания обтравочной маски» и нажмите «ОК.

Шаг 8

В окне «Палитра цветов» укажите желаемый цвет текста. В данном случае я установлю #e1e2e2.

Шаг 9

откройте гранжевую текстуру.

Шаг 10

Заходим в меню Create – New – Create from Background (Создать – Создать – Создать из фона).

Шаг 11

Заходим в меню Изображение – Коррекция – Уровни (Image – Correction – Levels). Установите входное значение для тени на 100, для средних тонов на 0,35, для светлых участков на 235 и нажмите ОК.

Готовые эффекты

Текстовые эффекты можно скачать из Интернета. С их помощью можно без усилий создать замечательную надпись. Делать это с нуля, несомненно, интереснее. И конечный результат — именно то, что вам нужно. Но вдруг вам подойдет один из существующих дизайнов.

Неоновые вывески, отражатели, буквы из ленты, металла, дерева, песка и даже мороженого. Просто введите «Текстовые эффекты для Photoshop CS6» в поисковую систему и просмотрите несколько сайтов. Возможно, нужный вам шрифт уже кем-то создан, и вам не обязательно делать его самостоятельно.

Стили распространяются в файлах .psd (часто упакованы в архивы RAR или ZIP). Это не дополнение или плагин, а изображения, которые можно редактировать. Там уже настроены все необходимые цвета и эффекты. Просто откройте рисунок в Photoshop и вставьте текст. Скопируйте и добавьте его к другим изображениям.

В некоторых стилях могут использоваться шрифты, которых у вас нет. Прежде чем загружать эффект, проверьте, поставляется ли он с нужным вам файлом каллиграфии. Либо посмотрите, какой набор символов доступен (если эта информация есть в описании) и заранее установите его.

Если вы не хотите искать больше шрифтов, но стиль вам нравится, смело скачивайте его. Когда вы откроете файл, Photoshop предупредит вас, что в базе данных нет нужной каллиграфии, и заменит ее своей. Затем выберите набор символов из уже имеющихся в программе.

Вы сможете понять, как писать текст в Фотошопе и редактировать его. Однако инструмент имеет множество различных текстур, стилей, эффектов и числовых параметров, в которых легко запутаться. Чтобы изучить программу и запомнить все ее функции, потребуется время. Но создать интересную и необычную подпись сможет каждый. Для этого не обязательно иметь глубокое понимание Photoshop. Готовые стили также доступны в Интернете. Эффекты в них уже расставлены. Просто введите текст.

Шаг 12

Заходим в меню Select – All (Выделение – Все), затем Edit – Copy (Редактирование – Копировать).

Текстовый блок

Текстовый блок — это крупномасштабный непрерывный текст, ограниченный рамками. Главная особенность – строгие лимиты. Это означает, что контент в кадрах просто не может выйти за их пределы. Если текст не помещается, он становится невидимым.

Редактировать текстовый блок можно так же, как и надпись. Photoshop дает возможность изменять не только параметры букв по умолчанию, но и их положение на странице. Блок можно легко исказить или масштабировать. Ниже мы опишем конкретные параметры форматирования.

Для создания блока необходимо либо написать/вставить длинный текст, либо растянуть границу надписи, зажав левую кнопку мыши на пунктирной границе надписи.

Чтобы изменить размер блока, вы можете использовать маркеры на нижнем крае (нажмите CTRL+T или меню Редактировать – Трансформировать – Масштабирование).

Чтобы деформировать блок, зажмите клавишу «Ctrl» и исказите границы, также удерживая курсоры.

После того, как вы внесли изменения, необходимо подтвердить их галочкой.

Как установить шрифт

Теперь давайте посмотрим, как можно установить шрифты для Фотошопа. Для этого скачанный файл необходимо переместить в соответствующую папку Windows. Прежде всего нажмите «Пуск» и перейдите в раздел «Мой компьютер». На диске C откройте папку Windows. Шрифты ОС расположены в каталоге Fonts. Теперь также открываем папку, в которой была сохранена скачанная версия. Скопируйте файл шрифта в буфер обмена (возможно, вам придется сначала извлечь архив), нажав кнопку мыши (правую) и выбрав функцию «Копировать». Затем вставьте файл в папку Fonts. Для этого также нажмите правую кнопку мыши и выберите раздел «Вставка».

Шаг 13

Нажмите Удалить на клавиатуре.

Шаг 14

Нажмите Q, чтобы войти в режим быстрой маски и перейдите в меню «Правка – Вставить).

Шаг 15

Нажмите Q, чтобы вернуться в режим быстрой маски).

Шаг 16

Перейдите в меню «Выбор – Инверсия).

Шаг 17

Перейдите в меню Редактировать – Заполнить. Используйте следующие настройки и нажмите «ОК.

Шаг 18

Заходим в меню Select – Deselect (Выбрать – Отменить выбор).

Шаг 19

Перетащите слой с текстурой в исходный документ и поместите его между слоями «Приключение» и «Внутреннее свечение».

Примечание. При необходимости вы можете настроить размер текстуры.

Шаг 20

Выделите слой с текстурой и перейдите в меню Слой – Стиль слоя – Параметры наложения (Layer – Layer Style – Blending Options). Используйте следующие настройки и нажмите «ОК.

Шаг 21

Чтобы сделать текст более интересным, выберите слой «Внутреннее свечение» и зайдите в меню Слой – Стиль слоя – Внутреннее свечение (Layers – Layer Style – Inner Glow). Используйте следующие настройки и нажмите «ОК.

Примечание. Не имеет значения, какой цвет вы здесь выберете, но в зависимости от размера текста вам может потребоваться немного изменить размер внутреннего свечения.

Создаем надпись

Чтобы создать надпись в Фотошопе, нажмите на текстовый символ («Т»), а затем нажмите на то место изображения, куда вы хотите ее добавить. После этого введите нужный текст. На экране появляется простая черная надпись без стилизации. Если вы хотите создать уникальный текстовый контент, вам необходимо использовать специальные инструменты.

«Горизонтальный текст» и «Вертикальный текст» — самые простые варианты. Они определяют направление надписи. Чтобы выбрать тот или иной инструмент, нажмите на соответствующую функцию в меню значка «Т». Используя эти функции, вы создаете новый слой в Photoshop, который будет помещен поверх фона.

«Маска вертикального текста» и «Маска горизонтального текста» не образуют отдельный слой, а создают временную фоновую маску. Эти инструменты позволяют выделить область изображения в виде текста. После активации маски в качестве слоя вы можете нажать, чтобы отредактировать фоновое изображение формы текста.

Шаг 22

Теперь, когда мы закончили работу над эффектом, если мы хотим изменить цвет текста, просто дважды щелкните миниатюру слоя «Цвет», выберите любой цвет в окне «Палитра цветов» и нажмите «ОК.

Линии

Этот эпизод — самый простой способ улучшить контраст. Простое добавление двух белых линий, одной над и одной под текстом, лучше всего разделит текст и фон.

Добавляем две строки….

.. создает самое большое различие между двумя элементами дизайна.

Пара слов о выборе картинки

Выбор изображений – один из самых сложных моментов в жизни дизайнера. Я уже написал статью о том, как использовать иллюстрации, не опасаясь преследования по закону об авторском праве. Но если вы хотите сэкономить и создать для себя какой-то шедевр, вас вряд ли будут искать. Вы можете использовать Google или Яндекс.

Но как найти в Интернете хорошее изображение оптимального размера и подходящего качества? Рекомендую в первую очередь обратить внимание на фон рабочего стола. Они во много раз лучше всего, что может предложить вам поисковая система.

Когда дело доходит до создания надписи, советую использовать не просто фотографии, а текстуры. Ваш текст будет выглядеть эффектно, стильно и презентабельно. Теперь вы хотите увидеть все.