Как Сделать Праздничный Текст Конфеты Тростника С Фотошопом (видео)

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

Вот как будет выглядеть окончательный текст леденца:

Давайте начнем!

Как создать повторяющийся узор конфета

Шаг 1: создайте новый документ Photoshop

Мы начнем с создания рисунка леденца, который мы будем использовать для заполнения текста. Для этого мы создадим новый документ Photoshop. Перейдите в меню File в строке меню и выберите New :

В диалоговом окне Нового документа, установить как ширину и высоту до 200 пикселей . Установите разрешение до 72 точек / дюйм и содержимого фона на белый . Нажмите «Создать» или «ОК» (в зависимости от используемой версии Photoshop), чтобы создать новый документ:

Шаг 2. Выберите инструмент «Прямоугольник»

Открыв новый документ на экране, выберите инструмент «Прямоугольник» на панели инструментов:

Шаг 3: Установите режим инструмента на форму

На панели параметров убедитесь, что для параметра « Режим инструмента» установлено значение « Форма» :

Шаг 4: установите цвет фигуры на красный

Нажмите образец цвета Fill :

В опциях Fill Type, щелкните значок Color Picker в правом верхнем углу:

В палитре цветов выберите оттенок красного, установив значение H (Оттенок) на 350 , значение S (Насыщенность) на 100 и значение B (Яркость) на 75 . Нажмите кнопку ОК, чтобы закрыть палитру цветов.

Теперь, когда цвет заливки установлен на красный, убедитесь, что для обводки фигуры установлено значение « Нет» :

Шаг 5: Нарисуй первую фигуру

Нажмите внутри документа. Не нажимайте и перетаскивайте, просто нажмите. Photoshop открывает диалоговое окно « Создание прямоугольника ». Установите ширину на 40 пикселей и высоты на 300 пикселей , а затем нажмите кнопку ОК:

Фотошоп рисует фигуру, но не в нужном месте:

Шаг 6: переместите форму

Чтобы центрировать фигуру, перейдите в меню « Правка» и выберите « Свободный путь преобразования» :

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

Затем измените значения X и Y на 100 px (половина ширины и высоты нашего документа 200 x 200 px). Это центрирует форму в документе:

Шаг 7: измените угол до 45 градусов

Чтобы повернуть фигуру, установите угол на панели параметров на 45 °:

Нажмите Enter (Win) / Return (Mac) дважды на клавиатуре, один раз, чтобы принять новые настройки, а затем снова, чтобы выйти из команды Free Transform Path. Фотошоп спросит, хотите ли вы превратить вашу живую фигуру в обычный путь. Нажмите Да:

Первая форма теперь центрирована и повернута в документе, и у нас есть наша первая полоска конфетного тростника:

Шаг 8: скопируйте и переместите форму

Нажмите Ctrl + Alt + T (Победа) / Command + Option + T (Mac) на клавиатуре. Это сделает копию фигуры и снова откроет команду Free Transform Path. Вы увидите поле «Свободное преобразование» и обведете форму. Чтобы переместить копию фигуры в верхний левый угол документа, перейдите на панель параметров и измените значения X и Y на 0 px :

Нажмите Enter (Win) / Return (Mac) дважды, один раз, чтобы принять новые настройки, и снова, чтобы выйти из команды Free Transform Path. Вторая фигура теперь находится в верхнем углу, и у нас есть вторая полоска леденца:

Шаг 9: сделай еще одну копию и перемести ее

Еще раз нажмите Ctrl + Alt + T (Победа) / Command + Option + T (Mac) на клавиатуре, чтобы сделать еще одну копию фигуры и заново открыть Free Transform Path. На панели параметров установите значения X и Y равными 200 px :

Нажмите Enter (Win) / Return (Mac) один раз, чтобы принять настройки, а затем снова, чтобы выйти из команды Free Transform Path, и теперь у нас есть третья фигура и наша третья полоска леденца в нижнем правом углу документа:

Шаг 10: нарисуй новую, меньшую форму

Мы добавили несколько больших полос, так что теперь давайте добавим несколько меньших. Щелкните внутри документа с помощью инструмента «Прямоугольник», чтобы снова открыть диалоговое окно « Создать прямоугольник ». На этот раз, установить ширину только 4 точек , а затем установить Высоту до 200 пикселей . Нажмите OK, чтобы закрыть диалоговое окно:

Фотошоп рисует четвертую фигуру, на этот раз меньше, но снова помещает ее в неправильное место:

Шаг 11: переместите форму

Перейдите в меню Edit и выберите Free Transform Path или нажмите Ctrl + T (Win) / Command + T (Mac) на клавиатуре:

На панели параметров установите значения X и Y равными 50 пикселей , а затем установите угол на 45 ° :

