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

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

Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые доступны на сайте GraphicRiver.

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

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

• Шрифт Quicksand Bold
• Изображение Заднего Фона
• Блестящие Стили и Узоры

1. Создаём Задний Фон и Текстовые Слои

Шаг 1

Создайте новый документ со следующими размерами 1613 x 1075 px, а затем идём Файл - Поместить встроенные (File > Place Linked), чтобы открыть исходное изображение с задним фоном.

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

Шаг 2

Создайте текст заглавными буквами, используя шрифт Quicksand Bold. Установите Размер (Size) шрифта на 300 pt, значение Кернинга (Kerning) на Оптический (Optical), а значение Интерлиньяжа (Leading) на 325 pt, если у вас несколько строчек текста.

Расположите текст, как вам нравится, и не переживайте насчёт заднего фона, поскольку мы исправим его в конце урока.

2. Создаём Внутренние Рабочие Контуры

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

Вы можете воспользоваться инструментом Перо (Pen Tool), но в этом уроке, мы собираемся использовать новый инструмент Photoshop Перо Кривизна (Curvature Pen Tool).

Шаг 1

Выберите инструмент Перо Кривизна (Curvature Pen Tool), в настройках данного инструмента, установите режим Контуры (Path), а затем один раз щёлкните в центре первой буквы текста, откуда вы хотите начать создание рабочего контура.

Инструмент Перо Кривизна (Curvature Pen Tool) отличается от инструмента Перо (Pen). Итак, чтобы создать угловые точки, вам необходимо дважды щёлкнуть, чтобы добавить точку, а чтобы создать кривую, то вы можете либо щёлкнуть один раз, либо создать прямую линию, а затем щёлкнуть по этой линии, чтобы добавить точку и сместить её, чтобы создать кривую.

Когда вы завершите создание контура, удерживая клавишу (Ctrl), щёлкните где-нибудь по холсту за пределами контура.

Шаг 2

Вы также можете использовать любые другие инструменты с фигурами, которые помогут вам легко создать рабочий контур для некоторых букв. Например, вы можете воспользоваться инструментом Эллипс (Ellipse Tool), предварительно установив режим на Контуры (Path) в настройках данного инструмента, чтобы создать рабочий контур для буквы 'О'.

Шаг 3

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

Шаг 4

Очень важно сохранить контуры, которые вы создали. Для этого, откройте панель Контуры (Paths), дважды щёлкните по вкладке Рабочий контур (Work Path) и в появившемся окне, напечатайте Центр (Center) строке Имя (Name).

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

Шаг 5

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

Точки, расположенные над буквой 'Е' немного слишком большие и могут с нахлёстом перекрыть букву при обводке кистью Мишура, поэтому, мы сделаем их меньше.

Для этого, выберите инструмент Стрелка (Direct Selection Tool), а затем выделите точки. Нажмите клавишу (Delete), чтобы удалить их.

Шаг 6

Далее, с помощью инструмента Эллипс (Ellipse Tool), создайте маленькие круглые контуры.

Как только вы создали контуры точек, дважды щёлкните по новой вкладке Рабочий контур (Work Path) и в появившемся окне, дайте имя созданному контуру Обводка (Stroke).

3. Создаём Кисть Мишура

Шаг 1

Выберите инструмент Прямоугольник (Rectangle Tool), в настройках данного инструмента, установите режим на Фигура (Shape), а затем создайте небольшой прямоугольник 3 x 30 px. чёрного цвета.

Шаг 2

Выберите инструмент Добавить опорную точку (Add Anchor Point Tool), а затем щёлкните один раз в середине каждой из вертикальных сторон прямоугольника, чтобы добавить две опорные точки.

Шаг 3

С помощью инструмента Стрелка (Direct Selection Tool), выделите обе только что добавленные точки, а затем нажмите клавишу направления со стрелкой влево три раза, чтобы сдвинуть выделенные точки на 3 px влево.

Шаг 4

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

Шаг 5

