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

Весна чувствуется в воздухе! И в честь этого, мы создадим весенний текст из травы. Подобные текстовые эффекты можно приобрести на сайте Envato Market, но мы можем использовать множество текстур, стилей слоя и корректирующих слоёв, чтобы создать данный эффект. Итак, давайте приступим!

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

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

• Шрифт Big Bottom Cartoon
• Текстура Дерева
• Текстура Травы
• Цветы
• Узор Black Mamba

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

Создайте новый рабочий документ 849 x 603 px. Откройте исходную текстуру Дерева. Переместите данную текстуру на наш рабочий документ, расположив поверх слоя с Задним фоном (Background layer). Примените масштабирование, если хотите.

Далее, идём Фильтр - Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия 0.5. Таким образом, мы немного смягчили текстуру Дерева.

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

Уменьшите значение Насыщенности (Saturation) до -15.

Ещё раз нажмите кнопку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся окне, выберите опцию Уровни (Levels). В окне настроек уровней, установите значение Гаммы (Gamma) на 0.95.

2. Добавляем Текст и Создаём Дубликат Текста

Напечатайте текст заглавными буквами, используя шрифт Big Bottom Cartoon. Размер (Size) шрифта 120 pt, значение Трекинга (Tracking) 250.

Продублируйте слой с текстом. а затем идём Редактирование - Свободная трансформация (Edit > Free Transform)

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

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

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

3. Переименовываем Слои с Текстом, Меняем Порядок Расположения Слоёв и Добавляем ещё Слои

Переименуйте все слои с текстом, которые вы создали, назовите слои Текст (Text), соблюдая номерной порядок слоёв снизу вверх.

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

Теперь поменяйте порядок расположения слоёв с текстом так, чтобы слой Текст 1 (Text 1) был расположен в самом вверху, а слой Текст 5 (Text 5) был расположен ниже всех остальных слоёв.

Создайте пять новых слоёв поверх всех остальных слоёв в панели слоёв, а затем также поменяйте их порядок расположения.

Продублируйте слой Текст 1 (Text 1), назовите дубликат слоя Верхняя часть текста (Text Top), расположите данный дубликат слоя поверх всех остальных слоёв.

В заключение, создайте ещё один новый слой поверх всех остальных слоёв. назовите этот слой Обводка травы (Grass Stroke).

4. Выполняем Обводку Слоёв с Текстом

Щёлкните правой кнопкой мыши по слою Текст 1 (Text 1) и в появившемся окне, выберите опцию Создать рабочий контур (Create Work Path).

Установите цвет переднего плана на #b6b567 , а цвет заднего плана на #425103 , выберите инструмент Кисть (Brush Tool), в настройках кисти, установите кисть Обводка Травы.

Перейдите на слой Слой 1 (Layer 1), а затем нажмите клавишу (Enter), чтобы выполнить обводку контура выбранной кистью.

Щёлкните правой кнопкой мыши по слою Текст 2 (Text 2) и в появившемся окне, выберите опцию Создать рабочий контур (Create Work Path). Перейдите на слой Слой 2 (Layer 2), а затем нажмите клавишу (Enter), чтобы выполнить обводку контура.

Повторите весь процесс для всех остальных слоёв с текстом. Не забывайте создавать рабочий контур для каждого слоя с текстом, а затем переходить на слой с соответствующим номером для выполнения обводки контура.

Ещё раз создайте рабочий контур для слоя Текст 1 (Text 1), далее. перейдите на слой Обводка травы (Grass Stroke), чтобы выполнить обводку контура.

Перейдите на слой Верхняя часть текста (Text Top), а затем нажмите кнопку Добавить векторную маску ( Add vector mask) в нижней части панели слоёв.

Выберите инструмент Ластик (Eraser Tool), выберите ту же самую кисть Обводка Травы, установите цвет переднего плана на белый цвет .

Убедитесь, чтобы маска слоя была активна, а затем нажмите клавишу (Enter), чтобы применить в последний раз обводку к рабочему контуру слоя Текст 1 (Text 1)

