7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Как создать текстовой эффект пушистого, белого кролика в Adobe Photoshop

Scroll to top
Read Time: 9 mins
This post is part of a series called Alice in Wonderland Week.
Create an Alice in Wonderland Themed iPhone Wallpaper in Pixelmator
How to Create an Alice in Wonderland Themed Stencil in Adobe Illustrator
This post is part of a series called Text Effects .
How to Create a Quick Rainbow Pride Text Effect in Adobe InDesign
How to Create an Easy Ice Text Effect in Adobe Photoshop

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

В этом уроке вы узнаете, как использовать настройки кисти Photoshop, корректирующие слои, инструменты и опции выделения, чтобысоздать меховой, пушистый текстовый эффект, вдохновленный «Белым кроликом»Алисы в стране чудес. Давайте начнем!

Этот текстовый эффект был также сделан с помощью Стилей Слоя, доступными на GraphicRiver.

Учебные материалы

В данной продукции использовались следующие материалы:

1. Как создать текстуру фона травы

Шаг 1

Создайте новый документ 1250 x 800 px и поместите изображение Green grass background поверх фонового слоя как смарт-объект.

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

Add the Grass TextureAdd the Grass TextureAdd the Grass Texture

Шаг 2

Перейдите в Image > Adjustments > Shadows/Highlights (Изображение > Коррекция > Тени/Света) и используйте эти параметры для настойки Highlights (света):

  • Amount (Эффект): 100
  • Tone (Тон): 60
  • Radius (Радиус): 50
ShadowsHighlightsShadowsHighlightsShadowsHighlights

Шаг 3

Перейдите в Image > Adjustments > Hue/Saturation (Изображение > Коррекция > Цветовой тон/Насыщенность) и используйте эти настройки:

  • Hue (Цветовой тон): 5
  • Saturation (Насыщенность): -30
  • Lightness (Яркость): -10
HueSaturationHueSaturationHueSaturation

Шаг 4

Перейдите в Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) и измените Radius (радиус) до 0,3.

Gaussian BlurGaussian BlurGaussian Blur

Шаг 5

Нажмите на иконку Сreate nеw fill or adjustment layer (Создать новый корректирующий слой или слой-заливку) внизу панели Layers (Слои), и выберите Gradient (Градиент).

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

Измените Blend Mode (Режим наложения) слоя Gradient (Градиент) на Soft Light (Мягкий свет) и его Opacity (Непрозрачность) до 80%.

Gradient FillGradient FillGradient Fill

2. Как создать текстовый слой и рабочий контур

Шаг 1

Напечатайте текст заглавными буквами, используя шрифт Montserrat Light.  Измените Size (Размер) до 350 pt и Tracking (Трекинг) до 75, а если у вас более одной строки текста измените Leading (Интерлиньяж) также до 350.

Create the TextCreate the TextCreate the Text

Шаг 2

Выберите инструмент Pen Tool (Перо) и выберите параметр Path (Контур) на Options (Панель параметров). 

Начните создание рабочего контура внутри букв, которые у вас есть.

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

Create the Center Work PathCreate the Center Work PathCreate the Center Work Path

Шаг 3

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

Direct Selection ToolDirect Selection ToolDirect Selection Tool

3. Как сохранить рабочий контур

Шаг 1

Чтобы сохранить рабочий контур и повторно использовать его, откройте панель Paths (Контуры) и дважды щелкните вкладку Work Path (Рабочий контур), назовите рабочий контур, который вы хотите сохранить.

Назовите контур, который вы создали Center и нажмите кнопку ОК.

Save the Work PathSave the Work PathSave the Work Path

Шаг 2

Щелкните правой кнопкой мыши текстовый слой, выберите Create Work Path (Создать рабочий контур) и сохраните новый контур с именем Stroke.

Create Work PathCreate Work PathCreate Work Path

4. Как создать и сохранить контуры кисти

Шаг 1

Выберите инструмент Brush Tool (Кисть) и откройте панель Brush Settings (Кисть).

Выберите fur2_nathiesbrushes из пакета Fur Brushes и используйте следующие настройки:

Brush Tip Shape (Форма отпечатка кисти)

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Shape Dynamics (Динамика формы)

Shape DynamicsShape DynamicsShape Dynamics

Color Dynamics (Динамика цвета)

Color DynamicsColor DynamicsColor Dynamics

Шаг 2

Нажмите значок Create new brush (Новая кисть) в правом нижнем углу панели, чтобы сохранить изменения кисти, и назовите его Brush 01.

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

Save the Brush TipSave the Brush TipSave the Brush Tip

Шаг 3

С тем же контуром, который у вас выбран, измените в Color Dynamics (Динамика цвета) Brightness Jitter (Колебание яркости) и сохраните новый контур с именем Brush 02.