Идём Редактирование - Определить кисть (Edit > Define Brush Preset) и в появившемся окне, дайте название кисти Кисть Мишура (Tinsel Brush) в строке Имя (Name).

4. Настраиваем и Сохраняем Кисть

Шаг 1

Выберите инструмент Кисть (Brush Tool), выберите сохранённую кисть Кисть Мишура (Tinsel Brush), а затем откройте панель Кисть (Brush), чтобы применить следующие настройки:

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

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

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

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

Шаг 2

Щёлкните по значку Создать новую кисть (Create new brush) в нижнем правом углу панели Кисть (Brush), а затем укажите название кисти Кисть 01 (Brush 01).

Шаг 3

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

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

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

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

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

Шаг 4

Щёлкните по значку Создать новую кисть (Create new brush), а затем дайте название этой кисти Кисть 02 (Brush 02).

Шаг 5

Это выборочный шаг, который немного улучшает организацию рабочего процесса. В этом шаге мы рассмотрим новую интересную функцию Photoshop.

Щёлкните по значку Заданные настройки инструмента (Tool Preset Picker) в верхней панели настроек кисти. Удерживая клавишу (Ctrl), щёлкните по значкам трёх кистей, которые вы создали в этом уроке Кисть Мишура, Кисть 01, Кисть 02 (Tinsel Brush, Brush 01, and Brush 02). Далее щёлкните по маленькой шестерёнке справа и в выпадающем меню, выберите опцию Новая Группа для Кистей (New Brush Group).

Назовите новую группу Кисти Мишура (Tinsel Brushes), а затем нажмите кнопку 'OK'.

5. Выполняем Обводку Рабочих Контуров

Шаг 1

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

Названия слоёв снизу вверх:

• Обводка - Кисть 01 (Stroke - Brush 01)
• Центр - Кисть 01 (Center - Brush 01)
• Центр - Кисть 02 (Center - Brush 02)
• Обводка - Кисть 01 - Цвет Переднего План Белый (Stroke - Brush 01 - White FG
• Центр - Кисть 02 - Цвет Переднего План Белый (Center - Brush 02 - White FG
• Центр - Кисть 01 - Обесцвеченный (Center - Brush 01 - Desaturated)

Шаг 2

Сгруппируйте все новые слои в одну группу, назовите эту группу Мишура (Tinsel), а затем установите цвет переднего плана на #d9001f, а цвет заднего плана на #300600.

Шаг 3

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

Итак, если вы находитесь на слое Обводка - Кисть 01 (Stroke - Brush 01), то вам необходимо щёлкнуть по рабочему контуру Обводка (Stroke) в панели Контуры (Paths), далее, выберите инструмент Кисть (Brush Tool), установите Кисть 01 (Brush 01) и нажмите клавишу (Enter), чтобы выполнить обводку контура.

Шаг 4

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

Шаг 5

Убедитесь, чтобы цвет переднего плана был установлен на белый цвет перед тем, как выполнить обводку двух слоёв, у которых есть в названии Цвет Переднего План Белый (White FG).

Шаг 6

Далее, установите цвет переднего плана на #d9001f, а затем примените обводку к слою Центр - Кисть 01 - Обесцвеченный (Center - Brush 01 - Desaturated).

6. Добавляем Эффект Свечения и Тени

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

Шаг 1

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

• Режим наложения (Blend Mode): Линейный свет (Linear Light)
• Непрозрачность (Opacity): 50%
• Цвет: #a7a7a7
• Размер (Size): 10

Шаг 2

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

• Непрозрачность (Opacity): 36%
• Смещение (Distance): 10
• Размер (Size): 5

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

Шаг 3

Дважды щёлкните по слою Центр - Кисть 01 (Center - Brush 01, чтобы применить стиль слоя Внутреннее свечение (Inner Glow):

• Режим наложения (Blend Mode): Линейный свет (Linear Light)
• Непрозрачность (Opacity): 74%
• Цвет: #a7a7a7
• Размер (Size): 10

Данный эффект свечения поможет нам добавить больше объёма к мишуре.

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

Дважды щёлкните по слою Центр- Кисть 02 (Center - Brush 02), чтобы применить следующие стили слоя:

Шаг 4

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

• Режим наложения (Blend Mode): Линейный свет (Linear Light)
• Непрозрачность (Opacity): 74%
• Цвет: #a7a7a7
• Размер (Size): 10

Шаг 5

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

• Непрозрачность (Opacity): 50%
• Смещение (Distance): 0
• Размер (Size): 5

шаг 6

Поменяйте режим наложения для слоя Центр- Кисть 02 (Center - Brush 02) на Перекрытие (Overlay).

7. Стилизуем Слои

Шаг 1

Поменяйте режим наложения для слоя Обводка - Кисть 01 - Цвет Переднего План Белый (Stroke - Brush 01 - White FG) на Линейный свет (Linear Light), а также уменьшите Непрозрачность (Opacity) слоя до 60%.

Дважды щёлкните по слою Центр - Кисть 02 - Цвет Переднего План Белый (Center - Brush 02 - White FG), чтобы применить следующие стили слоя:

Шаг 2

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

• Режим наложения (Blend Mode): Яркий свет (Vivid Light)
• Непрозрачность (Opacity): 70%
• Узор (Pattern): FDR Glitter Pattern 02

Шаг 3

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

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

Шаг 4

Поменяйте режим наложения для слоя Центр - Кисть 02 - Цвет Переднего План Белый (Center - Brush 02 - White FG) на Линейный свет (Linear Light)

Шаг 5

Перейдите на слой Центр - Кисть 01 - Обесцвеченный (Center - Brush 01 - Desaturated), а затем идём Изображение- Коррекция- Обесцветить (Image > Adjustments > Desaturate).

Шаг 6

Дважды щёлкните по слою Центр - Кисть 01 - Обесцвеченный (Center - Brush 01 - Desaturated), чтобы применить стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:

• Режим наложения (Blend Mode): Линейный свет (Linear Light)
• Непрозрачность (Opacity): 60%
• Цвет: #a7a7a7
• Источник (Source): Из центра (Center)
• Размер (Size): 7

Шаг 7

Поменяйте режим наложения для слоя Центр - Кисть 01 - Обесцвеченный (Center - Brush 01 - Desaturated) на Мягкий свет (Soft Light).

8. Раскрашиваем Слой с Группой

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

Шаг 1

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

• Цвет: #c29816
• Режим наложения (Blend Mode): Цветовой тон (Hue)

Шаг 2

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

• Цвет: #cecece
• Режим наложения (Blend Mode): Разделить (Divide)

Шаг 3

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

• Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
• Цвет: #1e0700
• Непрозрачность (Opacity): 10%
• Смещение (Distance): 30
• Размер (Size): 5

Итак, мы создали заключительный эффект мишуры.

9. Создаём Текстуру Наложения с Помощью Фильтров

Шаг 1

Создайте новый слой поверх всех остальных слоёв, назовите этот слой Текстура Наложения (Texture Overlay), залейте этот слой белым цветом, а затем щёлкните правой кнопкой по данному слою и в появившемся окне, выберите опцию Преобразовать в Смарт-объект (Convert to Smart Object).

Установите цвет переднего плана и цвет заднего плана на чёрный и белый цвет.

Шаг 2

Идём Фильтр - Рендеринг - Волокна (Filter > Render > Fibers). Установите значение Несовпадения (Variance) на 30, а значение Интенсивности (Strength) на 3.

Шаг 3

Идём Фильтр - Эскиз - Рельеф (Filter > Filter Gallery > Sketch > Bas Relief). Установите следующие настройки для данного фильтра, которые указаны ниже:

• Детализация (Detail): 13
• Смягчение (Smoothness): 3
• Свет (Light): Снизу (Bottom)

Шаг 4

Нажмите на значок Новый слой эффектов (New effect layer) в нижнем правом углу, а затем идём Текстура - Зерно (Texture > Grain). Установите следующие настройки для данного фильтра, которые указаны ниже:

• Интенсивность (Intensity): 40
• Контрастность (Contrast): 50
• Тип зерна (Grain Type): Обычный (Regular)

Шаг 5

Преобразуйте слой Текстура Наложения (Texture Overlay) в обтравочную маску к слою с группой Мишура (Tinsel), а затем поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 50%.

10. Проводим Цветовую Коррекцию

Шаг 1

Добавьте корректирующий слой Выборочная коррекция цвета (Selective Color. Установите следующие настройки для данного корректирующего слоя, которые указаны ниже:

Жёлтые (Yellows)

• Голубой (Cyan): -10
• Пурпурный (Magenta): -2
• Чёрный (Black): -5

Шаг 2

Добавьте корректирующий слой Поиск цвета (Color Lookup). Установите фильтр Fuji ETERNA 250D Kodak 2395 (by Adobe).cube из выпадающего меню 3DLUT File, а затем уменьшите Непрозрачность (Opacity) данного корректирующего слоя до 15%.

Шаг 3

Добавьте корректирующий слой-заливку Цвет (Solid Color), установите цвет заливки на #150806. Поменяйте режим наложения на Мягкий свет (Soft Light), а затем уменьшите Непрозрачность (Opacity) данного корректирующего слоя до 20%.

Шаг 4

С помощью инструмента Овальная область (Elliptical Marquee Tool), создайте овальное выделение вокруг текста. Щёлкните по миниатюре слой-маски корректирующего слоя-заливки Цвет (Solid Color), чтобы она стала активной, а затем залейте активной выделение чёрным цветом.

Шаг 5

Поскольку слой-маска всё ещё активна, откройте панель Свойства (Properties), а затем поменяйте значение Растушёвки (Feather) на 52%, чтобы создать простой эффект виньетки.

11. Добавьте Блеск Используя Настройки Кисти

Шаг 1

Создайте новый слой поверх слоя с фоновым изображением, назовите этот слой Фоновый Блеск (Background Glitter).

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

Шаг 2

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

• Узор (Pattern): FDR Glitter Pattern 16

Шаг 3

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

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

Шаг 4

Выберите инструмент Кисть (Brush Tool), установите стандартную кисть Airbrush Hard Low Density Grainy, а затем откройте панель настроек кисти, чтобы поменять значение Рассеивание (Scattering) при необходимости.

Самое важное в этом шаге- это использовать большой размер кисти 300px.

Шаг 5

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

12. Редактируем Фоновое Изображение

Шаг 1

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

Выберите инструмент Перемещение с учётом содержимого (Content-Aware Move Tool), а затем установите Режим (Mode) на Смещение (Move) в настройках данного инструмента.

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

Вы можете поставить галочку в окошке Трансформирование по месту (Transform on Drop), если хотите трансформировать объект после перемещения.

Шаг 2

Сместите выделенный объект на новое место, трансформируйте его, если есть необходимость, а затем нажмите клавишу (Enter).

Шаг 3

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

Вы также можете воспользоваться инструментами Осветлитель (Dodge), Затемнитель (Burn) и Губка (Sponge Tools) при необходимости.

Шаг 4

Если есть какие-либо участи, которые вы хотите полностью удалить, то вначале выделите их с помощью любого инструмента выделения, а затем идём в меню Редактирование - Выполнить заливку (Edit > Fill) и из выпадающего меню Содержимое (Content), выберите опцию С учётом содержимого (Content-Aware).

Шаг 5

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

Шаг 6

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

Шаг 7

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

13. Добавляем Заключительные Штрихи

Шаг 1

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

Для канала Жёлтые (Yellows), поменяйте значение Насыщенности (Saturation) до -25.

Шаг 2

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

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

Шаг 3

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

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

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

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

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

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

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