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

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

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

Праздничный текстовый эффект леденца, созданный в Photoshop

Праздничная конфета, созданная в Photoshop.

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

Содержание

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

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

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

Выбор команды «Новый» из меню «Файл» в Photoshop

Идем в Файл> Новый.

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

Новые настройки документа Photoshop

Создание нового документа Photoshop размером 200 x 200 пикселей.

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

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

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

Выбор инструмента Rectangle.

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

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

Установка режима инструмента для инструмента Rectangle на Shape

Настройка режима инструмента на Shape на панели параметров.

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

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

Нажав образец цвета «Заливка» для инструмента «Прямоугольник»

Нажав образец цвета «Заполнить».

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

Щелкнув значок «Выбор цвета» в параметрах «Тип заливки» для инструмента «Прямоугольник»

Открытие палитры цветов.

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

Выбор конфетного красного тростника из палитры цветов в фотошопе

Выбор конфетного красного тростника из палитры цветов.

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

Параметр «Обводка» для инструмента «Прямоугольник» имеет значение «Нет».

Опция Stroke должна быть установлена ​​на None.

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

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

Создание новой формы прямоугольника 40 пикселей в ширину и 300 пикселей в высоту

Создание нового прямоугольника размером 40 x 300 пикселей.

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

Форма была нарисована, но ее необходимо переместить

Форма была нарисована, но ее необходимо изменить.

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

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

Выбор Free Transform Path из под меню Edit.

Собираемся Править> Свободный Путь Преобразования.

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

Сетка привязки Free Transform Path на панели параметров

Убедитесь, что выбрана центральная точка сетки якоря.

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

Координаты X и Y для команды Free Transform Path

Изменение положения X и Y до 100 пикселей.

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

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

Изменение угла формы до 45 градусов

Изменение угла до 45 градусов.

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

Эта операция превратит живую фигуру в предупреждение о правильном пути

Нажмите Да, чтобы превратить живую фигуру в обычный путь.

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

Первая полоска конфетного тростника добавлена ​​в центр

Первая полоса добавлена ​​в центр.

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

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

Изменение координат X и Y для второй фигуры

Изменение положения 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 :

Изменение координат X и Y для третьей фигуры

Изменение позиций X и Y для третьей фигуры до 200 пикселей.

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

Третья полоска леденца была добавлена ​​в правом нижнем углу

Третья полоса была добавлена ​​в правом нижнем углу.

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

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

Третья полоска леденца была добавлена ​​в правом нижнем углу

Рисуем меньшую фигуру.

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

Новая более тонкая форма добавлена ​​к образцу леденца

Добавлена ​​новая, более тонкая форма.

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

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

Снова выберите Free Transform Path из меню Edit.

Идем снова в Edit> Free Transform Path.

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

Установка значений X, Y и Angle для четвертой фигуры

Установка значений X, Y и Angle для новой фигуры.

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

Первая из более тонких полосок леденца находится в положении

Первая из более тонких полосок находится на своем месте.

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

Чем больше и меньше полосок конфетного тростника на отдельных слоях

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

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

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

Установка значений X и Y для пятой полоски леденца

Установка значений 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:

Установка значений X и Y для шестой полоски леденца

Установка значений X и Y для шестой фигуры 56 пикселей.

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

К рисунку добавляется третья полоска меньшего размера.

Добавлена ​​третья полоса поменьше.

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

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

Выбор инструмента выбора пути в Photoshop

Выбор инструмента выбора пути.

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

Выбор трех меньших полос с помощью инструмента «Выбор пути»

Перетаскивание всех трех меньших полос с помощью инструмента «Выбор пути».

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

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

Установка значений X и Y, чтобы переместить копию меньших полос в положение

Установка значений X и Y, чтобы переместить копию меньших полос в нужное положение.

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

Узор леденца с красными полосками, созданный в фотошопе

Начальный образец полосы леденца тростника закончен.

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

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

Выбор слоя Shape для маленьких полосок леденца

Убедитесь, что выделены меньшие фигуры.

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

Изменение цвета меньших полосок леденца

Изменение цвета меньших полос.

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

Выбор зеленого цвета из палитры цветов в фотошопе

Выбор зеленого цвета из палитры цветов.

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

