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

Данный эффект текста был вдохновлен другими текстовыми эффектами, которые доступны на сайте GraphicRiver, например, этот набор стилей слоя 3D Ice Cool, Freeze and Snow Effects Styles.

ОК. Давайте приступим!

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

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

• Шрифт Kornik
• Цветная Текстура
• Текстура Снега
• Набор градиентов (загрузите файл CSP True Sky Gradients.grd)

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

Шаг 1

Создайте новый документ со следующими размерами 1000 x 650px.

Шаг 2

Выберите инструмент Прямоугольник (Rectangle Tool), создайте прямоугольник, закрывающий нижнюю половину рабочего холста. Назовите слой с этим прямоугольником Основание (Ground). Примечание переводчика: 1. Создайте новый слой 2. В настройках инструмента Прямоугольник (Rectangle Tool), выберите режим Выполнить заливку пикселов (Fill Pixels) 3. Цвет фигуры любой.

Шаг 3

Создайте ещё один прямоугольник, закрывающий верхнюю половину рабочего холста. Назовите этот слой с прямоугольником Фон (Back).

2. Применяем Стилизацию к Основанию

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

Шаг 1

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

• Режим наложения (Blend Mode): Линейный Затемнитель (Linear Burn)
• Цвет: #9cb0be
• Непрозрачность (Opacity): 15%
• Смещение (Distance): 0
• Размер (Size): 250

Шаг 2

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

• Поставьте галочку в окошке Дизеринг (Dither)
• Режим наложения (Blend Mode): Линейный Затемнитель (Linear Burn)
• Непрозрачность (Opacity): 20%
• Стиль (Style): Радиальный (Radial)
• Масштаб (Scale): 150%
• Установите градиент от прозрачного к цвету переднего плана, используйте чёрный цвет на обоих концах градиента.

Шаг 3

Щёлкните по значку ‘ + ‘ справа от вкладки Наложение градиента (Gradient Overlay), чтобы добавить ещё один стиль слоя Наложение градиента (Gradient Overlay) со следующими настройками:

• Поставьте галочку в окошке Дизеринг (Dither)
• Поставьте галочку в окошке Инверсия (Reverse)
• Используйте градиент из набора градиентов CSP True Sky Gradients, который указан на скриншоте ниже.

Шаг 4

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

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

3. Копируем и Вклеиваем Стили Слоя

Шаг 1

Щёлкните правой кнопкой мыши по слою Основание (Ground) и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy Layer Style), а затем щёлкните правой кнопкой мыши по слою Фон (Back) и в появившемся окне, выберите опцию Вклеить стиль слоя (Paste Layer Style).

Дважды щёлкните по слою Фон (Back), чтобы убрать галочку в окошке Инверсия (Reverse) для второго стиля слоя Наложение градиента (Gradient Overlay).

Шаг 2

Таким образом, мы стилизовали верхний прямоугольник. При необходимости, сместите любой градиент, как мы это проделывали ранее.

4. Проводим Коррекцию Заднего Фона

Шаг 1

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

Шаг 2

Поменяйте значение Цветового тона (Hue) на -3, Насыщенности (Saturation) на -25, и Яркости (Lightness) -20.

Шаг 3

Добавьте слой-заливку Градиент (Gradient fill). Установите градиент от прозрачного к цвету переднего плана, используйте чёрный цвет на обоих концах градиента.

Далее, поменяйте Стиль (Style) на Радиальный (Radial), Масштаб (Scale) на 200, а также поставьте галочку в окошке Дизеринг (Dither).

Шаг 4

Поменяйте режим наложения для слоя с заливкой градиента на Мягкий свет (Soft Light).

Шаг 5

Откройте исходное изображение с Цветной Текстурой. Переместите данное изображение на наш рабочий документ, расположив поверх всех остальных слоёв. Назовите этот слой с текстурой Текстура Заднего фона (BG Texture). Примените масштабирование при необходимости.

Шаг 6

