1. Design & Illustration
  2. Halloween

Создаём Текст с Текстурой Мозгов в Adobe Photoshop

by
Read Time:8 minsLanguages:

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

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

Хэллоуин почти наступил! В этом уроке я покажу вам, как создать текст с текстурой мозгов в Adobe Photoshop.

Данный эффект является частью моих текстовых эффектов, посвящённых Хэллоуин, а также доступен на сайте GraphicRiver.

GraphicRiver ItemGraphicRiver ItemGraphicRiver Item

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

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

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

Введение

Если вы новичок и не умеете рисовать, то вы можете скачать / установить исходный узор и пропустить следующую часть урока. Чтобы добавить узор, идём Редактирование – Наборы – Управление наборами (Edit > Presets > Preset Manager). Установите Тип наборов (Preset Type) на Узоры (Patterns).

Load PatternLoad PatternLoad Pattern

После этого, щёлкните по кнопке Загрузить (Load) и в появившемся окне навигации, выберите исходный файл с узором, а затем нажмите кнопку Загрузить (Load).На этом всё – ваши исходные узоры были добавлены в исходную библиотеку узоров. Вы также можете перетащить исходный файл с узорами в папку Photoshop.

1. Создаём Узор Мозгов

Вначале нам нужно создать узор мозгов. Это будет основа для нашего текстового эффекта.

Шаг 1

Откройте программу Photoshop (я использую программу Photoshop CS6), далее идём Файл – Новый (File > New), создайте новый документ со следующими размерами 314 x 374 px.

Create New DocumentCreate New DocumentCreate New Document

Шаг 2

Нижний слой назовите Задний фон (Background). Залейте этот слой цветовым оттенком #d88364.

Fill BackgroundFill BackgroundFill Background

Шаг 3

Создайте новый слой, для этого идём Слой- Новый – Слой (Layer > New > Layer), назовите этот слой Линии (Lines). Расположите данный слой поверх слоя Задний фон (Background).

Create Lines LayerCreate Lines LayerCreate Lines Layer

Шаг 4

Выберите инструмент Кисть (Brush Tool (B), установите круглую жёсткую кисть, а затем идём Окно – Кисть (Window > Brush), чтобы поменять некоторые настройки:

  • Размер (Size): 8 px
  • Интервал (Spacing): 7%

Если вы работаете с графическим планшетом, тогда также поставьте галочку в окошке Передача (Transfer), а также убедитесь, чтобы Колебание Непрозрачности (Opacity Jitter) и Колебание Нажима (Flow Jitter) было установлено на Нажим пера (Pen Pressure).

Brush SettingsBrush SettingsBrush Settings

Шаг 5

Установите цвет переднего плана на #7f2b16. Убедитесь, что вы находитесь на слое Линии (Lines). Теперь давайте нарисуем мозговые извилины. Вы можете использовать инструмент Ластик (Eraser Tool (E), чтобы корректировать или удалять отдельные фрагменты изображения. Мой результат вы можете увидеть на скриншоте ниже:

Simple LinesSimple LinesSimple Lines

Шаг 6

Продублируйте слой Линии (Lines). Назовите дубликат слоя Тень (Shadow). Данный слой должен находится между слоем Задний фон (Background) и Линии (Lines).

Shadow LayerShadow LayerShadow Layer

Шаг 7

Щёлкните правой кнопкой по слою Линии (Lines) и в появившемся окне, выберите опцию Параметры наложения (Blending Options), чтобы применить стиль слоя.

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 34%
  • Шум (Noise): 0%
  • Цвет: #7f2b16
  • Метод (Technique): Мягкий (Softer)
  • Размах (Spread): 0%
  • Размер (Size): 4 px
  • Контур (Contour): Линейный (Linear)
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 50%
  • Колебание (Jitter): 0%

Шаг 8

Щёлкните правой кнопкой по слою Тень (Shadow) и в появившемся окне, выберите опцию Параметры наложения (Blending Options), чтобы применить стиль слоя.

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Шум ((Noise): 0%
  • Цвет: #c05648
  • Метод (Technique): Мягкий (Softer)
  • Размах (Spread): 34%
  • Размер (Size): 16 px
  • Контур (Contour): Линейный (Linear)
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 100%
  • Колебание (Jitter): 0%
Outer Glow of Shadow LayerOuter Glow of Shadow LayerOuter Glow of Shadow Layer

Шаг 9

Создайте новый слой, для этого идём Слой- Новый – Слой (Layer > New > Layer), назовите этот слой Световые блики (Highlight). Расположите данный слой между слоями Линии (Lines) и Тень (Shadow). Поменяйте режим наложения для данного слоя на Яркий свет (Vivid Light). Выберите инструмент Кисть (Brush Tool (B), установите цвет кисти #e9a186, а затем добавьте световые блики. Если ваши блики выглядят слишком грубыми, тогда идём Фильтр – Размытие- Размытие  по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 3 px.

Highlight LayerHighlight LayerHighlight Layer

Шаг 10

Теперь нам нужно убедиться, что наше изображение подойдёт для узора. Для этого, находясь на слое Линии, идём Выделение – Все (Select > All (Ctrl+A), чтобы выделить всё изображение, а затем идём Редактирование – Скопировать совмещённые данные (Edit > Copy Merged), чтобы скопировать все слои, далее, идём Редактирование – Вклеить (Edit > Paste (Ctrl+V), чтобы вклеить скопированные данные на новый слой. Назовите этот слой Узор (Pattern). Теперь перейдите на этот слой, а затем идём Слой- Смарт-Объект – Преобразовать в смарт-объект (Layer > Smart Objects > Convert to Smart Object) или щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Шаг 11

Находясь на слое со смарт-объектом, идём Фильтр – Другое- Сдвиг (Filter > Other > Offset), установите следующие настройки для данного фильтра, которые указаны на скриншоте ниже:

OffsetOffsetOffset

Шаг 12

Как вы можете увидеть, у нашего будущего узора есть некоторые дефекты. Чтобы исправить их, создайте новый слой, для этого идём Слой- Новый- Слой (Layer > New > Layer), выберите инструмент Кисть (Brush Tool (B), уменьшите Жёсткость (Hardness) кисти до 30%, а затем прокрасьте узор, используя инструмент Пипетка (Eyedropper Tool (I) для выбора образцов цвета. Результат:

Fix IssuesFix IssuesFix Issues

Шаг 13

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

Change SaturationChange SaturationChange Saturation

Шаг 14

Итак. наше изображение готово, всё, что нам осталось сделать – это создать узор. Идём Редактирование- Определить узор (Edit > Define Pattern). В поле Имя (Name), укажите название узора Узор Мозгов (Brain Pattern).

New PatternNew PatternNew Pattern

2. Добавляем и Преобразуем Текст в Смарт-Объект

Основная задача этой части урока – это создание текстового слоя в качестве смарт-объекта. Это поможет нам быстро вносить изменения в будущем.

Шаг 1

Установите цвет переднего плана на #454545. После этого, переключите цвета переднего и заднего плана, для этого нажмите клавишу (X).

Создайте новый документ со следующими размерами 4000 x 1420 px, установите разрешение на 300 пикс./дюйм (px/inch). Установите Содержимое заднего фона (Background Content) на Цвет заднего фона (Background Color).

New DocumentNew DocumentNew Document

Шаг 2

Выберите инструмент Горизонтальный шрифт (Type Tool (T), установите шрифт Rounds Black, размер шрифта, примерно 250 pt, цвет шрифта #ffa81f. Напишите слово "BRAIN" заглавными буквами.

Brain TextBrain TextBrain Text

Шаг 3

Перейдите на слой с текстом Brain, нажмите клавиши (Ctrl+A),выберите инструмент Перемещение (Move Tool), а затем в панели управления данного инструмента, нажмите значки Выравнивание центров по вертикали (Align vertical center) и Выравнивание центров по горизонтали (Align horizontal center), чтобы выровнять текст по центру документа.

Align TextAlign TextAlign Text

Шаг 4

Далее, идём Слой – Смарт-Объект – Преобразовать в смарт-объект (Layer > Smart Objects > Convert to Smart Object), чтобы преобразовать текстовый слой в смарт-объект (или щёлкните правой кнопкой мыши по данному слою с текстом и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Шаг 5

Дважды щёлкните кнопкой мыши по слою, чтобы открыть смарт-объект.

Идём Редактирование –Произвольная трансформация контура (Edit > Transform Free Path (Ctrl+T), а затем поменяйте настройки текстового слоя:

  • X: 2012 px
  • Y: 483 px
  • W: 93%
  • H: 111%
Transform TextTransform TextTransform Text

Шаг 6

С помощью инструмента Перо (Pen Tool (P), создайте эффект стекающей краски. Как вы можете увидеть, я залил задний фон серым цветом, чтобы легко различать цвета. Данный слой с серой заливкой временный и будет удалён перед закрытием документа. Мой результат:

Create ShapesCreate ShapesCreate Shapes

Теперь нам нужно сохранить документ. Идём Файл- Сохранить (File > Save) или нажмите клавиши (Ctrl+S), чтобы сохранить документ, а затем идём Файл- Закрыть (File > Close), чтобы закрыть документ. После этого, вы получите обновлённый смарт-объект с новым текстовым эффектом.

Шаг 7

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

  • Объём (Volume)
  • Узор (Pattern)
  • Обводка (Stroke)
  • Тень (Shadow)
  • Внешняя обводка (Outer Stroke)
List of LayersList of LayersList of Layers

Это поможет нам при навигации в панели слоёв в течение следующих шагов.

3. Применяем Стили Слоя к Слою Объём (Volume)

Шаг 1

Уменьшите значение Заливки (Fill) слоя до 0. Дважды щёлкните по слою Объём (Volume), чтобы применить следующие стили слоя. Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Стиль (Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 103%
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 103 px
  • Смягчение (Soften): 16 px
  • Уберите галочку в окошке Глобальное освещение (Use Global Light) перед тем, как поменять Угол (Angle): 120°
  • Высота (Altitude): 60°
  • Контур глянца (Gloss Contour): Линейный (Linear)
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Режим Подсветки (Highlight Mode): Осветление основы (Color Dodge)
  • Цвет Подсветки (Highlight Color): #ffffff
  • Непрозрачность (Opacity): 65%
  • Режим Тени (Shadow Mode): Осветление основы (Color Dodge)
  • Цвет режима тени (Shadow Color): #ffffff
  • Непрозрачность (Opacity): 87%
Part Three - Bevel and EmbossPart Three - Bevel and EmbossPart Three - Bevel and Emboss

Шаг 2

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

  • Контур (Contour): Полукруг (Half Round)
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 73%
Part Three - ContourPart Three - ContourPart Three - Contour

Шаг 3

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

  • Режим наложения (Blend Mode): Разница (Difference)
  • Цвет: #7adafa
  • Уберите галочку в окошке Глобальное освещение (Use Global Light) перед тем, как поменять Угол (Angle): -60°
  • Смещение (Distance): 29 px
  • Стягивание (Choke): 20%
  • Размер (Size): 125 px
  • Контур (Contour): Линейный (Linear)
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Шум (Noise): 2%
Part Three - Inner ShadowPart Three - Inner ShadowPart Three - Inner Shadow

Шаг 4

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

  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Непрозрачность (Opacity): 72%
  • Шум (Noise): 0%
  • Цвет: #ffffff
  • Метод (Technique): Мягкий (Softer)
  • Источник (Source): На краях (Edge)
  • Стягивание (Choke): 4%
  • Размер (Size): 33 px
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 55%
  • Колебание (Jitter): 0%
Part Three - Inner GlowPart Three - Inner GlowPart Three - Inner Glow

Шаг 5

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

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Цвет: #000000
  • Непрозрачность (Opacity): 36%
  • Угол (Angle): 0°
  • Смещение (Distance): 25 px
  • Размер (Size): 66 px
  • Контур (Contour): Линейный (Linear)
  • Уберите галочку в окошках Сглаживание (Anti-aliased) и Инвертировать (Invert)
Part Three - SatinPart Three - SatinPart Three - Satin

Шаг 6

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

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Непрозрачность (Opacity): 57%
  • Шум (Noise): 0%
  • Цвет: #000000
  • Метод (Technique): Мягкий (Softer)
  • Размах (Spread): 0%
  • Размер (Size): 25 px
  • Контур (Contour): Линейный (Linear)
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 100%
  • Колебание (Jitter): 0%
Part Three - Outer GlowPart Three - Outer GlowPart Three - Outer Glow

Шаг 7

Не забудьте добавить стиль слоя Тень (Drop Shadow):

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Цвет: #000000
  • Непрозрачность (Opacity): 41%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light) перед тем, как поменять Угол (Angle): 120°
  • Смещение (Distance): 25 px
  • Размах (Spread): 0%
  • Размер (Size): 25 px
Part Three - Drop ShadowPart Three - Drop ShadowPart Three - Drop Shadow

Результат должен быть, как на скриншоте ниже:

Result of the Part ThreeResult of the Part ThreeResult of the Part Three

4. Применяем Стили Слоя к Слою Узор (Pattern)

Шаг 1

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

  • Размер (Size): 2 px
  • Положение (Position): Снаружи (Outside)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Тип обводки (Fill Type): Цвет (Color)
  • Цвет: #a8262d
Part Four - StrokePart Four - StrokePart Four - Stroke

Шаг 2

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Шум (Noise): 0%
  • Цвет: #f15d62
  • Метод (Technique): Мягкий (Softer)
  • Источник (Source): На краях (Edge)
  • Стягивание (Choke): 100%
  • Размер (Size): 10 px
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 100%
  • Колебание (Jitter): 0%
Part Four - Inner GlowPart Four - Inner GlowPart Four - Inner Glow

Шаг 3

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

  • Режим наложения (Blend Mode): Мягкий свет (Soft Light)
  • Цвет: #f59088
  • Непрозрачность (Opacity): 100%
Part Four - Color OverlayPart Four - Color OverlayPart Four - Color Overlay

Шаг 4

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 80%
  • Щёлкните по выпадающему меню Узор (Pattern), чтобы выбрать узор, который мы создали ранее.
  • Масштаб (Scale): 240% 
Part Four - Pattern OverlayPart Four - Pattern OverlayPart Four - Pattern Overlay

Результат должен быть, как на скриншоте ниже:

Result of the Part FourResult of the Part FourResult of the Part Four

5. Применяем Стили Слоя к Слою Обводка (Stroke)

Это простой шаг. Всё, что вам нужно, это добавить стиль слоя Обводка (Stroke) со следующими настройками:

  • Размер (Size): 20 px
  • Положение (Position): Снаружи (Outside)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Тип обводки (Fill Type): Цвет (Color)
  • Цвет: #fb705c
Part Five - StrokePart Five - StrokePart Five - Stroke

Результат должен быть, как на скриншоте ниже:

Result of the Part FiveResult of the Part FiveResult of the Part Five

6. Применяем Стили Слоя к Слою Тень (Shadow)

Шаг 1

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

  • Стиль (Style): Внешний скос (Outer Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 1000%
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 21 px
  • Смягчение (Soften): 0 px
  • Уберите галочку в окошке Глобальное освещение (Use Global Light) перед тем, как поменять Угол (Angle): 90°
  • Высота (Altitude): 30°
  • Контур глянца (Gloss Contour): Линейный (Linear)
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Режим Подсветки (Highlight Mode): Нормальный (Normal)
  • Цвет подсветки  (Highlight Color): #ffffff
  • Непрозрачность (Opacity): 0%
  • Режим Тени (Shadow Mode): Умножение (Multiply)
  • Цвет тени (Shadow Color): #000000
  • Непрозрачность (Opacity): 50%
Part Six - Bevel and EmbossPart Six - Bevel and EmbossPart Six - Bevel and Emboss

Шаг 2

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

  • Размер (Size): 20 px
  • Положение (Position): Снаружи (Outside)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Цвета градиента: от #c88206 до #753104
  • Стиль (Style): Линейный (Linear)
  • Угол (Angle): -90°
  • Масштаб (Scale): 100%
  • Уберите галочки в окошках Инверсия (Reverse) и Дизеринг (Dither)
  • Поставьте галочку в окошке Выровнять со слоем (Align with Layer)
Part Six - StrokePart Six - StrokePart Six - Stroke

Шаг 3

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Цвет: #000000
  • Непрозрачность (Opacity): 75%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light) перед тем, как поменять Угол (Angle): 90°
  • Смещение (Distance): 11 px
  • Размах (Spread): 47%
  • Размер (Size): 38 px
Part Six - Drop ShadowPart Six - Drop ShadowPart Six - Drop Shadow

Результат должен быть, как на скриншоте ниже:

Result of the Part SixResult of the Part SixResult of the Part Six

7. Применяем Стили Слоя к Слою Внешняя Обводка (Outer Stroke)

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

  • Размер (Size): 30 px
  • Положение (Position): Снаружи (Outside)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Цвета градиента: от #bc1526 до #c72435
  • Стиль (Style): Линейный (Linear)
  • Угол (Angle): 90°
  • Масштаб (Scale): 100%
  • Уберите галочки в окошках Инверсия (Reverse) и Дизеринг (Dither)
  • Поставьте галочку в окошке Выровнять со слоем (Align with Layer)
Part Seven - StrokePart Seven - StrokePart Seven - Stroke

Результат должен быть, как на скриншоте ниже:

Result of the Part SevenResult of the Part SevenResult of the Part Seven

Отличная Работа, Мы завершили урок!

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

Final ResultFinal ResultFinal Result

Не забудьте поделиться с нами своим результатом.

Кстати, если вы хотите изменить текст, тогда дважды щёлкните по значку смарт-объекта и программа Photoshop откроет его в новом окне в качестве PSB файла. Поменяйте текст, а затем идём Файл- Сохранить (File > Save), чтобы сохранить изменения, а затем идём Файл – Закрыть (File > Close), чтобы закрыть данный документ. После этого, вы получите обновлённый файл с новым текстом.

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

Style PackStyle PackStyle Pack
One subscription.
Unlimited Downloads.
Get unlimited downloads