Образец леденца тростника, созданный в Фотошопе

Окончательный узор из полоски конфетного тростника.

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

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

Выбор команды «Определить шаблон» из меню «Правка» в Photoshop

Собираемся Правка> Определить шаблон.

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

Называя новый образец Candy Cane Photoshop

Называя новый шаблон «Candy Cane».

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

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

Простой белый текст на фоне праздника

Некоторый простой белый текст перед голубой предпосылкой.

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

Панель «Слои», отображающая слова на отдельных слоях «Тип»

Каждое слово было добавлено в свой слой Type.

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

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

Выбор Layer Type для создания текста леденца

Выбор одного из слоев типа.

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

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

Щелчок по значку «Стили слоев» на панели «Слои»

Нажав на значок Стили слоя.

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

Добавление стиля слоя «Наложение рисунка» на слой «Тип»

Добавление стиля слоя «Наложение рисунка».

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

Щелкнув образец в параметрах «Наложение рисунка» в Photoshop

Нажав на образец.

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

Выбор рисунка конфетного тростника в параметрах наложения рисунка

Выбор рисунка леденца.

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

Первоначальный эффект узора леденца

Тип с нанесенным рисунком леденца.

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

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

Понижение значения Scale, чтобы уменьшить рисунок леденца

Понижение значения Scale, чтобы уменьшить рисунок.

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

Буквы конфет после понижения значения Scale

Результат после понижения значения Scale.

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

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

Выбор Drop Shadow в диалоговом окне Layer Style

Выбор стиля слоя Drop Shadow.

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

Параметры «Тень» в диалоговом окне «Стиль слоя»

Варианты Drop Shadow.

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

Буква конфета с тенью

Эффект после применения тени.

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

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

Добавление стиля слоя обводки к буквам тростника леденца

Выбор стиля слоя Stroke.

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

Нажав образец цвета обводки в диалоговом окне «Стиль слоя»

Нажав на образец цвета обводки.

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

Выбор красного для цвета обводки в палитре цветов

Выбор красного для цвета обводки.

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

Параметры обводки в диалоговом окне «Стиль слоя»

Варианты инсульта.

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

Буквы конфет тростника с обводкой вокруг них

Эффект после наложения инсульта.

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

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

Добавление стиля слоя Inner Glow к тексту конфеты

Добавление стиля слоя Inner Glow.

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

Нажав на образец цвета Inner Glow

Нажав на образец цвета Inner Glow.

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

Выбор нового цвета для стиля слоя Inner Glow

Настройка Inner Glow того же цвета, что и ход.

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

Опции Inner Glow для текстового эффекта леденца

Варианты Inner Glow.

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

Буквы конфет теперь выглядят закругленными после применения Inner Glow.

Буквы теперь выглядят закругленными после добавления Inner Glow.

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

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

Применение Bevel and Emboss к тексту конфеты

Добавление стиля слоя Bevel & Emboss.

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

Выбор контура кольца в опциях «Скос» и «Тиснение»

Выбор контура кольца.

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

Параметры «Угол» и «Высота» для стиля слоя «Скос и тиснение»

Варианты угла и высоты.

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

Опции «Режим подсветки» и «Режим тени»: «Наклон» и «Тиснение»

Варианты режима подсветки и тени.

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

Выбор белого в палитре цветов

Выбираем белый, нажимая в верхнем левом углу квадрата.

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

Установка непрозрачности Shadow Mode на 22 процента в опциях Bevel и Emboss

Понижение непрозрачности для режима тени.

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

Увеличение значений глубины и размера

Увеличение значений глубины и размера.

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

Буквы из конфет, созданные в Photoshop с использованием стилей слоев

Окончательный эффект леденца.

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

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

Стили слоя конфетного тростника перечислены ниже слоя Type

Стили слоя перечислены под слоем Тип.

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

Перетаскивая стили слоя леденца на другой слой Типа

Перетащите стили слоя на второй слой типа, удерживая Alt / Option.

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

Стили слоя конфетного тростника были скопированы из одного слоя типа в другой

Стили слоя были скопированы из одного слоя типа в другой.

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

Стили слоя конфетного тростника были скопированы из одного слоя типа в другой

Результат после копирования стилей конфетного тростника во второй слой Type.

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


Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.