Создаем Текст в стиле Звёздных войн в программе Adobe Photoshop

В этом уроке я покажу, как с помощью пары стилей слоя, красивой текстуры космоса и кисти с бликами создать текст в стиле «Звездных войн». Давайте приступим!

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока:

• Шрифт SF Distant Galaxy
• Текстура Космоса
• 8 Металлических текстур
• Набор кистей Звёздочки / Блики
• Набор градиентов (загрузите файлы DIALS.grd и Chrome.grd с градиентами)

1. Создаём Задний Фон

Шаг 1

Создайте новый документ 950 x 550 px в программе Adobe Photoshop. Откройте исходную текстуру с космосом. Расположите данную текстуру поверх слоя с Задним фоном (Background layer). Примените масштабирование при необходимости.

Шаг 2

Дважды щёлкните по слою с текстурой космоса, чтобы применить стиль Наложение цвета (Color Overlay).  Поменяйте режим наложения на Умножение (Multiply), а также задайте цвет #a6a6a6.

Шаг 3

Итак, мы немного затемнили текстуру. Нажмите значок Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоев и в появившемся меню, выберите опцию Цвет (Solid Color).

Шаг 4

Задайте цвет заливки #fced82. Поменяйте режим наложения для данного корректирующего слоя на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) до 25%.

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

Шаг 1

Напишите текст STAR WARS, используя шрифт SF Distant Galaxy. Сделайте буквы S и T в начале и конце строчными.

Откройте вкладку Символ (Character), для этого идём Окно > Символ (Window > Character), чтобы поменять следующие настройки шрифта: Цвет шрифта: #f2ece6, Размер (Size): 200 pt, Интерлиньяж (Leading): 155 pt, Трекинг (Tracking): 50.

Шаг 2

Далее, нам необходимо настроить Кернинг (Kerning) между отдельными буквами. Для этого необходимо щёлкнуть один раз между каждой парой букв и задать значение на своё усмотрение:

Я использовал следующие значения:

• для букв ST: -50
• для букв AR (в обоих словах): 50
• для букв RS: -50

3. Корректируем Форму Текста

Шаг 1

Если вас устраивает, как выглядит текст, далее, идём Текст > Преобразовать в кривые (Type > Convert to Shape).

Шаг 2

Выберите инструмент Стрелка (Direct Selection Tool), а затем выделите две опорные точки в конце буквы R.

Шаг 3

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

Шаг 4

Выделите две опорные точки с левой стороны буквы S, которая расположена вверху, а затем нажмите клавишу со стрелкой «влево», чтобы сдвинуть выделенные точки и выровнять их до торца буквы W, которая расположена ниже.

Шаг 5

Дважды продублируйте слой с текстом (Ctrl + J), а затем уменьшите значение Заливки (Fill) для дубликатов слоёв с текстом до 0%.

4. Стилизуем Оригнальный слой с Текстом

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

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля:

• Стиль (Style): Обводящее тиснение (Stroke Emboss)
• Размер (Size): 3
• Контур глянца (Gloss Contour): Инверсия - по Гауссу (Gaussian Inverse)
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)

Шаг 2

Добавьте стиль слоя Контур (Contour). Установите следующие настройки для данного стиля:

• Контур (Contour): Волнистый уклон (Rolling Slope – Descending)
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3

Добавьте стиль слоя Обводка (Stroke) со следующими настройками:

• Размер (Size): 10
• Положение (Position): По центру (Center)
• Тип обводки (Fill type): Градиент (Gradient)
• Стиль (Style): Зеркальный (Reflected)
• Угол (Angle): 35
• Примените градиент Golden Dial Top X11 в качестве обводки. Дважды щёлкните по шкале градиента, чтобы установить цвета градиента.

Вам нужно дважды щёлкнуть по каждой Контрольной точке цвета (Color Stops), чтобы использовать #e1ca71 вместо #f5e5a6.

Шаг 4

Добавьте стиль слоя Внутренняя тень (Inner Shadow). Установите следующие настройки для данного стиля:

• Непрозрачность (Opacity): 50%
• Смещение (Distance): 0
• Размер (Size): 1

Шаг 5

Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля:

• Дважды щёлкните по шкале градиента, чтобы установить цвета градиента.

Шаг 6

Чтобы создать градиент, вам необходимо дважды щёлкнуть по шкале градиента, чтобы установить Контрольные точки цвета (Color Stops). При выборе каждой контрольной точки цвета, вы можете изменить значения Цвета (Color) и Позиции (Location) для этой точки.

Вы также можете щёлкнуть по Контрольным точкам непрозрачности (Opacity Stops) в верхней части шкалы градиента, чтобы изменить их Непрозрачность (Opacity) и Позицию (Location).

Значения, которые я использовал (слева направо):

Цвет - Позиция (Color - Location)

• #ede1b1 - 5%
• #ecd98f - 75%
• #e1ca71 - 88%
• #be8936 - 100%

В конце, уменьшите значение Позиции (Location) для левой Контрольной точки непрозрачности (Opacity Stop) до 5%.

Итак, мы добавили обводку и основную заливку к первому слою с текстом.

5. Стилизуем Первый Дубликат слоя с Текстом

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

Шаг 1

Добавьте стиль слоя Обводка (Stroke) со следующими настройками:

• Размер (Size): 10
• Положение (Position): Из центра (Center)
• Режим наложения (Blend Mode): Перекрытие (Overlay)
• Тип обводки (Fill type): Градиент (Gradient)
• Стиль (Style): Зеркальный (Reflected)
• Угол (Angle): 90
• Примените градиент: faucet 110

Шаг 2

Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Жёсткий свет (Hard Light)
• Поставьте галочку в окошке Инверсия (Reverse)
• Примените градиент: Gold Dial Tops X7 – angled

Теперь вы можете щёлкнуть внутри текста и сместить градиент в то положение, которое вам нравится. Примечание переводчика: не закрывайте окно стилей слоя, в противном случае, это действие не получится.

Шаг 3

Добавьте стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Перекрытие (Overlay)
• Узор (Pattern): metal_6-512px.jpg

Таким образом, цвета обводки и заливки стали ярче.

6. Стилизуем Второй Дубликат слоя с Текстом

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

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля:

• Стиль (Style): Обводящее тиснение (Stroke Emboss)
• Размер (Size): 3
• Контур глянца (Gloss Contour): Кольцо (Ring)
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)

Шаг 2

Добавьте стиль слоя Контур (Contour). Установите следующие настройки для данного стиля:

• Контур (Contour): Глубокая выемка (Cove - Deep)
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3

Добавьте стиль слоя Обводка (Stroke) со следующими настройками:

• Размер (Size): 10
• Положение (Position): Из центра (Center)
• Режим наложения (Blend Mode): Перекрытие (Overlay)
• Тип обводки (Fill type): Градиент (Gradient)
• Стиль (Style): Зеркальный (Reflected)
• Угол (Angle): 5
• Примените градиент: Golden Dial Top X11

Таким образом, мы сделали эффект более ярким и заметным.

7. Добавляем Внешнее Свечение

Шаг 1

Продублируйте второй дубликат слоя с текстом (Ctrl + J), а затем щёлкните по дубликату слоя правой кнопкой мыши и в появившемся меню, выберите опцию Растрировать стиль слоя (Rasterize Layer Style).

Назовите растрированный слой Свечение (Glow), а затем уменьшите значение Заливки (Fill) до 0.

Шаг 2

Дважды щёлкните по слою Свечение (Glow), чтобы применить стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Линейный свет (Linear Light)
• Цвет: #e7bf2a
• Размер (Size): 3

Итак, мы добавили лёгкое свечение к тексту.

8. Добавляем Блики

Шаг 1

Установите цвет переднего плана на #ead994, выберите инструмент Кисть (Brush) и из набора кистей Звездочки / Блики, выберите кисть S&F-12.

Шаг 2

Откройте вкладку Кисть (Brush), для этого идём Окно >Кисть (Window > Brush), а затем измените настройки Динамики формы (Shape Dynamics), как показано на скриншоте ниже:

Шаг 3

Уменьшите размер кисти на своё усмотрение, создайте новый слой поверх всех остальных слоёв, назовите этот слой Блики (Flares). Поменяйте режим наложения для данного слоя на Линейный свет (Linear Light).

Добавьте звёздные блики вдоль краёв текста.

Поздравляю! Мы завершили урок!

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

Далее, мы создали текст, а затем изменили некоторые настройки шрифта, такие как Трекинг (Tracking) и Кернинг (Kerning).

Мы преобразовали текст в фигуру и поработали над отдельными буквами. Как только мы закончили работу с буквами, мы создали пару дубликатов слоёв, а затем стилизовали их, чтобы создать текстовый эффект.

В заключение, мы настроили кисть с бликами, чтобы добавить эффект бликов на края текста.

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