Выберите инструмент Выделение контура (Direct Selection Tool (A), а затем нажмите клавишу (Enter), чтобы удалить рабочий контур.

5. Добавляем Текстуру Травы

Сгруппируйте все слои с текстом в одну группу. Назовите новую группу Текстовые слои (Text Layers).

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

Щёлкните правой кнопкой мыши по слою с текстурой Травы и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Дважды продублируйте слой с текстурой Травы. Расположите один дубликат слоя с текстурой Травы поверх слоя Верхняя часть текста (Text Top), а второй дубликат слоя с текстурой Травы поверх слоя Обводка Травы (Grass Stroke), а затем преобразуйте обе текстуры в обравочные маски.

6. Стилизуем слой Верхняя ЧастьТекста

Дважды щёлкните по слою Верхняя часть текста (Text Top), чтобы применить стиль слоя Тиснение (Bevel and Embosse). Установите следующие настройки для данного стиля слоя:

• Размер (Size): 13
• Уберите галочку в окошке Глобальное освещение (Global Light)
• Угол (Angle): 27
• Высота (Altitude): 74
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Мягкий свет (Soft Light)
• Непрозрачность (Opacity): 30%
• Режим тени (Shadow Mode): Умножение (Multiply)
• Цвет: #8b8e79
• Непрозрачность (Opacity): 50%

Таким образом, мы добавили объёма к тексту.

Сгруппируйте все слои за исключением слоя с Задним фоном (Background) и относящиеся к нему корректирующие слои. Далее, продублируйте созданную группу, а затем идём Слой - Объединить группу (Layer > Merge Group).

7. Применяем Стилизацию к слою с Группой

Дважды щёлкните по слою с группой Группа 1 (Group 1), чтобы применить следующие стили слоя. Примечание переводчика: автор применяет стили слоя к оригинальному слою с группой, а затем применит стили слоя к объединённому слою с группой.

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

• Режим наложения (Blend Mode): Затемнение основы (Color Burn)
• Цвет: #5d6625
• Непрозрачность (Opacity): 35%
• Уберите галочку в окошке Глобальное освещение (Global Light)
• Угол (Angle): -104
• Смещение (Distance): 8
• Размер (Size): 9

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

• Непрозрачность (Opacity): 43%
• Уберите галочку в окошке Глобальное освещение (Global Light)
• Угол (Angle): -41
• Смещение (Distance): 10
• Размер (Size): 27
• Шум (Noise): 5

Ещё раз добавьте стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:

• Непрозрачность (Opacity): 25%
• Уберите галочку в окошке Глобальное освещение (Global Light)
• Угол (Angle): 41
• Смещение (Distance): 45
• Размер (Size): 27
• Шум (Noise): 5

Ещё раз добавьте стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:

• Режим наложения (Blend Mode) – Линейный затемнитель (Linear Burn)
• Непрозрачность (Opacity): 35%
• Уберите галочку в окошке Глобальное освещение (Global Light)
• Угол (Angle): 126
• Смещение (Distance): 15
• Размер (Size): 27
• Шум (Noise): 5

Ещё раз добавьте стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:

• Режим наложения (Blend Mode): Яркий свет (Vivid Light)
• Цвет: #ffffff
• Непрозрачность (Opacity): 10%
• Смещение (Distance): 15
• Размах (Spread): 27
• Размер (Size): 27
• Шум (Noise): 5

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

8. Стилизуем Объединённый Слой с Группой

Дважды щёлкните по дубликату слоя Группа 1 (Group 1), чтобы применить следующие стили слоя. Примечание переводчика: дважды щёлкните по объединённому слою с группой.

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

• Размер (Size): 29
• Уберите галочку в окошке Глобальное освещение (Global Light)
• Угол (Angle): 61
• Высота (Altitude): 37
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Мягкий свет (Soft Light)
• Непрозрачность (Opacity): 50%
• Режим тени (Shadow Mode): Умножение (Multiply)
• Цвет: #8b8e79
• Непрозрачность (Opacity): 70%

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

• Узор (Pattern):Black Mamba

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

9. Добавляем Цветочки

Откройте исходное изображение со цветами. Выберите любой понравившийся цветочек. Добавьте выбранный цветочек на наш рабочий документ, расположив слой со цветком поверх всех остальных слоёв.

Активируйте режим Свободной трансформации (Free Transform Mode (Ctrl+T) для масштабирования, поворота и смещения при необходимости, а затем нажмите клавишу (Enetr), чтобы применить изменения.

Дважды щёлкните по слою со цветочком, чтобы применить стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:

• Непрозрачность (Opacity): 55%
• Уберите галочку в окошке Глобальное освещение (Global Light)
• Угол (Angle): 90
• Смещение (Distance): 6
• Размер (Size): 9

Щёлкните правой кнопкой по слою со цветочком и в появившемся окне, выберите опцию Скопировать стили слоя (Copy Layer Style).

Добавьте остальные цветочки, которые вы хотите добавить. Продублируйте, трансформируйте их, чтобы получить результат, который вам нравится.

Как только вы разместили все добавленные цветочки, выделите все слои с добавленными цветочками, а затем щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Вклеить стили слоя (Paste Layer Style).

Сгруппируйте слои с цветочками в одну группу. Назовите новую группу Цветы (Flowers).

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски к слою с группой Цветы (Flowers). Уменьшите значение Насыщенности (Saturation) до -15.

10. Применяем Фильтр Цветовой Контраст

Продублируйте все слои и группы, которые у нас есть за исключением слоя с Задним фоном (Background) и относящиеся к нему корректирующие слои.

Откройте слой-эффекты для второго дубликата слоя Группа 1 (Group 1), затем щёлкните+потяните стиль слоя Тень (Drop Shadow) на значок Корзины, чтобы удалить данный стиль слоя.

Выделите все продублированные слои, а затем идём Слой- Объединить слои (Layer > Merge Layers), далее идём Фильтр - Преобразовать для Смарт-фильтров (Filter > Convert for Smart Filters). Назовите объединённый слой Фильтры (Filters).

Далее, идём Фильтр - Другое - Цветовой контраст (Filter > Other > High Pass), установите Радиус (Radius) 5.

Поменяйте режим наложения для объединённого слоя Фильтры (Filters) на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 50%.

Продублируйте слой Фильтры (Filters). Уменьшите Непрозрачность (Opacity) слоя для дубликата слоя до 35%.

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

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

Затем, мы создали / продублировали текст, а также добавили ещё пару слоёв, чтобы приступить к созданию эффектов.

После этого, мы создали обводку травы, добавили текстуру Травы и стилизовали различные слои, чтобы добавить текстуры и объёма. Мы также добавили цветочки поверх текста, а затем стилизовали их.

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

Оставляйте свои отзывы, предложения, а также свои работы в комментариях к этому уроку.