Как Создать Символическую Ленточку в Adobe Illustrator для Всемирного дня Борьбы со СПИДом

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

Final product image — What You'll Be Creating

1 декабря — Всемирный день борьбы со СПИДом, день, в который мы выражаем солидарность в борьбе против СПИДа с помощью милосердия и осознания. Я со своей стороны, приготовила урок по созданию символической ленточки, которую вы можете использовать не только, как знак надежды в борьбе против СПИДа, но также для других графических работ, где вам нужно использовать такую ленточку. Приступим!

Если вы хотите использовать в работе векторный стоковый файл, подобный тому, что мы будем делать, посмотрите вектора на тему AIDS Awareness Red Ribbon на Envato Market и следуйте шагам урока, что бы внести свои изменения и создать свою символическую ленточку для какого-то другого случая.

1. Создайте Ленточку

Шаг 1

Начнем с создания Нового Документа в Adobe Illutstrator CC (или другой версии, которой вы пользуетесь). Используя инструмент Прямоугольник (М) (Rectangle Tool), нарисуйте маленький прямоугольник. В панели Оформление (Appearance), зайдите в Эффекты > Деформация > Дуга (Effects > Warp > Arch) и примените следующие установки:

По Горизонтали
Изгиб: 79 %
Искажение по горизонтали: 0%
Искажение по вертикали: 12%

Шаг 2

Разберите ваш деформированный объект, зайдя в Объект > Разобрать Оформление (Object > Expand Appearance). Используйте инструмент Выделение (V) (Selection Tool), чтобы немного сплющить форму. Это будет перегибом ленты.

curve the rectangle and expand the object

Шаг 3

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

Draw one side of the ribbon with the pen tool

Шаг 4

Копируйте (Control-C) и Вставьте (Control + V) левую часть ленты. Отразите ее относительно Вертикальной оси, что бы сформировать правую часть ленточки и выровняйте ее с верхней изогнутой частью, как на рисунке ниже.

Copy and Paste one ribbon side to form the other

Шаг 5

Используйте инструмент "Перо +" (+) (Add Anchor Point Tool), что бы добавить опорную точку внизу в середине левой и правой частей ленточки. Используйте инструмент Прямое Выделение (А) (Direct Selection Tool), что бы сдвинуть только что созданные опорные точки внутрь, чтобы сформировать вырезы.

2. Отрисовка Ленты

Шаг 1

Выберите маленький искривленный объект и откройте панель Градиент, что бы добавить Линейный градиент к форме. Я добавила пять узлов для трех цветов к объекту. Значения в узлах следующие:

#5C0404
#ED1C24
#F37359
#ED1C24
#6B2326

Render the ribbons fold with a linear gradient

Шаг 2

В панели Слои, я поместила ленточку, которая идет с права налево, поверх двух других форм. Примените Линейный Градиент к этой форме со следующими цветами:

#BE2127
#ED1C24
#F2674D
#ED1C24
#921518

Используйте инструмент Градиент (G), что бы изменить угол градиента. Я установила 54.7 градуса.

render the ribbon with a linear gradient

Шаг 3

Выберите третий, последний объект и примените к нему другой Линейный Градиент со следующими цветами:

#BE2127
#ED1C24
#F26762
#ED1C24
#811F21
#EE3524

Используйте инструмент Градиент (G), что бы изменить угол градиента. Я установила -24.6 градусов.

create shadows and highlights with a linear gradient

Шаг 4

Сгруппируйте (Control-G) вместе все три формы ленточки и в панели Оформление зайдите в Эффекты > Стилизация > Тень (Effects > Stylize > Drop Shadow ), и введите в окне для Тени следующие параметры:

Режим: Умножение
Непрозрачность: 30%
Сдвиг по оси X: 7 px
Сдвиг по оси Y: -3 px
Размытие: 6 рх
Цвет: #44383B

Apply a drop shadow to the ribbon object

Шаг 5

Нарисуйте большой прямоугольник на всю Монтажную Область и поместите его позади ленточки. Примените к объекту Радиальный Градиент, идущий от цвета #F3F0E1 к цвету #353542. Используйте инструмент Градиент, что бы настроить радиус градиента, как считаете нужным.

add a radial gradient to the background shape

3. Перекрасьте Ленточку

Шаг 1

Перекрасить ленточку очень просто. Выберите ленту и зайдите в меню Редактирование > Редактирование Цвета > Перекрасить Графический Объект (Edit > Edit Colors > Recolor Artwork). Нажмите на пипетку в панели Перекрасить Графический Объект, что бы быть уверенным, что вы выбрали все цвета выделенного объекта.

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

Quickly recolor artwork by replacing colors

Шаг 2

Быстро и просто вы можете перейти от ленточки символизирующей Международный День Борьбы со СПИДом к ленточке символизирующей Осведомленность о Раке Груди или символизирующей что-то другое.

Quickly and easily you can go from a World AIDS Day ribbon to a Breast Cancer Awareness ribbon or whatever sort of awareness ribbon you may need to create

Отличная Работа, Вы Справились!

Вот вы и закончили свою символическую ленточку, какую ленточку вы еще захотите создать? Как на счет комбинации цветных полосок? Делитесь своими символическими ленточками в комментариях ниже!

Если вам нравится работать с векторными стоковыми файлами, подобными тому что мы создали в этом уроке, посмотрите вектора на тему AIDS Awareness Red Ribbon на Envato Market и следуйте шагам урока выше, что бы внести свои изменения и создать свою символическую ленточку для какого-то другого случая.