Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Layer Styles
Design

Создаём Текст в ритмах Бразилии в программе Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

В этом уроке я покажу вам, как создать текст, навеянный ритмами Бразилии в программе Photoshop, используя стили слоя с узором, который мы создадим. Вы также узнаете про основы работы с инструментами Перо (Pen Tool) и Угол (Convert Point Tool), включая горячие клавиши, которые я использую каждый день.

Если вам нравится этот текстовый эффект, но вы хотите пропустить этот урок, то вы можете приобрести набор Стилей Разных Стран на сайте GraphicRiver.

Promo Image
Стили Разных Стран

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

Следующий шрифт был использован в этом уроке:

  • Шрифт Ash

1. Создаём Узор

Шаг 1

Скачайте архив в приложении к этому уроку, а затем откройте исходное изображение с узором в программе Photoshop.   Если вы уже знаете, как работать с инструментом Перо (Pen Tool) и хотите пропустить шаги с ознакомлением, то вы можете использовать уже готовый узор, просто откройте его в программе Photoshop и сразу переходите к Шагу 12.

A draft of the pattern

Шаг 2

Нажмите клавиши (Ctrl+Shift+N), чтобы создать новый слой, назовите этот слой Фигура 1 (Shape 1). Далее, выберите инструмент Перо (Pen Tool (P), чтобы приступить к рисованию.

Pen tool and a new layer

Шаг 3

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

Существует множество способов, как использовать режим Фигура (Shape Tool). Я собираюсь показать вам, как создать одну фигуру, используя очень простую технику, а затем вы можете использовать эту же технику для создания других фигур. Примечание переводчика: если вы работаете в более ранней версии программы Photoshop, то в панели управления инструмента Перо (Pen Tool), используйте режим Слой-фигура (Shape-Layer). 

Чтобы лучше видеть, что мы рисуем, нам необходимо поменять цвет фигуры. Т.к. инструмент Перо (Pen Tool) у нас активен, поменяйте цвет Заливки (Fill) на синий #130eef. Далее, перейдите на слой Фигура 1 (Shape 1), чтобы уменьшить значение Непрозрачности (Opacity) слоя до 50%.

Changing the color of the fill

Шаг 4

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

Drawing a shape

Шаг 5

Теперь, выберите инструмент Угол (Convert Point Tool), далее, выделите опорную точку, которая расположена на изгибе, но не выделяйте те точки, которые расположены в острых углах. Ваша фигура не должна быть похожа на оригинальный узор на 100%, потому что это абстракция, но всё равно, постарайтесь приблизиться к оригиналу.

Ниже я привёл несколько советов для выполнения этого шага.

  • Если вам нужно сместить опорную точку, то удерживая клавишу (Ctrl), щёлкните по опорной точке, а затем зажав её, сместите в более подходящую позицию.
  • Чтобы удалить лишнюю опорную точку, вам нужно переключиться на инструмент Перо (Pen Tool (P), а затем щёлкнуть по выбранной лишней точке. Чтобы добавить новую точку, просто щёлкните Пером (Pen Tool) там, где вам нужна новая точка.
  • Чтобы выбрать нужную опорную точку, удерживая клавишу (Ctrl), щёлкните по ней инструментом Угол (Convert Point Tool). То же самое касается инструмента Перо (Pen Tool (P).
  • Если вы выделите опорную точку, то появятся два рычага. Удержание клавиши (Alt) поможет вам сместить и изменить только один рычаг.
Refining the shape with the Convert Point Tool

Шаг 6

После того, как все фигуры будут созданы, поменяйте значение Непрозрачности (Opacity) для каждого слоя с фигурой на 100%.

Changing the opacity of the layers to 100

Шаг 7

Создайте новый слой, назовите этот слой BG. Сместите этот слой вниз, расположив ниже всех слоёв с фигурами.

Creating a new background

Шаг 8

Поменяйте цвет переднего плана на #e2e2e2, а затем нажмите клавиши (Alt+Backspace), чтобы залить слой BG выбранный оттенком.

Changing the foreground color and applying it to the image

Шаг 9

Ещё раз выберите инструмент Перо (Pen Tool (P), чтобы поменять цвет фигур на нужный цвет. Вы можете использовать оригинальное изображение с узором и инструмент Пипетка (Eyedropper Tool) для отбора образцов цветовых оттенков или использовать цветовые оттенки, которые указаны на скриншоте ниже. Перейдите на слой с фигурой, цвет которой вы хотите изменить, а затем просто поменяйте цвет, как в Шаге 3. Примечание переводчика: вы можете преобразовать слои с фигурами в смарт-объекты, а затем, удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с фигурой, чтобы загрузить активное выделение, далее с помощью кисти и заливки, закрасьте фигуру нужным оттенком.

Colors of the shapes

Шаг 10

Выделите все слои за исключением слоя Задний фон (Background), а затем нажмите клавиши (Ctrl+G), чтобы сгруппировать их в одну группу.

Selecting all layers and grouping them

Шаг 11

Находясь на слое с группой, нажмите клавиши (Ctrl+Alt+Shift+E), чтобы создать объединённый слой. Назовите этот объединённый слой Базовый узор (Base Pattern), а затем отключите видимость остальных слоёв, для этого щёлкните по глазку рядом с каждой миниатюрой слоя.

Merging the layers

Шаг 12

Идём Изображение - Размер холста (Image > Canvas Size), поменяйте значение Ширины (Width) на 512 px.

Changing the canvas size

Шаг 13

Выберите инструмент Перемещение (Move Tool (V), чтобы сместить слой Базовый узор (Base Pattern) на 128 px влево.

Moving the layer

Шаг 14

Продублируйте слой Базовый узор (Base Pattern) для этого нажмите клавиши (Ctrl+J). Далее, нажмите клавиши (Ctrl+T) для активации инструмента Свободная трансформация (Free Transform). Сместите дубликат слоя на 256 px вправо. После этого, щёлкните правой кнопкой по области трансформирования и в появившемся окне, выберите опцию Отразить по горизонтали (Flip Horizontal), а затем нажмите клавишу (Enter).

Duplicating a layer and moving the copy

Шаг 15

Выделите слой Базовый узор (Base Pattern) и дубликат слоя Базовый узор (Base Pattern copy), а затем нажмите клавиши (Ctrl+E), чтобы объединить их. Далее, назовите объединённый слой Основа (Base).

Selecting the layers and merging them

Шаг 16

Идём Изображение - Размер холста (Image > Canvas Size), поменяйте значение Высоты (Height) на 994 px.

Changing canvas size again

Шаг 17

Сместите слой Основа (Base) вниз на 249 px. Далее, продублируйте слой Основа (Base). Нажмите клавиши (Ctrl+T), чтобы ещё раз активировать инструмент Свободная трансформация (Free Transform). После этого, щёлкните правой кнопкой по области трансформирования и в появившемся окне, выберите опцию Отразить по вертикали (Flip Vertical). Далее, сместите дубликат слоя Основа (Base copy) вверх на 497 px и влево на 256 px, а затем нажмите клавишу (Enter).

Moving the layer and flipping it

Шаг 18

Теперь продублируйте дубликат слоя Основа (Base copy), а затем сместите полученный дубликат слоя вправо на 512 px.

Moving a copy of the layer

Шаг 19

Идём Редактирование - Определить узор (Edit > Define Pattern). Дайте название узору Абстрактный Узор Бразилия (Abstract - Brazil Pattern), а затем нажмите кнопку 'OK'. После этого, сохраните и закройте документ.

Saving the pattern

2. Создаём Стиль Слоя

Шаг 1

Идём Файл - Открыть (File > Open), чтобы открыть исходное изображение с задним фоном, которое находится в архиве.

Background image

Шаг 2

Выберите инструмент Горизонтальный текст (Type Tool (T). Напишите слово BRAZIL, используя шрифт Ash.

Background image with BRAZIL written on it

Шаг 3

Щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне, выберите опцию Параметры наложения (Blending Options), чтобы применить Стили слоя (Layer Style).

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Стиль.(Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 1000%
  • Направление (Direction): Вниз (Down)
  • Размер (Size): 250 px
  • Смягчение (Soften): 0 px
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 90º
  • Высота (Altitude): 50º
  • Контур глянца (Gloss Contour): выберите контур Brazil Contour из архива (zip файл)
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Осветление (Screen)
  • Цвет подсветки (Highlight Color): #ffffff
  • Непрозрачность подсветки (Highlight Opacity): 93%
  • Режим тени (Shadow Mode): Умножение (Multiply)
  • Цвет тени (Shadow Color): #0084ff
  • Непрозрачность тени (Shadow Opacity): 100%
Bevel and Emboss settings

Шаг 4

Добавьте стиль слоя Обводка (Stroke) со следующими настройками:

  • Размер (Size): 1 px
  • Положение (Position): Внутри (Inside)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • уберите галочку в окошке: Отдельный оттиск (Overprint)
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Стиль (Style): Линейный (Linear)
  • уберите галочку в окошке: Инверсия (Reverse)
  • Поставьте галочку в окошке: Выровнять по слою (Align with Layer)
  • Угол (Angle): -90º
  • уберите галочку в окошке: Дизеринг (Dither)
  • Масштаб (Scale): 100%

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

  • Первая контрольная точка цвета#106a00
  • Позиция первой контрольной точки цвета: 0%
  • Вторая контрольная точка цвета#7cdc00
  • Позиция второй контрольной точки цвета: 49%
  • Третья контрольная точка цвета#ffffff
  • Позиция третьей контрольной точки цвета: 100%
Stroke settings

Шаг 5

Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:

  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Цвет (Color): #000000
  • Непрозрачность (Opacity): 88%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 90º
  • Смещение (Distance): 0 px
  • Стягивание (Choke): 12%
  • Размер (Size): 21 px
  • Контур (Contour): Linear
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Шум (Noise): 0%
Inner Shadow settings

Шаг 6

Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:

  • Режим наложения (Blend Mode): Линейный осветлитель (Добавить) (Linear Dodge (Add)
  • Непрозрачность (Opacity): 48%
  • Шум (Noise): 0%
  • Цвет (Color): #ffffbe
  • Метод (Technique): Мягкий (Softer)
  • Источник (Source): На краях (Edge)
  • Стягивание (Choke): 0%
  • Размер (Size): 5%
  • Контур (Contour): Linear
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 50%
  • Колебание (Jitter): 0%
Inner Glow settings

Шаг 7

Добавьте стиль слоя Наложение градиента (Gradient Overlay) со следующими настройками:

  • Режим наложения (Blend Mode): Яркий свет (Vivid Light)
  • Уберите галочку в окошке: Дизеринг (Dither)
  • Непрозрачность (Opacity): 100%
  • Уберите галочку в окошке: Инверсия (Reverse)
  • Стиль (Style): Линейный (Linear)
  • Поставьте галочку в окошке: Выровнять по слою (Align with Layer)
  • Угол (Angle): 90º
  • Масштаб (Scale): 100%

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

  • Первая контрольная точка цвета#00688e
  • Позиция первой контрольной точки цвета: 0%
  • Вторая контрольная точка цвета#ffde00
  • Позиция второй контрольной точки цвета: 51%
  • Третья контрольная точка цвета#53ba00
  • Позиция третьей контрольной точки цвета: 100%
Gradient Overlay settings

Шаг 8

Добавьте стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Узор (Pattern): Выберите узор, который мы создали Абстрактный Узор Бразилия (Abstract - Brazil Pattern)
  • Масштаб (Scale): 25%
  • Поставьте галочку в окошке: Связать со слоем (Link with Layer)

На этом этапе, мы можете сместить окно Стилей Слоя (Layer Style) в сторону, а затем щёлкните левой кнопкой мыши по изображению, далее, зажав левой кнопкой мыши узор, сдвиньте его. Примечание переводчика: вы можете сместить узор в любую точку рабочего холста.

Pattern Overlay settings

Шаг 9

Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Цвет (Color): #00233a
  • Поставьте галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 90º
  • Смещение (Distance): 4 px
  • Размах (Spread): 52%
  • Размер (Size): 3 px
  • Контур (Contour): Linear
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Шум (Noise): 0%
  • Поставьте галочку в окошке: Слой выбивает тень (Layer Knocks Out Drop Shadow)
Drop Shadow settings

Шаг 10

Теперь, щёлкните по кнопке Новый стиль (New Style), чтобы сохранить данный стиль слоя. Дайте название стилю Стиль Слоя Бразилия (Brazil Layer Style), а также поставьте галочки в окошках Включает эффекты слоя (Include Layer Style Effect) и Включает параметры наложения слоя (Include Layer Blending Options). После этого, нажмите кнопку 'OK' и закройте окно Стилей слоя (Layer Style).

Saving the layer style

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

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

Надеюсь, что вам понравился этот урок, не стесняйтесь оставлять свои комментарии к уроку.

Result of the tutorial

Текстовый эффект, который мы только что создали - это часть Стилей Разных Стран.

Promo image
Стили Разных Стран
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.