Advertisement
  1. Design & Illustration
  2. Text Effects

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

by
Difficulty:BeginnerLength:MediumLanguages:

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product image
What You'll Be Creating

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

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

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

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

Шаг 1

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

Add the Wood Texture

Шаг 2

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

Gaussian Blur

Шаг 3

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

HueSaturation

Шаг 4

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

Saturation Value

Шаг 5

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

Levels Settings

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

Шаг 1

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

Create the Text

Шаг 2

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

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

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

Duplicate and Transform the Text Layer

Шаг 3

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

Duplicate the Text Layer

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

Шаг 1

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

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

Rename the Text Layers

Шаг 2

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

Reorder the Text Layers

Шаг 3

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

Create Five New Layers

Шаг 4

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

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

Create Two More Layers

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

Шаг 1

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

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

Create a Work Path

Шаг 2

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

Stroke the Path

Шаг 3

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

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

Stroke the Rest of the Text Layers

Шаг 4

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

Grass Stroke Layer

Шаг 5

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

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

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

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

Stroke the Layer Mask

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

Шаг 1

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

Text Layers Group

Шаг 2

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

Add the Grass Texture

Шаг 3

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

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

Duplicate the Grass Texture

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

Шаг 1

Дважды щёлкните по слою Верхняя часть текста (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%
Bevel and Emboss

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

Styled Text Top Layer

Шаг 2

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

Group and Merge

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

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

Шаг 1

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

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

Шаг 2

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

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

Шаг 3

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

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

Шаг 4

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

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

Шаг 5

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

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

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

Styled Extrusion Layers

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

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

Шаг 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%
Bevel and Emboss

Шаг 2

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

  • Узор (Pattern):Black Mamba
Texture

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

Textured Grass

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

Шаг 1

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

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

Add a Flower

Шаг 2

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

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

Шаг 3

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

Copy Layer Style

Шаг 4

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

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

Add the Rest of the Flowers and Paste the Layer Style

Шаг 5

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

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

HueSaturation

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

Шаг 1

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

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

Duplicate and Remove the Drop Shadow Effects

Шаг 2

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

Create the Filters Layer

Шаг 3

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

High Pass 1

Шаг 4

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

Change the Filters Layers Settings

Шаг 5

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

High Pass 2

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

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

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

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

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

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

Final Result
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.