В этом уроке я покажу вам, как с помощью Photoshop легко создать текстовый эффект праздничной конфеты. Мы начнем с создания бесшовного повторяющегося узора леденца с красными и зелеными полосами. Затем мы узнаем, как применить рисунок к нашему тексту и как комбинировать его со стилями слоев для создания округлых, блестящих букв леденца. В конце урока мы узнаем, как скопировать эффект леденца и мгновенно применить его ко всем слоям типа, сколько нам нужно. Я буду использовать Photoshop CC, но любая последняя версия Photoshop будет работать.
Вот как будет выглядеть окончательный текст леденца:
Давайте начнем!
Содержание
- 1 Как создать повторяющийся узор конфета
- 1.1 Шаг 1: создайте новый документ Photoshop
- 1.2 Шаг 2. Выберите инструмент «Прямоугольник»
- 1.3 Шаг 3: Установите режим инструмента на форму
- 1.4 Шаг 4: установите цвет фигуры на красный
- 1.5 Шаг 5: Нарисуй первую фигуру
- 1.6 Шаг 6: переместите форму
- 1.7 Шаг 7: измените угол до 45 градусов
- 1.8 Шаг 8: скопируйте и переместите форму
- 1.9 Шаг 9: сделай еще одну копию и перемести ее
- 1.10 Шаг 10: нарисуй новую, меньшую форму
- 1.11 Шаг 11: переместите форму
- 1.12 Шаг 12: скопируйте и переместите форму
- 1.13 Шаг 13: сделай еще одну копию и перемести ее
- 1.14 Шаг 14: выбери все три меньших фигуры
- 1.15 Шаг 15: скопируйте и переместите полосы
- 1.16 Шаг 16: поменяй цвет меньших полос на зеленый
- 1.17 Шаг 17: определите формы как шаблон
- 2 Создание текста Candy Cane
Как создать повторяющийся узор конфета
Шаг 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!