Сияющий каллиграфический текстовый эффект — урок по Adobe Photoshop
Сегодня мы научимся создавать интересный текстовый эффект посредством манипуляции со стилями слоёв и режимами наложения.
Шаг № 1.
Запускаем Фотошоп и создаём новый документ, я использовал размеры
1920×1200 пикселей. Заливаем тёмным цветом
(#1f1e1e).
Шаг № 2.
Теперь идём в
Layer>Layer Style>Gradient Overlay. Выбираем серый
(#707070) и белый цвет. Режим наложения меняем на
Multiply (Умножение) и прозрачность на 60%. Стиль ставим
Radial. Убедитесь что белый цвет в центре.
Шаг № 3.
Сейчас идём в
Filter>Noise>Add Noise. Ставим
2%,
Gaussian,
Monochromatic. Наложение шума делает градиент более утончённым.
Шаг № 4.
Добавим любой текст, я написал
Abducted by Design. Нам понадобится каллиграфический шрифт, я использовал Champignon
Скачивать файлы могут только зарегистрированные пользователи. Размещайте слова на разных слоях, чтобы можно было их расставить так как нам нужно.
Шаг № 5.
Чтобы придать нашему тексту изюминку добавим немного завитков. Поставим завитушку перед буквой А. Завитушки я брал с
Shutterstock'a. Небходимый клипарт можно найти в разделе
Материалы или на просторах интернета.
Шаг № 6.
Добавим ещё завиток к букве N. Я использовал тот же элемент, но меньшего размера.
Шаг № 7.
Ещё один завиток к букве «Y».
Шаг № 8.
Теперь у нас есть текст с завитушками, конвертируем его в
Smart Objects — таким образом мы сможем редактировать их в любой момент. Теперь идём в
Layer>Layer Styles>Gradient Overlay. Выбираем розовый и голубой цвет, стиль градиента
Linear и угол в 90є.
Шаг № 9.
После градиента добавим тень (пункт меню
Blending options/ Drop Shadow), режим наложения выставим на
Multiply (Умножение), угол в 120є, 5 пикселей для параметра
Distance (расстояние) и размер (
Size) в 20 пикселей.
Шаг № 10.
После того как мы добавили тень, выбираем пункт
Bevel and Emboss. Стиль скоса ставим на
Inner Bevel, параметр
Technique выставляем на
Smooth и глубину (
Depth) на 190%. Направление выставляем
UP (Вверх), размер (
Size) ставим на 6 пикселей и 8 пикселей для параметра
Soften (Смягчение). Следующим выставляем параметры
Shading, угол 120є,
Altitude (высота) 30є, режим
Highlight Mode выставляем на
Color Dodge, цвет белый с прозрачностью в 75%. Режим
Shadow Mode ставим на
Multiply и выставляем чёрный цвет с прозрачностью в 45%. Далее ставим галочку в чекбокс
Contour.
Шаг № 11.
Дублируем слой с текстом и параметр
Fill ставим на 0%. Таким образом не будет видно цвета, но слой останется рабочим поверх прозрачного. Отключаем параметр
Gradient Overlay. Для параметра
Bevel and Emboss меняем направление на Вниз (
Down). Так же увеличиваем параметр
Depth (глубина) до 370%. Размер (
size) ставим на 2 пикселя и 8 пикселей ставим на параметр
Soften (смягчение). Выставляем параметры
Shading, угол 145є,
Altitude (высота) на 25є. Режим
Highlight Mode ставим на
Screen с белым цветом на 100% прозрачности, а режим
Shadow Mode ставим прозрачность на 0%.
Шаг № 12.
Дублируем слой, чтобы усилить эффект.
Шаг № 13.
Ещё раз дублируем слой, но в этот раз в
Blending Options/ Bevel and Emboss меняем параметр
Soften на 1 пиксель. Режим
Highlight Mode ставим на
Color Dodge с прозрачностью в 70%. Отключаем
Drop Shadow (тень).
Шаг № 14.
Теперь для нашей работы нужна текстура, сделаем её. Создаём новый документ с размерами 40 пикселей в ширину и 200 пикселей в высоту.
Шаг № 15.
Создаём новый слой и прячем слой
Background, затем меняем размер нового слоя так чтобы он был 20 пикселей в ширину, затем заполняем новый слой градиентом с белым цветом к прозрачному. Используем параметр
Opacities в настройках градиента на 40%. Ориентируемся по скриншоту ниже.
Шаг № 16.
Идём в
Edit>Defin Pattern. Обзываем её как душе угодно, я назвал Stripe. Теперь у нас есть замечательная текстура.
Шаг № 17.
Возвращаемся к нашей предыдущей работе. Создаём новый слой и заполняем его только что созданной текстурой.
Шаг № 18.
Поворачиваем слой с текстурой (как на картинке ниже) и меняем режим наложения (
Blend Mode) на
Soft Light.
Шаг № 19.
Зажав
CTRL кликаем по слою с текстом, тем самым образовав область выделения в форме нашей надписи. После этого идём в
Layer>Layer Mask>Reveal Selection. Таким образом текстура будет применена только к тексту.
Шаг № 20.
Выбираем все слои и дублируем их. Затем соединяем их. Дальше идём
Filter>Blur>Gaussian Blur, выставляем 10 пикселей для параметра
Radius и жмём ОК. Меняем режим наложения слоя на
Screen, что добавит симпатичное свечение нашей картинке.
Шаг № 21.
А сейчас давайте добавим немного световых эффектов. Я использовал
стоковую фотографию чтобы создать блик, можно использовать кисти или фильтр
Lens Flare. Поставим наш блик на нужное место, затем сменим режим наложения на
Screen. После этого идём в
Image>Adjustments>Hue and Saturation, ставим галочку на
Colorize и тянем ползунок параметра
Hue до того момента, пока цвет не впишется в общий дизайн. Расставляем там же образом блики, в нужных местах, не забывая при этом подгонять цвет под общую картину.
Шаг № 22.
Импортируем текстуру бумаги и помещаем её поверх всех слоёв. Текстура была взята с
Shutterstock'a, а вы можете найти что-то подобное на просторах интернета. Далее меняем режим наложения на
Multiply.
Вот и всё!
Таким образом мы получили интересный текстовый эффект, посредством стилей слоя и режимов наложения, а так же сделали текстуру. Надеюсь данная техника пригодится Вам в творчестве. Вот ещё немного вариаций с эффектом:
Удачного креатива!