Далее, идём Изображение – Коррекция- Обесцветить (Image > Adjustments > Desaturate), а затем поменяйте режим наложения для слоя Текстура Заднего фона (BG Texture) на Мягкий свет (Soft Light).

5. Создаём Текстовые Слои

Шаг 1

Создайте текст заглавными буквами, используя шрифт Kornik.

Цвет текста #367497, размер шрифта 250 pt, а также установите Трекинг (Tracking) на 25.

Шаг 2

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

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

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

Шаг 1

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

• Стиль (Style): Тиснение (Emboss)
• Метод (Technique): Мягкая огранка (Chisel Soft)
• Глубина (Depth): 200
• Размер (Size): 10
• Уберите галочку в окошке Глобальное освещение (Global Light)
• Угол (Angle): 60
• Высота (Altitude): 50
• Контур глянца (Gloss Contour): Sawtooth 1
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode):
  • Непрозрачность (Opacity): 20%
• Режим тени (Shadow Mode): Осветление (Screen)
  • Цвет: #ffffff
  • Непрозрачность (Opacity): 80%

Шаг 2

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

• Контур (Contour): Rolling Slope - Ascending
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Диапазон (Range): 100%

Шаг 3

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

• Режим наложения (Blend Mode): Линейный свет (Linear Light)
• Непрозрачность (Opacity): 50%
• Цвет: #edf1f4
• Метод (Technique): Точный (Precise)
• Источник (Source): Из центра (Center)
• Размер (Size): 90
• Контур (Contour): Gaussian
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 4

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

• Режим наложения (Blend Mode): Осветление (Screen)
• Цвет: #afcbea
• Непрозрачность (Opacity): 50%
• Угол (Angle): 30
• Смещение (Distance): 38
• Размер (Size): 50
• Контур (Contour): Cone - Inverted
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Поставьте галочку в окошке Инвертировать (Invert)

Шаг 5

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

• Режим наложения (Blend Mode): Умножение (Multiply)
• Непрозрачность (Opacity): 70%
• Установите градиент от прозрачного к цвету переднего плана, а также установите следующие цвета градиента #275c8d слева и #274a71 справа.

Шаг 6

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

• Режим наложения (Blend Mode): Мягкий свет (Soft Light)
• Непрозрачность (Opacity): 50%
• Цвет: #b9dfff
• Размах (Spread): 20
• Размер (Size): 10
• Контур (Contour): Cove - Deep
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Диапазон (Range): 80%

Шаг 7

Уменьшите значение Заливки (Fill) для данного слоя с текстом до 20%.

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

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

Шаг 1

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

• Метод (Technique): Жёсткая огранка (Chisel Hard)
• Размер (Size): 50
• Контур глянца (Gloss Contour): Ring
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Мягкий свет (Soft Light)
  • Непрозрачность (Opacity): 50%
• Режим тени (Shadow Mode): Мягкий свет (Soft Light)
  • Цвет: #f4ffff
  • Непрозрачность (Opacity): 70%

Шаг 2

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

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

Шаг 3

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

• Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
• Цвет: #8699a6
• Непрозрачность (Opacity): 100%
• Смещение (Distance): 0
• Размер (Size): 35

Итак, мы стилизовали второй слой с текстом.

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

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

Шаг 1

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

• Метод (Technique): Жёсткая огранка (Chisel Hard)
• Размер (Size): 50
• Уберите галочку в окошке Глобальное освещение (Global Light)
• Угол (Angle): -158
• Высота (Altitude): 64
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Непрозрачность (Opacity): 50%
• Режим тени (Shadow Mode): Линейный затемнитель (Linear Burn)
  • Цвет: #90abc8
  • Непрозрачность (Opacity): 100%

Шаг 2

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

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

Шаг 3

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

• Узор (Pattern): Molecular
• Глубина (Depth): 5% Примечание переводчика: добавьте узор Молекулы (Molecular) из стандартного набора узоров, для этого откройте палитру узоров, а затем щёлкните по верхнему маленькому значку треугольника и в появившемся окне, выберите опцию Узоры (Patterns).

