Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Элегантный глянцевый типографический эффект в Photoshop

18 мая 2014 | Опубликовано в Уроки | 3 Комментариев »

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

 

Исходники

Загрузите контуры 

Нам понадобятся некоторые контуры для стилей слоя. Чтобы загрузить необходимые контуры, в меню найдите Edit -> Preset Manager/Редактировать>Управление наборами, и выберите Contours/Контуры в выпадающем меню.

Кликните по маленькой стрелочке в правом верхнем углу и выберите Contours/Контуры.

Кликните Append/Добавить, чтобы добавить контуров.

Шаг 1

Создайте новый документ размером 1250 x 825 px. Выставите первым цветом #473f56, а фоновым — #241c31. Возьмите инструмент Gradient/Градиент, выберите радиальный градиент от первого цвета к фоновому в панели настроек. Растяните градиент от центра к углу. Дублируйте фоновый слой.

Кликните дважды по копии фонового слоя и примените стиль слоя Pattern Overlay/Перекрытие узора. Настройте параметры как показано ниже и выберите паттерн из исходников.

Вот что должно получиться.

Шаг 2

Создайте текст, используя шрифт Sofia, цвет #3c3689, и размер шрифта 350 pt.

Кликните дважды по иконке слоя, чтобы применить к нему следующие стили слоя:
Bevel and Emboss/Тиснение

Contour/Контур

Stroke/Обводка
Используйте градиент “Chrome Bar 135″ из файла “RS_Chrome.grd”.

Inner Shadow/Внутренняя тень

Inner Glow/Внутреннее свечение
Используйте градиент “stove pipe 85-L” из файла “RS_Chrome.grd”.

Drop Shadow/Тень

Вот что должно получиться:

Шаг 3

Кликните правой кнопкой мыши по слою с текстом и выберите Create Work Path/Создать рабочий контур, теперь возьмите инструмент Brush/Кисть.

Откройте палитру Brush/Кисть и выберите круглую кисть размером 30px. Настройте ее как показано ниже:

Brush Tip Shape/Форма отпечатка кисти

Shape Dynamics/Динамика формы

Transfer/Передача

Установите в качестве первого цвета #d7d7d7, создайте новый слой под слоем с текстом и назовите его “Stroke”, затем нажмите клавишу Enter/Return, чтобы выполнить заливку по контуру.
Возьмите инструмент Direct Selection/Прямое выделение (A) и вновь нажмите Enter/Return, чтобы избавиться от контура.

Шаг 4

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

Bevel and Emboss/Тиснение

Contour/Контур

Inner Glow/Внутреннее свечение
Цвет: #ededed

Gradient Overlay/Перекрытие градиента
Используйте градиент “Chrome Bar 145″ из файла  "RS_Chrome.grd".

Drop Shadow/Тень

Вот что получится:

Шаг 5

Создайте новый слой поверх всех остальных слоев и назовите его “Glow”. Укажите этому слою Blend Mode/Режим наложения Vivid Light/Яркий свет. Затем выберите в качестве первого цвета #d7d7d7, возьмите мягкую круглую кисть размером в 30 px и рисуйте небольшие вспышки на светлых частях текста.

Можете также добавить тонкую подпись шрифтом ZnikomitNo24 размера 70 pt и цвета #acb0b6.

Кликните дважды по слою с подписью, чтобы применить к нему стиль слоя Gradient Overlay/Перекрытие градиента. Выберите градиент “Aluminum 5″ из файла “CHROMES.grd ”.

Вот что получится:

Шаг 6

В палитре Layers/Слои Кликните по иконке Create new fill or adjustment layer/Создать новый корректирующий слой или слой-заливку. Выберите вариант Gradient/Градиент.

Выберите градиент от прозрачного к непрозрачному, от цвета #4c435d к #272727. Настройте его как показано ниже. Затем измените для этого слоя Blend Mode/Режим наложения на Soft Light/Мягкий свет.

Результат

Автор урока planetphotoshop

Перевод — Дежурка

Смотрите также:




Комментарии

  1. fire-mori
    Thumb up Thumb down +3

    скорее топорный, а не элегантный

  2. Арк
    Thumb up Thumb down +2

    Это ужасно!

[an error occurred while processing the directive]


[an error occurred while processing the directive]