Нажмите Enter (Win) / Return (Mac) дважды на клавиатуре. Фотошоп снова спросит, хотите ли вы преобразовать живую фигуру в обычный путь. Нажмите Да, и теперь новая фигура расположена между двумя большими фигурами в верхнем левом углу:

Если мы посмотрим на панель «Слои» , то увидим, что наши три большие фигуры находятся на одном слое фигуры с именем «Прямоугольник 1» прямо над фоновым слоем. Новая меньшая фигура находится на отдельном слое Shape с именем «Rectangle 2» вверху:

Шаг 12: скопируйте и переместите форму

Нажмите Ctrl + Alt + T (Победа) / Command + Option + T (Mac), чтобы сделать копию меньшей фигуры, и откройте команду Free Transform Path. Затем на панели параметров установите значения X и Y равными 44 пикселям :

Нажмите Enter (Win) / Return (Mac) дважды, и теперь копия меньшей полосы появляется чуть выше и слева от оригинала:

Шаг 13: сделай еще одну копию и перемести ее

Снова нажмите Ctrl + Alt + T (Победа) / Command + Option + T (Mac), чтобы скопировать фигуру и открыть Free Transform Path. В панели параметров установите X и Y значения 56 пикс . Нажмите Enter (Win) / Return (Mac) дважды, чтобы принять его и закрыть Free Transform Path:

Теперь у нас есть три меньшие полосы, расположенные одинаково в верхнем левом углу:

Шаг 14: выбери все три меньших фигуры

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

Перетащите прямоугольник через все три меньшие полосы, чтобы выбрать их:

Шаг 15: скопируйте и переместите полосы

С выделенными полосами нажмите Ctrl + Alt + T (Win) / Command + Option + T (Mac), чтобы сделать их копию, и откройте команду Free Transform Path. Затем на панели параметров установите значения X и Y равными 150 px :

Нажмите Enter (Win) / Return (Mac) дважды, чтобы принять новые значения и выйти из Free Transform Path. И теперь у нас есть копия меньших полос в правом нижнем углу. Нажмите Enter (Win) / Return (Mac) в третий раз, чтобы удалить контуры контуров вокруг фигур:

Шаг 16: поменяй цвет меньших полос на зеленый

Если вы довольны красными полосками конфетного тростника, можете пропустить этот шаг, но я думаю, что рисунок выглядит лучше с меньшими зелеными полосками. Чтобы изменить цвет меньших полос, убедитесь, что слой «Прямоугольник 2» выбран на панели «Слои»:

Щелкните образец цвета « Заливка» на панели параметров, а затем щелкните значок « Палитра цветов» в параметрах «Тип заливки»:

В палитре цветов выберите оттенок зеленого, установив значение H в 120 , значение S в 100 и значение B в 50 . Затем нажмите OK, чтобы закрыть палитру цветов:

И теперь меньшие полосы зеленого цвета, в то время как более крупные полосы остаются красными, что завершает наш рисунок из леденцов:

Шаг 17: определите формы как шаблон

Чтобы превратить фигуры в настоящий шаблон Photoshop, перейдите в меню « Правка» и выберите « Определить шаблон» :

Назовите рисунок «Candy Cane» и нажмите «ОК»:

Создание текста Candy Cane

К этому моменту наш образец тростника леденца готов! Давайте посмотрим, как применить его к некоторому тексту и сделать буквы больше похожими на конфеты. Чтобы сэкономить время, я переключусь на отдельный документ, в который я уже добавил немного белого текста перед фоном на праздничную тему ( фон снежинки из Adobe Stock). Для достижения наилучших результатов выберите шрифт с закругленными буквами. Я использую Arial Rounded MT Bold :

Если мы посмотрим на мою панель Layers, то увидим, что каждое слово находится на отдельном слое Type . Я начну с добавления эффекта леденца к одному из слов, а затем покажу, как быстро скопировать весь эффект из одного слоя типа в другой:

Шаг 1: выберите ваш тип слоя

Начните с выбора слоя Type на панели Layers. Я выберу слово «СЧАСТЛИВЫЙ»:

Шаг 2: добавление стиля слоя наложения рисунка

Чтобы создать текстовый эффект леденца, мы будем использовать стили слоя Photoshop. Щелкните значок « Стили слоев» (значок « fx» ) внизу панели «Слои»:

Затем, чтобы заполнить текст рисунком конфетного тростника, выберите Pattern Overlay из списка:

Photoshop открывает диалоговое окно «Стиль слоя» с параметрами наложения шаблона в средней колонке. Нажмите на образец, чтобы выбрать другой рисунок:

Дважды щелкните на миниатюре рисунка конфетного тростника, чтобы выбрать его:

Это мгновенно заполняет выбранный вами тип полосками конфетного тростника:

Шаг 3: отрегулируйте размер шаблона

С помощью ползунка « Масштаб» под образцом отрегулируйте размер и внешний вид рисунка внутри букв. Нижние значения Scale уменьшат рисунок, поэтому он будет повторяться чаще. Значение, которое работает лучше всего, будет зависеть от размера вашего текста. Я опущу мой до 68%:

А вот как выглядят буквы с уменьшенным по размеру шаблоном:

Шаг 4: нанесите тень

Чтобы помочь отделить буквы от фона, мы добавим тень. В диалоговом окне «Стиль слоя» выберите « Тень» в столбце слева:

В опциях Drop Shadow установите непрозрачность на 35% . Включите Use Global Light, а затем установите угол на 120 ° . Я установлю для моих значений « Расстояние» и « Размер» значение 10 пикселей, но вы можете попробовать разные значения в зависимости от размера вашего изображения:

Вот текст с примененной тенью:

Шаг 5: добавь инсульт

Давайте также добавим тонкий штрих вокруг букв. Выберите « Обводка» в левой части диалогового окна «Стиль слоя»:

В параметрах «Обводка» щелкните образец цвета, чтобы изменить цвет обводки.

В палитре цветов установите значение H, равное 350 , значение S, равное 100, и значение B, равное 40 , а затем нажмите кнопку «ОК».

Вернувшись в параметры «Обводка», установите для параметра « Размер» значение 1 пиксель (для больших изображений может работать 2 пикселя), а затем измените положение на « Снаружи» :

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

Шаг 6: добавь внутреннее свечение

Выберите Inner Glow слева от диалогового окна Layer Style:

Нажмите образец цвета, чтобы изменить цвет свечения:

В палитре цветов выберите тот же цвет, который мы использовали для обводки, установив H на 350 , S на 100 и B на 40 , а затем нажмите OK:

Вернувшись к параметрам Inner Glow, измените режим наложения с Screen на Multiply и увеличьте непрозрачность до 100% . Затем увеличьте значение размера примерно до 24 пикселей :

Возможно, вам придется поэкспериментировать со значением «Размер» в зависимости от размера вашего текста. В результате вы хотите, чтобы Внутреннее свечение простиралось от внешних краев букв внутрь почти до их центров, что создает иллюзию округлости:

Шаг 7: нанесите скос и выбейте

Наконец, чтобы буквы выглядели блестящими, выберите Bevel & Emboss слева от диалогового окна Layer Style:

В разделе «Затенение» параметров «Скос и тиснение» нажмите маленькую стрелку рядом с миниатюрой « Глянцевый контур» , а затем выберите контур кольца , дважды щелкнув его миниатюру (вторая слева, нижняя строка):

По-прежнему в разделе «Затенение» убедитесь, что выбран « Использовать глобальный свет» . Оставьте угол установлен на 120 ° , но понизить Высота до 10 ° :

Для режима подсветки уменьшите непрозрачность до 0% . Затем для Shadow Mode измените режим смешивания с Multiply на Linear Dodge (Add) , а затем щелкните образец цвета :

В палитре цветов выберите белый цвет для тени и нажмите «ОК»:

Затем уменьшите непрозрачность Shadow Mode до 22%:

В разделе «Структура» в верхней части параметров «Скос и тиснение» оставьте для параметра « Стиль» значение « Внутренний скос», а для параметра « Техника» — значение « Сглаживание» . Затем увеличьте глубину до 180%, а размер — до 24 пикселей . Как и с некоторыми другими опциями, которые мы рассмотрели, вам может потребоваться поэкспериментировать с глубиной и размером в зависимости от вашего текста:

Нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Стиль слоя», и текстовый эффект леденца завершится:

Шаг 8: Скопируйте стили слоя в слои другого типа

Если мы посмотрим на панель «Слои», то увидим все стили слоя, которые были добавлены в слой «Тип» вверху:

Чтобы скопировать стили слоя в другой слой типа, нажмите и удерживайте клавишу « Alt» (Win) / « Option» (Mac) на клавиатуре, а затем нажмите слово «Эффекты» и перетащите его непосредственно на другой слой типа:

Отпустите кнопку мыши, затем отпустите клавишу Alt / Option. Photoshop копирует все стили слоя на другой слой типа:

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

И там у нас это есть! Вот так можно создать праздничный текст из конфет с помощью Photoshop! Чтобы получить еще один забавный текстовый эффект, научитесь превращать текст в золото с помощью Photoshop. Или для чего-то более зимнего, добавьте падающий снег на ваши фотографии! Посетите наши разделы « Текстовые эффекты» или « Фотоэффекты» для получения дополнительных уроков по Photoshop!