Color DynamicsColor DynamicsColor Dynamics

Шаг 4

Выберите fur6_nathiesbrushes 1 и используйте эти параметры:

Brush Tip Shape (Форма отпечатка кисти)

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Shape Dynamics (Динамика формы)

Shape DynamicsShape DynamicsShape Dynamics

Color Dynamics (Динамика цвета)

Сохраните этот контур с названием Brush 03.

Color DynamicsColor DynamicsColor Dynamics

Шаг 5

Выберите Dune Grass (Осока) и используйте эти параметры:

Brush Tip Shape (Форма отпечатка кисти)

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Shape Dynamics (Динамика формы)

Shape DynamicsShape DynamicsShape Dynamics

Scattering (Рассеивание)

ScatteringScatteringScattering

Color Dynamics (Динамика цвета)

Сохраните этот контур с названием Brush 04.

Color DynamicsColor DynamicsColor Dynamics

5. Как перемещать рабочие контуры

Шаг 1

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

Create New LayersCreate New LayersCreate New Layers

Шаг 2

Установите значение цвета Foreground (Передний план) и Background Colors (Задний фон)на # e9e0d9 и # c3b9ad, выберите слой Layer 1 и щелкните по миниатюре контура Stroke на панели Paths (Контуры), чтобы активировать его.

Выберите инструмент Brush Tool (Кисть), выберите Brush 01 и нажмите клавишу Return, чтобы переместить контуры.

Щелкните правой кнопкой мыши по Layer 1 и выберите Convert to Smart Object (Преобразовать в смарт-объект).

Stroke the Work Path 1Stroke the Work Path 1Stroke the Work Path 1

Шаг 3

Перейдите в Filter > Sharpen > Smart Sharpen (Фильтр > Усиление резкости > "Умная" резкость) и используйте эти параметры, чтобы получить более четкие и определенные результаты.

Smart SharpenSmart SharpenSmart Sharpen

Шаг 4

Выберите слой Layer 2 и Brush 03 и нажмите клавишу Return, чтобы снова переместить рабочий контур.

Stroke the Work Path 2Stroke the Work Path 2Stroke the Work Path 2

Шаг 5

Дважды щелкните по слою Layer 2, чтобы применить эффект стиля слоя Inner Shadow (Внутренняя тень) с такими настройками:

  • Blend Mode (Режим наложения): Linear Burn
  • Color (Цвет): #400f14
  • Непрозрачность: 10%
  • Distance (Смещение): 0
  • Size (Размер): 5
Inner ShadowInner ShadowInner Shadow

6. Как создать многоуровневые контуры

Шаг 1

Установите значение цвета Foreground (Передний план) и Background Colors (Задний фон)на #f0b8b9 и #c0b4a6, выберите рабочий контур Center и выделите слой Layer 3.

Выберите Brush 03 и переместите контур.

Stroke the Work Path 3Stroke the Work Path 3Stroke the Work Path 3

Шаг 2

Измените в слое Layer 3 Blend Mode (Режим наложения) на Color Burn (Линейный затемнитель) и его Opacity (Непрозрачность) до 70%.

Layer SettingsLayer SettingsLayer Settings

Шаг 3

Установите значение цвета Foreground (Передний план) и Background Colors (Задний фон) на#d9cfc6 и #aaa094, выберите слой Layer 4 и Brush 02, и переместите контур Stroke.

Как только вы закончите, конвертируйте слой Layer 4 в смарт-объект.

Stroke the Work Path 4Stroke the Work Path 4Stroke the Work Path 4

Шаг 4

Перейдите в Filter > Sharpen > Smart Sharpen (Фильтр > Усиление резкости > "Умная" резкость) и используйте эти параметры, чтобы получить более четкие и определенные результаты.

Smart SharpenSmart SharpenSmart Sharpen

Шаг 5

Перейдите в Filter > Noise > Add Noise (Фильтр > Шум > Добавить шум), измените Amount (Эффект) на 5 и Distribution (Распределение) на Uniform (Равномерная) и установите флажок на Monochromatic (Монохромный).

Add NoiseAdd NoiseAdd Noise

Шаг 6

Измените Blend Mode (Режим наложения) слоя Layer 4 на Luminosity (Яркость) и его Opacity (Непрозрачность) до 70%.

Layer SettingsLayer SettingsLayer Settings

Шаг 7

Установите значение цвета Foreground (Передний план) и Background Colors (Задний фон) на #f7eee7 и #988f86, выделите слой Layer 5, выберите Brush 04, выделите и переместите контур Center.

Измените Blend Mode (Режим наложения) слоя Layer 5 на Soft Light (Мягкий свет), выберите Direct Selection Tool (Выделение узла) и нажмите еще раз клавишу Return, чтобы избавиться от рабочего контура.

