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

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

Мультяшный текстовый эффект в Adobe Photoshop

1 мая 2017 | Опубликовано в Уроки | 1 Комментарий »

В этом уроке мы займемся созданием мультяшного текстового эффекта в Adobe Photoshop. При помощи стилей слоя мы создадим милый, многослойный текстовый эффект с множественной обводкой и объемом. Этот урок подойдет новичкам, которые хотят пощупать функцию стилей слоя, но не знают с чего начать.

 

Результат

Final Result

1. Стили слоя

Шаг 1

Откройте Photoshop и в меню выберите File > New/Файл>Создать, чтобы создать новый документ с параметрами как показано ниже:

Creating a New Document

Шаг 2

Залейте документ цветом #282828. Возьмите инструмент Type/Текст (T) и укажите следующие параметры:

  • Шрифт: Great Vibes (скачайте и установите)
  • Size/Размер: 127 pt
  • Цвет: белый
  • Tracking/Трекинг: -25

Text Tool

Шаг 3

Введите вам текст (в нашем случае это слово «Fairy»), первая буква должна быть заглавной. Нажмите Control-A, чтобы выделить весь документ, возьмите инструмент Move/Перемещение (V) и кликните по иконкам выравнивания по вертикали и горизонтали в панели настроек.

Text Align

Шаг 4

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

Укажите стиль слоя Stroke/Обводка с параметрами как показано ниже. (Цвет: #ff0084)

Layer 1 - Stroke

Нажмите OK, чтобы сохранить изменения.

Шаг 5

Выберите слой с текстом и в меню выберите Layer > Duplicate Layer/Слой>Дублировать слой, и назовите копию «Middle».

Возьмите инструмент Move/Перемещение (V) и переместите слой на 7 px выше и левее. В меню выберите Layer > Layer Style > Clear Layer Style/Слой>Стиль слоя>Очистить стиль слоя. Укажите тексту цвет #c6c6c6.

Creating a New Layer

Шаг 6

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

Stroke/Обводка

  • Цвет: #8c054a

Layer 2 - Stroke

Шаг 7

Inner Glow/Внутреннее свечение

  • Цвет: #ffffff

Layer 2 - Inner Glow

Шаг 8

Gradient Overlay/Перекрытие градиента

  • Градиентот #f6b6ce к #e35b9b

Layer 2 - Gradient Overlay

Шаг 9

Drop Shadow/Тень

  • Цвет: #840048

Layer 2 - Drop Shadow

Нажмите OK, чтобы сохранить стили.

Шаг 10

Выберите слой Middle и дублируйте его. Назовите копию «Front». Инструментом Move/Перемещение (V) переместите слой на 5 px выше, и на 1 px левее. В меню выберите Layer > Layer Style > Clear Layer Style/Слой>Стиль слоя>Очистить стиль слоя.

Creating a New Layer

Шаг 11

Укажите слою Front Fill/Заливку в 0%. Также укажите стили слоя, перечисленные ниже.

Layer 3 - Blending Options

Шаг 12

Stroke/Обводка

  • Цвет: #000000

Layer 3 - Stroke

Шаг 13

Color Overlay/Перекрытие цвет

  • Цвет: #ffffff

Layer 3 - Color Overlay

Нажмите OK.

Шаг 14

Выберите слои Fairy, Middle и Front и нажмите Control-E, чтобы объединить их в один слой.

Merging the Layers

Шаг 15

Кликните дважды по получившемуся слою, и укажите ему следующие стили.

Stroke/Обводка

  • Цвет: #000000

Merged Layer - Stroke

Шаг 16

Outer Glow/Внешнее свечение

  • Цвет: #ffffff

Merged Layer - Outer Glow

Шаг 17

Drop Shadow/Тень

  • Цвет: #000000

Merged Layer - Drop Shadow

Нажмите OK.

Результат

Final Result

Автор урока Pavlo Manachyn

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

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




Комментарии

[an error occurred while processing the directive]


[an error occurred while processing the directive]