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

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

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

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

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

Шаг 1

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

Шаг 2

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

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

Шаг 3

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

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

Шаг 4

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

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

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

Шаг 5

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

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

Шаг 6

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

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

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

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

Шаг 1

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

Шаг 2

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

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

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

Шаг 1

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

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

Шаг 2

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

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

Шаг 3

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

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

Шаг 4

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

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

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

Шаг 5

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

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

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

Шаг 6

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

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

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

Шаг 7

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

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

Шаг 8

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

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

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

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

Шаг 1

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *