Объёмный текст с сияниями в Фотошопе

  • 20 декабря 2013
  • 0
  • 5366

Конечный результат:



Объёмный текст с сияниями в Фотошопе



Ресурсы урока:



Шрифт «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%.

Объёмный текст с сияниями в Фотошопе



Конечный результат:



Объёмный текст с сияниями в Фотошопе




Правовая информация

Спасибо за перевод пользователю stark! Ссылка на источник урока.



Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.