Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Day of the Dead

Создаём Текст ко Дню Мёртвых в Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

День Мёртвых (Día de Muertos) - это мексиканский праздник, когда празднуют и чтят дух и память о друзьях и членах семьи, которые умерли. Маргаритка - это традиционный цветок, используемый в праздновании Дня Мёртвых, а также в украшении Сахарных Черепов, которые являются самым популярным символом этого дня.

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

Если вы хотите приобрести графику, векторы или шаблоны (в дополнение к вашей работе над текстовым эффектом), то полезную коллекцию исходных материалов ко Дню Мёртвых вы сможете найти на GraphicRiver.

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

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

1. Создаём Базовые Направляющие Линии

Шаг 1

Создайте новый документ со следующими размерами 500 x 500px, а затем выберите инструмент Линия (Line Tool).

Установите цвет переднего плана на красный цвет, в панели управления данного инструмента, установите Толщину (Weight) линии на 1.

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

Create a Line

Шаг 2

Продублируйте слой с фигурой линии, а затем поверните дубликат слоя с линией на 60° против часовой стрелки (60° counter-clockwise).

Rotate the Line

Шаг 3

Продублируйте дубликат слоя с линией, а затем ещё раз поверните данный дубликат слоя с линией на 60° против часовой стрелки (60° counter-clockwise).

Create One More Line

Шаг 4

Выделите все слои с фигурами линий, а затем идём Слой- Объединить фигуры (Layer > Merge Shapes), теперь поверните объединённые фигуры на 30° по часовой стрелке (30° clockwise). Вы можете сохранить данный слой с помощью замочка, как только завершите.

Rotate the Lines

Шаг 5

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

В панели управления, поменяйте Цвет заливки (Fill Color) на белый, Цвет обводки (Stroke Color) на чёрный, а затем щёлкните по значку Установить Тип обводки фигуры (Set shape stroke type), чтобы поменять Выравнивание (Align) на Внешнее (Outside).

Center Ellipse Settings

2. Создаём Лепестки

Шаг 1

Выберите инструмент Перо (Pen Tool), выберите режим Фигура (Shape) в панели управления, установите Цвет заливки (Fill Color) на белый, а Цвет обводки (Stroke Color) на чёрный, а также установите Размер (Size) на 7.

Что вам нужно сделать далее – это создать базовую фигуру лепестка.

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

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

Create the Basic Petal Shape

Шаг 2

Как только вы создадите базовую фигуру, вы можете выбрать инструмент Стрелка (Direct Selection Tool), а затем щёлкните /потяните за опорные точки, чтобы изменить из положение.

Move the Anchor Points

Шаг 3

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

Не торопитесь, поработайте над формой лепестка, пока вас не устроит результат.

Move the Anchor Points Handles

Шаг 4

Выберите инструмент Добавить опорную точку (Add Anchor Point Tool), а затем добавьте четыре опорные точки, как показано на скриншоте ниже.

Add Anchor Points

Шаг 5

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

Create the Petals Jagged Edges

Шаг 6

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

Когда будут готовы все лепестки, выделите все их слои, а затем идём Слой- Объединить фигуры (Layer > Merge Shapes), чтобы поместить их все на один слой. Назовите этот слой Лепестки (Petals).

Merge the Petal Layers

3. Создаём Внутренние Линии

Шаг 1

Ещё раз выберите инструмент Перо (Pen Tool), установите Цвет заливки (Fill Color) на чёрный, а Цвет обводки (Stroke) на Нет цвета (None).

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

Нажмите клавишу ‘Esc’ после создания каждой линии, чтобы создать отдельную новую линию.

Create the Inner Lines

Шаг 2

Объедините все слои с фигурами линий в одни слой, назовите этот слой Линии (Lines).

Merge the Line Layers

4. Раскрашиваем и Стилизуем Цветок

Шаг 1

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

Change the Petals Fill Color

Шаг 2

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

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

Это поможет немного растушевать наши линии.

Lines with the Drop Shadow

Шаг 3

Дважды щёлкните по слою с фигурой с центральным эллипсом, чтобы применить стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки, которые указаны ниже:

  • Стиль (Style): Радиальный (Radial)
  • Масштаб (Scale): 110%
  • Щёлкните по шкале градиента, чтобы установить следующие цвета градиента: #ff9b2c слева и #ffe64a справа.
Gradient Overlay

Это поможет стилизовать сердцевину.

Styled Center

5. Растрируем Слои

Шаг 1

