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

Шаг № 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.

Вот и всё!

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

Удачного креатива!

Категория:

уроки для фотошопа (Photoshop)