Advertisement
  1. Design & Illustration
  2. Text Effects

Создаём Вкусный Текст из Мармеладных Бобов в Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

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

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

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

1. Создаём Кисть

Шаг 1

Создайте новый документ 500 x 500px, выберите инструмент Эллипс (Ellipse Tool), а затем создайте эллипс со следующими размерами 175 x 385px в центре документа.

Шаг 2

Выберите инструмент Стрелка (Direct Selection Tool) (A), а затем выделите две опорные точки на боковых сторонах эллипса.

Шаг 3

Нажмите пару раз клавишу со стрелкой влево, чтобы слегка сместить опорные точки влево.

Шаг 4

Теперь выделите две вертикальные опорные точки, а затем идём Редактирование > Трансформирование контура > Масштабирование (Edit > Transform Points > Scale). Удерживая клавишу (Alt), слегка потяните за правый край рамки трансформирования вправо. Удержание клавиши (Alt) поможет одновременно сместить левую сторону влево. Когда закончите, нажмите клавишу (Enter), чтобы применить изменения.

Шаг 5

Далее, поиграйте с инструментом Стрелка (Direct Selection Tool), смещая опорные точки, пока вы не получите понравившуюся фигуру боба.

Шаг 6

Идём Редактирование - Определить кисть (Edit > Define Brush Preset). Дайте название кисти.

2. Создаём Задний Фон

Шаг 1

Создайте новый документ 1250 x 1250px, установите Разрешение (Resolution) 200.

Установите цвет переднего плана на #f7f7f7, а цвет заднего плана на #cdc9c8. Выберите инструмент Градиент (Gradient Tool), установите тип градиента от Цвета переднего плана к Цвету заднего плана (Foreground to Background), а также установите Радиальный (Radial) градиент.

Далее, щёлкните в центре холста. а затем потяните градиент в один из углов рабочего документа, чтобы добавить градиент на задний фон. Продублируйте слой Задний фон (Background).

Шаг 2

Дважды щёлкните по дубликату слоя Задний фон (Background copy), чтобы применить стиль слоя Наложение узора (Pattern Overlay): Установите следующие настройки:

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Непрозрачность (Opacity): 60%
  • Узор (Pattern): Текстура стены

Шаг 3

Таким образом, мы добавили нежную текстуру на задний фон.

3. Создаём Текст

Шаг 1

С помощью инструмента Горизонтальный текст (Horizontal Type Tool), создайте текст, используя шрифт Insaniburger. Каждая строчка текста должна быть на отдельном слое, если у вас больше одной строчки в тексте.

Шаг 2

В этом уроке также используются различные размеры шрифтов. Для строчки с крупным текстом, установите размер шрифта на 150pt, а для второй строчки текста 100pt. Установите значение Трекинга (Tracking) на 75, чтобы избежать возможное наслоение обводки.

4. Создаём Рабочий Контур

Шаг 1

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

Шаг 2

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

5. Проводим Обводку Текста Кистью

Шаг 1

Откройте панель Кисть (Brush), для этого идём Окно - Кисть (Window > Brush). Выберите кисть, которую мы создали ранее. Установите следующие настройки кисти, которые указаны ниже:

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

Шаг 2

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

Шаг 3

Установите цвет переднего плана на #000000, а затем нажмите клавишу (Enter), чтобы выполнить обводку контура с помощью настроенной кисти.

6. Исправляем Наслоение Бобов

Шаг 1

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

Шаг 2

Выберите инструмент Ластик (Eraser Tool), чтобы удалить указанные участки.

Шаг 3

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

Шаг 4

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

7. Стилизуем Бобы

Шаг 1

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

  • Размер (Size): 7
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 117
  • Высота (Altitude): 58
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Непрозрачность (Opacity): 65%
  • Режим тени (Shadow Mode)
  • Цвет#aeaeae
  • Непрозрачность (Opacity): 15%
Тиснение (Bevel and Emboss)

Шаг 2

  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
Контур (Contour)

Шаг 3

  • Pattern: Текстура песка
  • Глубина (Depth): 50%
Текстура (Texture)

Шаг 4

  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Непрозрачность (Opacity): 70%
  • Цвет#ffffff
  • Метод (Technique): Точный (Precise)
  • Источник (Source): Из центра (Center)
  • Размер (Size): 16
Внутреннее свечение (Inner Glow)

Шаг 5

  • Цвет: #75b602

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

Наложение цвета (Color Overlay)

Шаг 6

  • Непрозрачность (Opacity): 20%
  • Размер (Size): 7
Тень (Drop Shadow)

Шаг 7

Итак, мы стилизовали обводку. Те же самые стили слоя будут использованы для других слоёв с бобами, единственное, для стиля слоя Наложение цвета (Color Overlay), мы поменяем цветовой оттенок.

Продолжаем урок, скопируйте стили слоя, для этого щёлкните правой кнопкой мыши по слою Обводка (Stroke) и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy Layer Style).

8. Заполняем Текст

Шаг 1

Создайте новый слой ниже слоя Обводка (Stroke), назовите этот слой Розовый 1 (Pink 1), или дайте любое другое название цвета, с которого вы хотите начать заливку текста. Название слоёв упростит их идентификацию, а добавление номеров поможет вам определить порядок слоёв, так как один и тот же цвет будет использоваться более одного раза для разных слоёв.

Для каждого слоя, который вы создадите далее, вам нужно щёлкнуть правой кнопкой мыши по слою и в появившемся окне, выбрать опцию Вклеить стиль слоя (Paste Layer Style). Вы также можете скопировать стиль слоя определённого цвета, а затем позже вклеить стиль слоя при создании нового слоя с тем же самым цветом.

Шаг 2

Дважды щёлкните по слою Розовый 1 (Pink 1), чтобы поменять цвет в стиле слоя Наложение цвета (Color Overlay) на #da296c. Вы можете вернуться назад и поменять цвет, как только вы увидите, как выглядят бобы после раскрашивания.

Шаг 3

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

Шаг 4

Далее, продолжайте добавлять новые слои, копировать / вклеивать стили слоя, менять цвет и распределять по всему тексту, пока вас не устроит результат. Ниже представлены слои и цвета, которые были использованы в этом уроке (сверху вниз):

  • Розвоый 3 (Pink 3) - #da296c
  • Зелёный 2 (Green 2) - #75b602
  • Фиолетовый 2 (Purple 2) - #4f2b3a
  • Жёлтый 2 (Yellow 2) - #ddc64b
  • Оранжевый 2 (Orange 2) - #ea9400
  • Фиолетовый  1 (Purple 1) - #4f2b3a
  • Жёлтый 1 (Yellow 1) - #ddc64b
  • Розовый 2 (Pink 2) - #da296c
  • Зелёный 1 (Green 1) - #75b602
  • Оранжевый 1 (Orange 1) - #ea9400
  • Розовый 1 (Pink 1) - #da296c

9. Добавляем Ещё Бобы

Шаг 1

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

Шаг 2

Выделите произвольно 3-4 слоя с бобами, а затем добавьте по одному бобу на каждый слой, как будто они высыпались из буквы.

Шаг 3

Сгруппируйте все слои с бобами, чтобы упорядочить слои в панели слоёв.

10. Создаём Рабочий Контур для Второй Строчки Текста

Шаг 1

Выберите инструмент Перо (Pen Tool) (P), в панели управления данного инструмента, установите режим на Контур (Path). Создайте новый слой поверх слоя со второй строчкой текста, назовите этот слой так же, как вы назвали слой с этим текстом.

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

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

Шаг 2

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

Шаг 3

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

Шаг 4

Как только вы создали контуры, отключите видимость слоя со вторым словом текста. Выберите инструмент Кисть (Brush Tool), скопируйте стиль слоя того цвета, которым вы хотите залить обводку контура, а затем вклейте стиль слоя к слою с контурами, который вы только что создали.

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

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

В этом уроке мы создали форму кисти в виде боба с помощью инструментов Эллипс (Ellipse Tool), Стрелка (Direct Selection Tool) и масштабирования

Далее, мы создали текст, используя различные размеры шрифтов. Настроили кисть, а затем выполнили обводку первой строчки текста. Затем мы поработали над обводкой, исправив наслоение бобов.

После этого, мы стилизовали обводку, придав бобам вид конфет. Мы скопировали стили слоя, а затем вклеили их к другим слоям, изменив цвет в стиле слоя Наложение цвета (Color Overlay), чтобы залить текст разноцветными бобами. Чтобы создать интересный эффект, мы открыли обводку для последней буквы, а затем добавили бобы различного цвета, чтобы создать ощущение высыпавшихся бобов.

Мы создали рабочий контур для второй строчки текста с помощью инструмента Перо (Pen tool), затем мы выполнили обводку и редактирование контура, используя те же самые шаги, которые вы предпринимали ранее.

Таким образом, используя одну и ту же кисть и стиль слоя, вы можете просто поиграть с цветами и с расположением бобов, и Вуаля .. у вас уже есть вкусный текст из мармеладных бобов!

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.