December 23, 2018

Создаём кристальный текст

Итоговый результат:

Скачать архив с материалами к уроку

Вам также понадобится загрузить Контуры (Contours), которые будут использоваться в стилях слоя. Чтобы загрузить контуры, идём Редактирование – Наборы - Управление наборами (Edit > Presets > Preset Manager) и в появившемся окне, в настройках Тип набора (Preset Type) выберите опцию Контуры (Contours).

Щёлкните по маленькому треугольнику справа и в выпадающем меню выберите опцию Контуры (Contours).

Нажмите кнопку Загрузить (Append), чтобы добавить исходные контуры к существующему набору контуров.

Вам также необходимо загрузить набор Градиентов (Gradient). Чтобы загрузить градиенты, идём Редактирование – Наборы - Управление наборами (Edit > Presets > Preset Manager) и в появившемся окне, в настройках Тип набора (Preset Type), выберите опцию Градиенты (Gradient). Далее, щёлкните по маленькому треугольнику справа и в самой нижней строке выпадающего меню выберите опцию Спектры (Spectrums). Когда появится диалоговое окно, нажмите кнопку Загрузить (Append).

Шаг 1

Создайте новый документ 900 x 600 px. Залейте задний фон цветовым оттенком #191919, а затем идём Фильтр – Преобразовать для смарт-фильтров (Filter > Convert for Smart Filters).

Установите цвет переднего плана и заднего плана на чёрный и белый цвет.

Идём Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise). Установите Эффект (Amount) на 5, Распределение (Distribution) по Гауссу (Gaussian), а также поставьте галочку в окошке Монохромный (Monochromatic).

Дважды щёлкните по слою с задним фоном, чтобы применить стиль слоя Наложение градиента (Gradient Overlay).

  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Поставьте галочку в окошке Дизеринг (Dither)
  • Стиль (Style): Радиальный (Radial)
  • Масштаб (Scale): 150%

Щёлкните по шкале Градиента (Gradient), чтобы открыть окно настроек градиента. Установите тип градиента от прозрачного до заливки цветом. Установите цвета градиента: #fefefe слева и #252525 справа.

Итак, мы создали задний фон.

Шаг 2

Добавьте текст, используя шрифт Easy Street EPS Bold, цвет шрифта #bdced6, размер шрифта 300 pt.

Дважды продублируйте слой с текстом. Уменьшите значение Заливки (Fill) для второго дубликат слоя с текстом до 0.

Шаг 3

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

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

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

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

  • Контур (Contour): Half Round
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

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

  • Размер (Size): 5
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Стиль (Style): Зеркальный (Reflected)
  • Угол (Angle): 90
  • Выберите градиент ‘stainless steel xx gradient fill’

Примечание переводчика: из набора градиентов, выберите с градиент ‘stainless steel xx gradient fill’.

Таким образом, мы добавили яркую блестящую внешнюю обводку.

Шаг 4

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

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

  • Размер (Size): 18
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Режим тени (Shadow Mode) – Затемнение основы (Color Burn)
  • Цвет (Color): #2d3838

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

  • Контур (Contour): Half Round
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

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

  • Размер (Size): 1
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Стиль (Style): Линейный (Linear)
  • Угол (Angle): 90
  • Выберите градиент ‘faucet 120 gradient fill’

Примечание переводчика: из набора градиентов, выберите с градиент ‘faucet 120 gradient fill’.

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

  • Режим наложения (Blend Mode): Яркий свет (Vivid Light)
  • Шум (Noise): 30
  • Цвет (Color): выберите текстуру ‘stainless steel x101 gradient fill’
  • Источник (Source): Из центра (Center)
  • Размер (Size): 29
  • Контур (Contour): Cove – Deep

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

Примените настройки по умолчанию.

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

Шаг 5

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

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

  • Уберите галочку в окошке Глобальное освещение (Global Light)
  • Угол (Angle): -73
  • Высота (Altitude): 37
  • Контур глянца (Gloss Contour): Ring – Double
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Режим тени (Shadow Mode) – Цвет (Color): #0e3f43

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

  • Контур (Contour): Gaussian
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

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

  • Режим наложения (Blend Mode): Затемнение основы (Color Burn)
  • Цвет (Color) выберите градиент ‘Yellow, Violet, Red, Teal gradient fill’
  • Источник (Source): Из центра (Center)
  • Размер (Size): 40

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

  • Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
  • Цвет (Color): #58dde1
  • Смещение (Distance): 27
  • Размер (Size): 16
  • Контур (Contour): Cone

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

Шаг 6

Продублируйте оригинальный слой с текстом, расположите дубликат слоя ниже оригинального слоя, назовите дубликат слоя Тень (Shadow). Щёлкните правой кнопкой мыши по дубликату слоя и в появившемся меню выберите опцию Растрировать стили слоя (Rasterize Layer Style), а затем уменьшите значение Заливки (Fill) до 0.

Дважды щёлкните по слою Тень (Shadow), чтобы применить стиль слоя Тень (Drop Shadow). Установите значения Смещения (Distance) и Размера (Size) на 10.

Таким образом, мы добавили небольшую тень, чтобы немного усилить эффект.

Шаг 7

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

Далее, выберите инструмент Кисть 

(Brush Tool), установите одну из скаченных кистей Звёздочки / Блики.

Вы можете настроить настройки кисти для параметра Динамика формы (Shape Dynamics) в панели настроек кисти Кисть (Brush), (можете поиграть с настройками Колебание размера (Size Jitter) и Колебание угла (Angle Jitter), далее, добавьте пару бликов на края текста.

Итоговый результат вы можете увидеть на скриншоте ниже. Самый интересный приём- это использовать заливку градиентом вместо заливки цветом для стиля слоя Внутреннее свечение (Inner Glow). Данный приём использует больше цветовых оттенков в стиле слоя, чтобы делает эффект слегка более выразительным.

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

Итоговый результат:

PFY