Как создать летний солнечный текстовый эффект в Adobe Photoshop

Вот что мы собираемся создать

В этом уроке я расскажу, как создать летний солнечный текстовый эффект с помощью стилей слоя в Adobe Photoshop.

Материалы урока
• Шрифт: Amaz Obitaem Ostrov Italic;
• Шаблон green_metal_pattern.pat.

1. Создаем фон

Шаг 1

Сначала необходимо установить шаблон под названием green_metal_pattern. Это можно сделать двойным щелчком по иконке.

Шаг 2

Создайте новый документ: Файл > Создать (File > New). Установите ширину 600 пикселей и высоту 500 пикселей. Разрешение должно быть 72 пикселя на дюйм:

Шаг 2

Шаг 3

Выделите фон и создайте его копию. Для этого перейдите в Слои > Создать дубликат слоя > ОК (Layer > Duplicate Layer > OK). Переименуйте новый слой в Background Pattern (Шаблон фона):

Шаг 3

Шаг 4

Чтобы добавить текстуру, мы воспользуемся стилем слоя.

Перейдите в меню Слои > Стиль слоя > Наложение узора (Layer > Layer Style > Pattern Overlay), выберите green_metal_pattern из списка, и установите значение масштаба в 50%. Нажимайте кнопку «Привязать к началу координат» (Snap to Origin) каждый раз, когда применяете этот шаблон:

Шаг 4
Шаг 4 - 2

Шаг 5

Для получения пятна света в центре изображения, перейдите в меню Слои > Стиль слоя > Внутренняя тень (Layer > Layer Style > Inner Shadow) и установите следующие значения для параметров:

Шаг 5
Шаг 5 - 2

Шаг 6

На этом шаге мы добавим отражение. Перейдите в Стиль слоя > Тиснение (Layer Style > Bevel & Emboss) и установите значения, приведенные ниже.

Вам необходимо создать собственный «Контур глянца» (Gloss Contour), поэтому внимательно следуйте инструкциям, чтобы достичь желаемого эффекта:

Шаг 6
Шаг 6 - 2

2. Создаем текст

Шаг 1

Введите нужное слово, применив шрифт Amaz Obitaem Ostrov Italic. Установите размер букв на 180 пт. Для обеспечения наилучшего качества, измените режим сглаживания на «Резкое» (Sharp). Переименуйте слой в Shine Top (Верхняя часть света).

Шаг 2

Продублируйте текст дважды и переименуйте новые слои в Shine Mid (Средняя часть сияния) и «Shine Bot» (Нижняя часть сияния) как показано ниже. Отключите видимость обоих слоев, чтобы было удобнее работать, потому что мы пока не собираемся их использовать:

Шаг 2
Шаг 2 - 2

3. Стилизуем верхний слой

Шаг 1

Выберите слой Shine Top и перейдите в меню Слои > Стиль слоя > Наложение узора (Layer > Layer Style > Pattern Overlay). Нажмите на поле «Узор» (Pattern), выберите из списка green_metal_pattern (мы используем тот же фоновый шаблон) и установите масштаб в 50%. Не забудьте нажать кнопку «Привязать к началу координат» (Snap to Origin):

Шаг 1
Шаг 1 - 2

Шаг 2

Нам нужно добавить Тень (Drop Shadow), чтобы отделить текст от фона. Перейдите в Стиль слоя > Тень (Layer Style > Drop Shadow) и примените настройки, показанные ниже:

Шаг 2
Шаг 2 - 2

Шаг 3

Перейдите в меню Стиль слоя > Наложение градиента (Layer Style > Gradient Overlay) и установите следующие значения:

Шаг 3
Шаг 3 - 2

Шаг 4

Чтобы добавить эффект глянца, перейдите в «Стиль слоя» (Layer Style) и измените настройки стиля «Тиснение» (Bevel & Emboss) как показано ниже.

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

Шаг 4
Шаг 4 - 2

Шаг 5

Перейдите в меню Стиль слоя > Глянец (Layer Style > Satin) и примените следующие настройки, чтобы сделать текст ярче.

Из списка, заданного по умолчанию, выберете контур «Глубокая выемка» (Cove – Deep):

Шаг 5
Шаг 5 - 2

Шаг 6

Сейчас нам нужно улучшить эффект металлического глянца путем добавления отблеска. Перейдите в Стиль слоя > Внутреннее свечение (Layer Style > Inner Glow) и установите следующие значения.

Используйте контур под названием «Конус» (Cone):

Шаг 6
Шаг 6 - 2

Шаг 7

Перейдите в Стиль слоя > Обводка (Layer Style > Stroke) и примените настройки, показанные ниже, чтобы осветлить границы текста:

Шаг 7
Шаг 7 - 2

Шаг 8

Сейчас мы добавим подсветку. Перейдите в Стиль слоя > Внешнее свечение (Layer Style > Outer Glow) и используйте приведенные ниже настройки.

Используйте контур под названием «Конус» (Cone):

Шаг 8
Шаг 8 - 2

4. Стилизуем средний слой

Шаг 1

Теперь мы поработаем со вторым слоем под названием Shine Mid. Нам необходимо достичь перспективы с центральной точкой схода. Зайдите в окно «Символ» (Character) и установите значение трекинга на -60 как показано ниже:

Стилизуем средний слой

Шаг 2

Чтобы сочетать цвета на обоих слоях, перейдите в Слои > Стиль слоя > Наложение градиента (Layer > Layer Style > Gradient Overlay) и примените настройки, показанные ниже:

Стилизуем средний слой - 2

Шаг 3

Для стиля слоя «Внутренняя тень» (Inner Shadow) задайте следующие значения:

Шаг 4

Сейчас мы добавим немного теней, чтобы отделить текст от фона. Перейдите в «Стиль слоя» и измените значения для стилей «Тень» (Drop Shadow) и «Внешнее свечение» (Outer Glow) как показано ниже:

5. Стилизуем нижний слой

Этот финальный шаг придаст нашему эффекту особый колорит. Выберете слой Shine Bot и откройте окно «Символ». Установите масштаб по вертикали на 115% и смещение базовой линии -10 пт. Затем измените цвет как показано ниже:

Стилизуем нижний слой
Стилизуем нижний слой - 2

Все готово!

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

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

Сергей Бензенкоавтор-переводчик статьи «How to Create a Shiny Summer Text Effect in Adobe Photoshop»