Stroke the Work Path 5Stroke the Work Path 5Stroke the Work Path 5

7. Как сгрупировать и применить стиль к слоям

Шаг 1

Поместите все выделенные слои в группу и назовите ее Text.

Group the Stroked LayersGroup the Stroked LayersGroup the Stroked Layers

Шаг 2

Дважды щелкните на группу Text, чтобы применить эффект Drop Shadow (Тень) с этими настройками:

  • Blend Mode (Режим наложения): Color Burn
  • Color (Цвет): #1b1610
  • Opacity (Непрозрачность): 35%
  • Distance (Смещение): 0
  • Size (Размер): 25
Drop ShadowDrop ShadowDrop Shadow

Шаг 3

Добавьте корректирующий слой Levels (Уровни)  поверх группы Text .

Измените Input Levels' Shadows (Настройка входного уровня теней) до 5Highlights (Настройка входного уровня светов) до 235, и измените Output Levels' Shadows (Выходные значения) до 15

LevelsLevelsLevels

8. Как выделить объект

Шаг 1

Откройте изображение FabricLaceTrims0157 и используйте Quick Selection Tool (Быстрое выделение) чтобы выделить одно из сердца.

После того, как Вы выделите сердце нажмите кнопку Select and Mask на панели Options (Параметры).

Select an ObjectSelect an ObjectSelect an Object

Шаг 2

Отрегулируйте настройки для получения чистого выделения и нажмите кнопку ОК.

Перейти к Edit > Copy (Редактирование > Копировать), чтобы скопировать выделенное сердце.

Copy the Selected ObjectCopy the Selected ObjectCopy the Selected Object

9. Как разместить и смешать объект с другими элементами

Шаг 1

Вернитесь к исходному документу и перейдите к Edit > Paste (Редактирование > Вставить).

Преобразуйте вставленный слой в смарт-объект и нажмите Ctrl-T, чтоб открыть режим свободного трансформирования для того, чтобы трансформировать сердце так, как вам нравится.

Нажмите клавишу Return для подтверждения изменений.

Free TransformFree TransformFree Transform

Шаг 2

Выберите инструмент Brush Tool (Кисть) и выберите Brush 01 и снимите галочку на Color Dynamics (Динамика цвета) в настройках панели Brush Settings (Кисть).

Color DynamicsColor DynamicsColor Dynamics

Шаг 3

Нажмите значок Add layer mask (Добавить слой-маску) в нижней части панели Layers (Слои), убедитесь, что вы выбрали миниатюру маски, установите Foreground Color (Цвет переднего плана) на Black (Черный) и слегка покрасьте вокруг сердца, чтобы смешать его с мехом под ним.

При необходимости также можно изменить размер кисти.

Add a MaskAdd a MaskAdd a Mask

Шаг 4

Повторите те же шаги, чтобы добавить больше сердец во всем тексте, который у вас есть и поместите все слои с сердцами в группу, назвав её Hearts

Hearts GroupHearts GroupHearts Group

Шаг 5

Дважды щелкните группу Hearts, чтобы применить эффект Drop Shadow (Тень) с этими настройками:

  • Blend Mode (Режим наложения): Linear Burn
  • Color (Цвет): #1b1610
  • Opacity (Непрозрачность): 25%
  • Distance (Смещение): 0
  • Size (Размер): 15
Drop ShadowDrop ShadowDrop Shadow

Это еще больше обогатит текст с сердцем.

Styled HeartsStyled HeartsStyled Hearts

10. Как выделить простые объекты из изображения

Шаг 1

Откройте изображение Pocket Watch, и используйте инструмент Elliptical Marquee Too (Овальная область), чтобы выделить часы без крышки.

Elliptical Marquee ToolElliptical Marquee ToolElliptical Marquee Tool

Шаг 2

Используйте инструмент Quick Selection Tool (Быстрое выделение), чтобы выделить верхние части, и обязательно нажмите клавишу Shift, чтобы добавить существующее выделение.

Если вы хотите отменить выделение любых частей, нажмите клавишу Option.

Quick Selection ToolQuick Selection ToolQuick Selection Tool

Шаг 3

Скопируйте и вставьте выбранные часы в исходный документ, преобразуйте его слой в смарт-объект и добавьте маску слоя, чтобы нарисовать немного меха на часах, как это было с сердечками.

Add the WatchAdd the WatchAdd the Watch

11. Как украсить и раскрасить объекты

Шаг 1

Снова используйте инструмент Elliptical Marquee Tool (Овальное выделение) для выбора внутренней части часов.

Elliptical Marquee ToolElliptical Marquee ToolElliptical Marquee Tool

Шаг 2

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

Измените Hue (Цветовой тон) до -56 и Lightness (Яркость) до 41.

HueSaturationHueSaturationHueSaturation

Шаг 3

Добавьте слой заливки Solid Color (Цвет) с помощью цвета #ffefbe, поставьте его поверх слоя часов и измените Blend Mode (Режим наложения) на Linear Burn (Линейный затемнитель).

Solid ColorSolid ColorSolid Color

Шаг 4

Нажмите клавишу «Option» и перетащите миниатюру маски слоя Hue / Saturation (Цветовой тон/Насыщенность) на слой Solid Color (Цвет).

Это будет дублировать слой-маску.

Duplicate the Layer MaskDuplicate the Layer MaskDuplicate the Layer Mask

Шаг 5

Когда выбрана дублированная маска слоя, нажмите Ctrl-I, чтобы инвертировать ее так, чтобы она затрагивала внешнюю часть часов.

Invert the MaskInvert the MaskInvert the Mask

12. Как добавить больше элементов

Шаг 1

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

Преобразуйте слой цепочки в смарт-объекта и переместите цепочку в верхнюю часть часов и трансформируйте её при необходимости.

Add the ChainAdd the ChainAdd the Chain

Шаг 2

Добавьте маску слоя к слою Chain и сотрите лишние части, которые не сочетаются с текстом.

Blend with the TextBlend with the TextBlend with the Text

Шаг 3

Перейти к Image > Adjustments > Levels (Изображение > Коррекция > Уровни) и измените значение Shadows (Настройка входного уровня теней) до 25 и Gamma (Настойка входного уровня средних тонов) до 0,75.

LevelsLevelsLevels

13. Как добавить тени

Шаг 1

Дважды щелкните по слою Chain, чтобы применить эффект Drop Shadow (Тень) с этими настройками:

  • Blend Mode (Режим наложения): Linear Burn (Линейный затемнитель)
  • Color (Цвет): #1b1610
  • Opacity (Непрозрачность): 60%
  • Distance (Смещение): 0 
  • Size (Размер): 15
Drop ShadowDrop ShadowDrop Shadow

Шаг 2

Создайте новый слой ниже слоя часов и назовите его Watch Shadow и измените его Blend Mode (Режим наложения) на Linear Burn (Линейный затемнитель) и его Opacity (Непрозрачность) до 80%.

Выберите инструмент Brush Tool (Кисть), установите цвет Foreground Color (Передний план) на #615c56 и используйте мягкий круглый наконечник, чтобы нарисовать тень на часах.

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

Watch ShadowWatch ShadowWatch Shadow

Шаг 3

Поместите все слои часов и цепочек в отдельную группу и назовите её Watch.

Watch GroupWatch GroupWatch Group

14. Как внести общие корректировки

Шаг 1

Дублируйте слой Grass и переместите эту копию поверх всех слоев.

Нажмите клавишу «Option», а затем значок Add layer mask (Добавить слой-маску), чтобы добавить маску инвертированного слоя.

Используйте кисть Brush 01 без параметра Color Dynamics (Динамика цвета), чтобы нарисовать немного травы вокруг букв. Это поможет несколько смешать текст с фоном.

Add GrassAdd GrassAdd Grass

Шаг 2

Добавьте корректирующий слой Gradient Map (Карта градиента) поверх всех слоёв, создайте новую заливку градиента с использованием цвета #2f4996 слева и #9e727f справа и установите флажок Dither (Дизеринг).

Измените Blend Mode (Режим наложения) Gradient Map (Карты градиента) на Soft Light (Мягкий свет) и его Opacity (Непрозрачность) на 60%.

Gradient MapGradient MapGradient Map

Шаг 3

Создайте еще один новый слой, назовите его Noise и перейдите в Edit > Fill (Редактирование > Заполнить).

Измените Contents (Содержание) на 50% Gray (50% серого) и нажмите кнопку ОК.

Fill with GrayFill with GrayFill with Gray

Шаг 4

Преобразуйте слой Noise в Smart Object (Смарт-объект) и измените его Blend Mode (Режим наложения) на Soft Light (Мягкий свет).

Layer SettingsLayer SettingsLayer Settings

Шаг 5

Перейдите в Filter > Noise > Add Noise (Фильтр > Шум > Добавить шум), измените Amount (Эффект) до 5 и Distribution (Распределение) на Uniform (Равномерная) и установите флажок на Monochromatic (Монохромный).

Add NoiseAdd NoiseAdd Noise

Поздравляем! Вы сделали это!

В данном уроке мы корректировали текстуру фона травы для создания фона. Затем мы создали текст и его рабочие контуры, а также создали кисти, необходимые для создания эффекта.

После этого мы перемещали рабочие контуры, добавили пару сердец и часов и смешали все вместе. Наконец мы добавили некоторые общие корректировки, чтобы закончить эффект.

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

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.