Шаг 4

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

• Режим наложения (Blend Mode): Мягкий свет (Soft Light)
• Узор (Pattern): Satin Примечание переводчика: добавьте узор Атлас (Satin) из стандартного набора узоров, для этого откройте палитру узоров, а затем щёлкните по верхнему маленькому значку треугольника и в появившемся окне, выберите опцию Узоры (Patterns).

Шаг 5

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

• Непрозрачность (Opacity): 35%
• Цвет: #7ab6ef
• Размах (Spread): 20
• Размер (Size): 30

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

9. Создаём Отражение

Шаг 1

Продублируйте все три слоя с текстом, которые у вас есть, а затем идём Слой – Объединить слои (Layer > Merge Layers), назовите объединённый слой Отражение (Reflection). Примечание переводчика: не забудьте выделить дубликаты слоёв, перед тем, как объединить слои.

Шаг 2

Находясь на объединённом слое Отражение (Reflection), нажмите клавиши (Ctrl+T) для активации режима Свободной трансформации (Free Transform Mode), а затем щёлкните правой кнопкой мыши по области трансформации и в появившемся окне, выберите опцию Отразить по вертикали (Flip Vertical).

Шаг 3

Сместите отражение текста вниз, расположив ниже оригинального текста. Нажмите клавишу (Enter), чтобы применить изменения.

Шаг 4

Щёлкните правой кнопкой мыши по слою Отражение (Reflection) и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object), а затем поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light). Расположите слой с отражением ниже слоя с оригинальным текстом.

Шаг 5

Далее, идём Фильтр – Размытие – Размытие в Движении (Filter > Blur > Motion Blur). Установите Угол (Angle) на 90, а Смещение (Distance) на 10.

Шаг 6

Щёлкните по значку Добавить слой-маску (Add layer mask) в нижней части панели слоёв, чтобы добавить слой-маску к слою с отражением текста.

Шаг 7

Выберите инструмент Градиент (Gradient Tool), установите цвет переднего и заднего плана на чёрно-белый. Далее, щёлкните по миниатюре слой-маски слоя Отражение (Reflection), чтобы она стала активной.

В панели управления данного инструмента, установите тип градиента От цвета переднего плана к прозрачному, а также нажмите на значок Линейный градиент (Linear Gradient).

Теперь удерживая клавишу (Shift), потяните градиент с верхней кромки оригинального текста вниз, чтобы скрыть нижнюю часть отражения текста.

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

10. Добавляем Простую Тень

Шаг 1

Продублируйте оригинальный слой с текстом, сместите дубликат слоя вниз, расположив ниже оригинального слоя с текстом. Назовите этот дубликат слоя Тень (Shadow).

Шаг 2

Щёлкните правой кнопкой мыши по слою Тень (Shadow) и в появившемся окне, выберите опцию Растрировать текст (Rasterize Type).

Нажмите клавиши (Ctrl+T), уменьшите масштаб текста по вертикали, чтобы создать базовую форму тени.

Шаг 3

С помощью инструмента Перемещение (Move Tool), расположите тень прямо под текстом.

Шаг 4

Далее, идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус размытия на 10.

Шаг 5

Поменяйте режим наложения для слоя Тень (Shadow) на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) до 70%.

11. Добавляем Снег

Шаг 1

Откройте исходное изображение с текстурой Снега. Переместите данное изображение на наш рабочий документ, расположив поверх всех остальных слоёв. Назовите этот слой с текстурой Текстура Снега (Snow Texture), поменяйте режим наложения на Осветление (Screen). Примените масштабирование при необходимости.

Шаг 2

Выберите инструмент Точечная восстанавливающая кисть (Spot Healing Brush Tool), а затем в панели управления данного инструмента, уберите галочку в окошке Образец со всех слоёв (Sample All Layers).

С помощью мягкой круглой кисти, прокрасьте лишние фрагменты снега, чтобы избавиться от них.

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

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

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

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