Объёмный текст с сияниями в Фотошопе
Конечный результат:
Ресурсы урока:
Шрифт «Garnet»
Космическая пыль
Металлическая сетка
Градиентные заливки
Металлическая текстура
Шаг 1
Создайте новый документ в Фотошопе (Ctrl + N) размером 1024х750 пикселей с чёрным фоном. Вставьте изображение космической пыли и растяните его на весь холст в режиме Свободное трансформирование (Ctrl + T).
Текстура имеет не малый размер, поэтому, если Вы создаёте длинную надпись, то советую использовать холст большего размера.
Кликните дважды на слое космоса, чтобы открыть окно стилей. Примените стиль Наложение узора (Pattern Overlay).
Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 100%
Узор (Pattern): металлическая сетка
Масштаб (Scale): 100%
Связать со слоем (Link with Layer): Включено
Мы получим космический фон.
Шаг 2
Добавьте шрифт «Garnet» в общую библиотеку. Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T) и напишите слово STAR заглавными буквами. Откройте панель Символ (Окно > Символ) (Window > Character) и настройте текст так:
Создайте две копии текстового слоя (Ctrl + J). Уменьшите Заливку (Fill) верхней копии до 0%.
Шаг 3
К оригинальному текстовому слою примените следующие стили:
Тиснение (Bevel & Emboss):
Стиль (Style): Контурное тиснение (Stroke Emboss)
Метод (Technique): Жёсткая огранка (Chisel Hard)
Глубина (Depth): 100%
Направление (Direction): Вверх (Up)
Размер (Size): 10 пикселей
Смягчение (Soften): 0 пикселей
Угол (Angle): 120 градусов
Глобальное освещение (Use Global Light): Включено
Высота (Altitude): 30 градусов
Контур глянца (Gloss Contour): Перевёрнутый конус (Cone – Inverted); Сглаживание (Anti-aliased): Включено
Режим подсветки (Highlight Mode): Яркий свет (Vivid Light); Цвет (Color): #e8ebf0; Непрозрачность (Opacity): 75%
Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): #08324b; Непрозрачность (Opacity): 75%.
Контур (Contour):
Контур (Contour): Кольцо (Ring), Сглаживание (Anti-aliased): Включено
Диапазон (Range): 50%
Обводка (Stroke):
Размер (Size): 7 пикселей
Положение (Position): Снаружи (Outside)
Режим наложения (Blend Mode): Нормальный (Normal)
Непрозрачность (Opacity): 100%
Тип обводки (Stroke Type): Градиент (Gradient)
Стиль (Style): Зеркальный (Reflected); Выровнять по слою (Align with Layer): Включено
Угол (Angle): 90 градусов
Масштаб (Scale): 100%
Шаг 4
К первой копии текстового слоя примените следующие стили:
Тиснение (Bevel & Emboss):
Стиль (Style): Внутренний скос (Inner Bevel)
Метод (Technique): Жёсткая огранка (Chisel Hard)
Глубина (Depth): 100%
Направление (Direction): Вверх (Up)
Размер (Size): 5 пикселей
Смягчение (Soften): 0 пикселей
Угол (Angle): 120 градусов
Глобальное освещение (Use Global Light): Включено
Высота (Altitude): 30 градусов
Контур глянца (Gloss Contour): Скругленные ступеньки (Rounded Steps); Сглаживание (Anti-aliased): Включено
Режим подсветки (Highlight Mode): Яркий свет (Vivid Light); Цвет (Color): #e2ffff; Непрозрачность (Opacity): 75%
Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): Чёрный; Непрозрачность (Opacity): 75%.
Контур (Contour):
Контур (Contour): Линейный (Linear), Сглаживание (Anti-aliased): Включено
Диапазон (Range): 50%
Глянец (Satin):
Режим наложения (Blend Mode): Перекрытие (Overlay); Цвет (Color): #c1ffe8
Непрозрачность (Opacity): 50%
Угол (Angle): 0 градусов
Смещение (Distance): 35 пикселей
Размер (Size): 70 пикселей
Контур (Contour): Двойное кольцо (Ring – Double); Сглаживание (Anti-aliased): Выключено; Инвертировать (Invert): Включено
Шаг 5
Стили для верхней копии:
Тиснение (Bevel & Emboss):
Стиль (Style): Внутренний скос (Inner Bevel)
Метод (Technique): Жёсткая огранка (Chisel Hard)
Глубина (Depth): 100%
Направление (Direction): Вверх (Up)
Размер (Size): 40 пикселей
Смягчение (Soften): 0 пикселей
Угол (Angle): 65 градусов
Глобальное освещение (Use Global Light): Выключено
Высота (Altitude): 75 градусов
Контур глянца (Gloss Contour): По Гауссу (Gaussian); Сглаживание (Anti-aliased): Включено
Режим подсветки (Highlight Mode): Яркий свет (Vivid Light); Цвет (Color): #efe6d2; Непрозрачность (Opacity): 75%
Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): Чёрный; Непрозрачность (Opacity): 75%.
Контур (Contour):
Контур (Contour): Полукруг (Half Round), Сглаживание (Anti-aliased): Включено
Диапазон (Range): 50%
Глянец (Satin):
Режим наложения (Blend Mode): Яркий свет (Vivid Light); Цвет (Color): #2fffc7
Непрозрачность (Opacity): 50%
Угол (Angle): 19 градусов
Смещение (Distance): 28 пикселей
Размер (Size): 35 пикселей
Контур (Contour): По Гауссу (Gaussian); Сглаживание (Anti-aliased): Выключено; Инвертировать (Invert): Включено
Шаг 6
Выделите текстовый слой (удерживая Ctrl, кликните на миниатюре слоя).
Создайте новый слой между двумя копиями и назовите его «Texture». Установите основной и фоновый цвет на панели инструментов, как показано ниже. Затем примените фильтр Облака (Фильтр > Рендеринг > Облака) (Filter > Render > Clouds). Уберите выделение (Ctrl + D).
Примените фильтр Кристаллизация (Фильтр > Оформление > Кристаллизация) (Filter > Pixelate > Crystallize).
Примените фильтр Акцент на краях (Фильтр > Штрихи > Акцент на краях) (Filter > Accented Edges):
На тексте появятся светлые трещины.
Примените фильтр Наклонные штрихи (Фильтр > Штрихи > Наклонные штрихи) (Filter > Brush Strokes > Angled Edges).
Трещины станут более чёткими.
Примените фильтр Умная резкость (Фильтр > Усиление резкости > Умная резкость) (Filter > Sharpen > Smart Sharpen).
Установите режим наложения Мягкий свет (Soft Light) для слоя «Texture».
Шаг 7
Выберите цвет #1a1a1a в качестве основного, выделите текстовый слой и создайте новый на самом верху.
Примените фильтр Облака (Clouds) и уберите выделение (Ctrl + D).
Примените фильтр Зерно (Фильтр > Текстура > Зерно) (Filter > Texture > Grain).
Установите режим наложения Мягкий свет (Soft Light) и уменьшите непрозрачность до 50%.
Шаг 8
Выберите все имеющиеся слоя, кроме фонового. Поместите их в группу (Ctrl + G) и назовите её «Text». Создайте копию группы и скройте оригинал. Выберите копию и объедините её на одном слое (Ctrl + E).
Выберите инструмент Прямоугольник с закруглёнными углами (Rounded Rectangle Tool) (U) и настройте его, как показано на скриншоте. Создайте прямоугольник такого размера, чтобы в него можно было поместить букву.
Примените к прямоугольнику следующие стили:
Тиснение (Bevel & Emboss):
Стиль (Style): Внутренний скос (Inner Bevel)
Метод (Technique): Жёсткая огранка (Chisel Hard)
Глубина (Depth): 100%
Направление (Direction): Вверх (Up)
Размер (Size): 25 пикселей
Смягчение (Soften): 0 пикселей
Угол (Angle): 120 градусов
Глобальное освещение (Use Global Light): Выключено
Высота (Altitude): 30 градусов
Контур глянца (Gloss Contour): Линейный (Linear); Сглаживание (Anti-aliased): Включено
Режим подсветки (Highlight Mode): Яркий свет (Vivid Light); Цвет (Color): Белый; Непрозрачность (Opacity): 75%
Режим тени (Shadow Mode): Умножение (Multiply); Цвет (Color): Чёрный; Непрозрачность (Opacity): 75%.
Контур (Contour):
Контур (Contour): Кольцо (Ring), Сглаживание (Anti-aliased): Включено
Диапазон (Range): 50%
Наложение градиента (Gradient Overlay):
Режим наложения (Blend Mode): Мягкий свет (Soft Light)
Непрозрачность (Opacity): 100%
Градиент (Gradient): чёрно-белый; Инверсия (Reverse): Выключено
Стиль (Style): Зеркальный (Reflected); Выровнять по слою (Align with Layer): Включено
Угол (Angle): 90 градусов
Масштаб (Scale): 150%
Наложение узора (Pattern Overlay):
Режим наложения (Blend Mode): Перекрытие (Overlay)
Непрозрачность (Opacity): 100%
Узор (Pattern): металлическая текстура
Масштаб (Scale): 100%
Связать со слоем (Link with Layer): Включено
Шаг 9
Создайте 3 копии этого прямоугольника.
К слою с текстом примените стиль Отбрасывание тени (Drop Shadow):
Отбрасывание тени (Drop Shadow):
Режим наложения (Blend Mode): Умножение (Multiply); Цвет (Color): Черный
Непрозрачность (Opacity): 75%
Угол (Angle): 120 градусов; Глобальное освещение (Use Global Light): Включено
Смещение (Distance): 16 пикселей
Размах (Spread): 0%
Размер (Size): 10 пикселей
Контур (Contour): Линейный (Linear); Сглаживание (Anti-aliased): Выключено
Шум (Noise): 0%
Слой выбивает тень (Layer Knocks Out Drop Shadow): Включено
Под текстом появится тень. Я не добавил её раньше потому, что она была растрирована и взаимодействовала с космическим фоном в режиме Умножение. То есть мы не получили бы нужный чёрный цвет.
Шаг 10
Выберите инструмент Многоугольное лассо (Polygonal Lasso Tool) (L) и выделите первую букву.
Скопируйте букву на отдельный слой (Ctrl + J).
Скопируйте остальные буквы на отдельный слой и выключите растрированный слой со словом STAR.
Используйте режим Свободное трансформирование (Ctrl + T), чтобы расставить плитки на разном уровне и буквы на них.
Шаг 11
Создайте новый слой на самом верху и назовите его «Glow». Установите режим наложения Линейный свет (Linear Light). Выберите цвет #6dcff6 и мягкую кисть размером 35 пикселей. Нарисуйте сияния на буквах.
Примените фильтр Рябь (Фильтр > Искажение > Рябь) (Filter > Distort > Ripple).
Создайте корректирующий слой Карта градиента (Gradient Map):
Выберите градиент из файла «CSP True Sky Gradients.grd». Установите режим наложения корректирующего слоя на Перекрытие (Overlay) и уменьшите непрозрачность до 50%.
Конечный результат:
