Рисуем шипованный текст в Photoshop
23 мая 2014 | Опубликовано в Уроки | 10 Комментариев »
Сегодня мы научимся создавать эффект шипованного текста. На текстильном фоне результат смотрится особенно хорошо. В уроке мы будем работать в основном с контурами и стилями слоев. Надеемся, вам понравится!
Результат
Исходники
- Шрифт Existence Light
- Паттерн Texture Fabric 2 от DreamArt-Stock.
Шаг 1
Создайте новый документ размером 1250 x 680 px, разместите в нем паттерн Texture Fabric 2, поместив его над слоем с фоном. Масштабируйте паттерн под размер документа.
Если ваш текст будет длиннее, вы можете использовать документ иного размера.
В меню выберите Image > Adjustments > Hue/Saturation/Изображение>Коррекция>Оттенок/Насыщенность, измените параметр Saturation/Насыщенность на -10.
Создайте новый текст, используя шрифт Existence. Обратите внимание на то, что для лучшего эффекта все буквы должны быть заглавными. Настройте параметры шрифта как показано на картинке ниже.
Шаг 2
Создайте новый документ размера 100 x 246 px с фоном белого цвета. Возьмите инструмент Rectangular Marquee/Прямоугольная область, и включите опцию Add to selection/Добавить к выделению в панели настроек.
Затем создайте два выделения размером 100 x 100 px — одно в нижней, второе в верхней части документа.
Залейте выделения черным цветом (используй инструмент Paint Bucket/Заливка), затем снимите выделение, нажав Ctrl+D.
В меню выберите Edit > Define Brush Preset/Редактировать>Определить кисть и введите имя для вашей новой кисти.
Теперь вернитесь в ваш рабочий документ.
Откройте палитру Brush/Кисть (Window > Brush/Окно>Кисть), затем кликните по кисти, которую мы только что создали и настройте параметры как показано ниже:
Brush Tip Shape/Форма отпечатка кисти
Shape Dynamics/Динамика формы
Теперь мы применим кисть с тексту. У нас есть три типа букв: прямые, диагональные и из кривых. Для некоторых из них нам нужно будет создать контур.
Шаг 3
Начнем с кривых.
Возьмите инструмент Pen/Перо, и выберите опцию Path/Контур в панели настроек. Создайте контур поверх текста, ориентируясь на его изгибы. Кликайте один раз, чтобы создать точку. Кликайте и тяните, чтобы создать изгиб. Пока не старайтесь сделать контур идеальным, этим мы займемся позже.
Создайте контуры для всех букв, состоящих из кривых. Чтобы разделить контуры, удерживая Ctrl/Cmd кликайте вне предыдущего контура, чтобы завершить его.
После того как вы закончили с созданием всех конутров, возьмите инструмент Direct Selection/Прямое выделение и принимайтесь за корректировку контуров.
Вы можете двигать отдельные точки, или корректировать изгиб, управляя манипуляторами.
Если вы закончили, возьмите инструмент Brush/Кисть, укажите в качестве первого цвета #c78c04, затем нажмите Enter/Return, чтобы выполнить обвдоку контура кистью. Скройте слой с текстом, чтобы посмотреть только на обводку.
Если вам не понравился результат, экспериментируйте с параметрами кисти, меняя размер и расстояние между элементами.
Когда вы закончите, выберите инструмент Direct Selection/Прямое выделение (A) и нажмите Enter/Return, чтобы избавиться от контура.
Шаг 4
Вновь сделайте видимым слой с текстом.
Теперь мы закрасим прямые линии. Для этого, предварительно выбрав инструмент Кисть, кликайте один раз в начало прямой линии (не отжимайте кнопку мыши), удерживая клавишу Shift ведите кистью до конца прямой линии. Теперь отпустите кнопку мыши.
Для диагональных линий нам понадобятся контуры. Но внимательно посмотрите на буквы, которые вам нужно обвести. Работу над некоторыми можно сократить.
Например, в букве Y две диагональные линии, расположенные зеркально. Поэтому мы сначала сделаем обводку одной линии, потом дублируем ее и отразим для второй стороны.
Итак, начнем с создания контура для левой части.
Создайте новый слой, выполните обводку контура и избавьтесь от контура (как мы делали ранее).
Дублируйте новый слой и в меню выберите Edit > Transform > Flip Horizontal/Редактировать>Трансформирование>Отразить по горизонтали.
Инструментом Move/Перемещение, при помощи стрелок на клавиатуре, переместите дублированные слой на нужное место вправо так, чтобы указанные на картинке ниже квадратики пересекались.
Инструментом Eraser/Ластик круглой не растушеванной кистью сотрите этот квадратик в одном из слоев.
Тем же способом обведите все буквы.
Как вы видите на картинке ниже, совсем необязательно строго повторять формы букв. При необходимости можно немного отойти от оригинала.
Шаг 5
Когда вы закончите с обводкой всех букв, выделите все слои, из которых состоит обводка. Для этого, удерживая Shift кликайте по слоям в палитре Layers/Слои.
В меню выберите Layer > Merge Layers/Слой>Объединить слои, и переименуйте получившейся слой в Studs.
Теперь вы также можете немного подредактировать свой текст. Добавить или убрать элементы, подвинуть буквы или изменить их размер.
В примере была немного укорочена и подвинута вправо буква Т.
Убедитесь что текст вам нравится и приступайте к следующему шагу.
Шаг 6
Кликните дважды по иконке слоя Studs в палитре Layers/Слои, чтобы применить к слою следующие Стили Слоя (Layer Style):
– Bevel and Emboss/Тиснение
– Contour/Контур
– Drop Shadow/Тень
Так у нас получатся шипы.
Вы можете экспериментировать с цветом и параметрами стилей.
Результат
Автор урока textuts
Перевод — Дежурка
Смотрите также:
549