Сгруппируйте все слои с фигурами цветка, которые у вас есть, назовите эту группу по цвету цветка Розовый (Pink).

Продублируйте группу, назовите дубликат группы в соответствии с другим цветовым оттенком, который вы хотите использовать Фиолетовый (Purple), а затем залейте слой с фигурой лепестков оттенком названия слоя. Здесь я использовала фиолетовый цвет #a63a9d.

Change the Copy Petals Fill Color

Шаг 2

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

Create the Raster Layers

6. Стилизуем Листья

Шаг 1

Создайте новый документ со следующими размерами 1000 x 1000px, а затем выберите кисть Листья из исходного набора цветочных кистей Floral Brushes 2.

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

Add the Leaves Brush

Шаг 2

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

  • Размер (Size): 5
  • Цвет: #000000
Stroke

Шаг 3

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

Rasterize the Leaves Layer Style

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

Шаг 1

Создайте новый документ со следующими размерами 1024 x 845px, залейте фоновый слой (Background) цветовым оттенком #372535.

Create the Main Background

Шаг 2

Создайте текст заглавными буквами, используя шрифт Aka Posse, цвет текста #f2d27f.

Размер первой строчки текста 150 pt. Для второй строчки текста, вам нужно слегка увеличить размер шрифта—в данном случае 170pt—а также установите значение Трекинга (Tracking), примерно на 50.

Character Settings

Шаг 3

Продублируйте слой с текстом, расположите дубликат слоя ниже оригинального слоя, а затем щёлкните по дубликату слоя с текстом и в появившемся окне, выберите опцию Преобразовать в кривые (Convert to Shape).

Convert the Copy Text Layer into a Shape Layer

Шаг 4

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

  • Размер (Size): 5
  • Цвет: #000000
Stroke

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

Black Text Stroke

8. Создаём Обводку Слой-фигуры

Шаг 1

Перейдите на слой с фигурой текста, выберите инструмент Стрелка (Direct Selection Tool).

В настройках данного инструмента, поменяйте Заливку (Fil) на Нет цвета (None), Цвет обводки (Stroke Color) на #b77113, а Размер (Size) на 6. Далее, щёлкните по значку Установить Тип обводки фигуры (Set shape stroke type), а затем щёлкните по кнопке Дополнительные параметры (More Options).

Text Shape Layer Stroke Options

Шаг 2

Установите Выравнивание (Align) Из Центра (Center), Концы (Caps) на Круг (Round), Углы (Corners) на Срез (Miter), а также поставьте галочку в окошке Пунктирная линия (Dashed Line). Поменяйте первое значение Штриха (Dash) на 0, а первое значение Пробела (Gap) на 2.

Stroke Settings

Шаг 3

Это поможет нам создать пунктирную обводку. С помощью инструмента Перемещение (Move Tool), слегка сдвиньте пунктирную обводку вниз и влево.

Nudge the Dotted Stroke

Шаг 4

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

Copy Text Shape Stroke Settings

9. Добавляем Цветы и Листья

Шаг 1

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

Add One of the Flower Layers

Шаг 2

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

Create Clipping Mask

Шаг 3

Что вам нужно сделать далее – это выбрать инструмент Перемещение (Move Tool), удерживая клавишу (Alt), зажмите и перетащите цветочек, а затем отпустить кнопку мыши, чтобы продублировать цветок.

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

Duplicate the Flower

Шаг 4

Повторите все шаги, чтобы добавить цветки розового цвета.

Add the Second Flower

Шаг 5

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

Если хотите, то вы можете применить масштабирование, а также поворот к добавленным элементам, чтобы сделать эффект более динамичным.

Add the Leaves

10. Добавляем Гранжевую Текстуру

Шаг 1

Откройте исходную гранжевую текстуру, добавьте её на наш рабочий документ, расположив поверх всех остальных слоёв, примените масштабирование при необходимости, поменяйте режим наложения для слоя с текстурой на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) слоя до 65%.

Add the Grunge Texture

Шаг 2

В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Уровни (Levels).

Add a Levels Adjustment Layer

Шаг 3

Преобразуйте данный корректирующий слой в обтравочную маску к слою с гранжевой текстурой, для этого нажмите на значок Привязать к слою (Clip to layer), а затем поменяйте значение Света (Highlights) на 245, а значение Гаммы (Gamma) на 1.70. Это слегка осветлит текстуру.

Levels Settings

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

Final Outcome

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

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

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

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

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

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

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.