Vectorboom
Уроки / Иллюстрации / Comments: 13

Создаем новогодний шар и праздничный фон в Adobe Illustrator

Ярослав Лазунов
05.12.2014
Цель Урока

В этом уроке мы научимся создавать оригинальный бесшовный паттерн, используя режим Draw Inside и Pattern Maker. В процессе создания шара мы будем использовать градиентные заливки и Opacity Mask. И наконец, для создания световых акцентов мы применим режим смешивания Color Dodge. С наступающими праздниками!

This article was originally published on Vectips.com in English. You can view the original article here...

Шаг 1

Создадим новый документ (File> New…). В открывшемся диалоговом окне выбираем цветовой режим -  RGB color.

Шаг 2

Приступим к созданию фона. Нарисуем пятиконечную и восьмиконечную звезды, используя Star Tool (для изменения числа лучей используйте стрелку вверх и вниз в момент создания формы). Цвет заливки или обводки не имеет никакого значения, просто старайтесь, чтобы все созданные объекты были приблизительно одного размера.

Шаг 3

Создадим две окружности одинакового размера при помощи Ellipse Tool (L), и поместим их, как показано на рисунке ниже. Выделяем обе окружности, затем нажимаем на Minus Front в панели Pathfinder.

Так мы создали форму месяца.

Шаг 4

При помощи Rectangle Tool (M) создадим два прямоугольника. При помощи Ellipse Tool (L) создадим окружность. Разместим три этих объекта, как показано на рисунке ниже. Выровнять объекты по горизонтали вам поможет панель Align.

Шаг 5

Нарисуем новый эллипс, затем сместим в сторону его правую точку, используя Direct Selection Tool (A).

Повернем этот объект на некоторый угол и разместим так, как показано ниже.

Не снимая выделения с этого объекта, берем Reflect Tool (O) и кликаем в центре одного из прямоугольников, удерживая клавишу Opt/Alt. В открывшемся диалоговом окне выбираем опцию Vertical, затем нажимаем на кнопку Copy.

Выделяем все объекты, созданные в 4-5 шаге, затем нажимаем Unite в панели Pathfinder. Форма подарочной коробки готова.

Шаг 6

Создадим окружность и прямоугольник с округленными углами при помощи Rounded Rectangle Tool. Выровняем оба объекта по горизонтали. Теперь объединим эти объекты в одну форму, нажав на Unite в панели Pathfinder. Мы создали форму новогоднего шараl.

Шаг 7

При помощи Pen Tool (P) создадим путь, состоящий из пяти прямолинейных сегментов, как это показано ниже.

Выделяем весь путь, берем Reflect Tool (O) и кликаем по верхней точке пути, удерживая клавишу Opt/Alt. В открывшемся диалоговом окне выбираем опцию Vertical, затем нажимаем на кнопку Copy.

Выделим верхние точки обоих путей и соединим их, используя комбинацию горячих клавиш Cmd/Ctrl + J. Нижние точки путей соединим при помощи Pen Tool (P). Форма елки готова.

Шаг 8

Выделяем одну из созданных форм и нажимаем на кнопку Draw Inside в панели Tools.

Теперь берем Line Tool (\) и создаем несколько прямолинейных сегментов, которые будут видны только внутри выделенной формы.

После того как необходимое количество линий будет создано, заливку объекта нужно отключить.

Подобным образом создайте множество линий внутри каждого объекта. Ширина обводки составляет 1px. Я использовал голубой цвет (R= 0; G= 191; B= 255).

Шаг 9

Выделяем все объекты, затем переходим Object > Pattern > Make. Дублируем объекты несколько раз, размещая их на некотором расстоянии друг относительно друга. Некоторые объекты могут быть повернуты. В промежутках между объектами создаем окружности и звездочки. После того как вид бесшовного паттерна вас устроит, нажимаем на кнопку Done, которая расположена ниже панели Control.

Шаг 10

Создадим прямоугольник, размер которого соответствует размеру вашей рабочей области. Заливаем прямоугольник синим цветом (R= 0; G= 88; B= 148).

Добавим новую заливку к прямоугольнику, нажав на соответствующую кнопку в панели Appearance (Window > Appearance). Применяем к новой заливке паттерн, созданный в предыдущем шаге.

Шаг 11

Уменьшим непрозрачность верхней заливки до 35% в панели Appearance.

Создадим еще одну заливку прямоугольника в панели Appearance и применим к ней линейный градиент, который содержит несколько белых и серых слайдеров. Установим для градиента угол -30 градусов.

Применим к верхней заливке режим смешивания Multiply.

Шаг 12

Приступим к созданию новогоднего шара. Нарисуем окружность, затем применим к ней радиальный градиент, который содержит белый цвет и три оттенка красного цвета(1 (R= 223; G= 0; B= 0), 2 (R= 94; G= 0; B= 0), 3 (R= 223; G= 0; B= 0) слева направо).

Шаг 13

Создадим прямоугольник, залитый линейным градиентом, который содержит белый цвет и четыре оттенка красного цвета (1 (R= 223; G= 0; B= 0), 2 (R= 223; G= 0; B= 0)и 3 (R= 94; G= 0; B= 0) и 4 (R= 223; G= 0; B= 0) слева направо).

Шаг 14

Создадим выше еще один прямоугольник (Cmd/Ctrl + C; Cmd/Ctrl + F). Округлим немного верхние углы этого объекта и зальем его черно-белым радиальным градиентом, как это показано на рисунке ниже.

Выделяем оба прямоугольника и нажимаем Make Mask в панели Transparency.

Opacity Mask позволила нам создать плавный переход между поверхностями шара.

Шаг 15

Создадим по обе стороны верхней части шара два вертикальных прямолинейных сегмента. Установим в панели Stroke подходящую ширину и выберем рпцию Round Cap.

Выделяем оба сегмента, затем переходим Object > Blend > Make, затем переходим Object > Blend > Blend Options…, выбираем Specified Distance и подбираем величину, которая в моем случае равна 10px.

Шаг 16

Переходим Object > Blend > Expand, затем Object > Path > Outline Stroke.

Нажимаем Unite в панели Pathfinder.

Шаг 17

Выделяем верхнюю часть шара и черную форму, затем берем Shape Builder Tool и кликаем по части формы, которая выходит за пределы формы шара, удерживая Opt/Alt. Это действие приведет к удалению выбранной части.

Заливаем полученную форму линейным градиентом, который содержит белый цвет и четыре оттенка желтого цвета (1 (R= 163; G= 123; B= 2), 2 (R= 223; G= 186; B= 0)и 3 (R= 94; G= 67; B= 0) и 4 (R= 223; G= 186; B= 0) слева направо).

Шаг 18

Копируем форму крепления и вставляем ее назад (Cmd/Ctrl + C; Cmd/Ctrl + B). Сдвигаем новый объект немного вниз. Заливаем его серым цветом и применяем режим смешивания Multiply в панели Transparency.

Так мы создали падающую тень от крепления шара.

Шаг 19

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

Шаг 20

Создадим окружность с заливкой радиальным градиентом от белого к черному цвету. Применим к этой окружности режим смешивания Color Dodge.

Используя такие объекты, мы можем создать блики в разных местах фона и на шаре.

Шаг 21

Превратим один из таких объектов в эллипс, деформировав его при помощи Selection Tool (V).

Не снимая выделения с эллипса, переходим Object > Transform > Rotate…. В открывшемся диалоговом окне устанавливаем угол 60 градусов и нажимаем на кнопку Copy.

Теперь для повторения последнего действия используем комбинацию горячих клавиш Cmd/Ctrl + D.

Таким образом, мы создали блик в виде звездочки на краю шара.

Шаг 22

Нам осталось только при помощи Type Tool (T) создать надпись на шаре. Для этих целей я использовал Freehand521 BT font.

С наступающим Новым Годом и Рождеством!

А я напоминаю вам, что недавно был опубликован премиальный урок - Создаем рождественскую открытку в Adobe Illustrator

Всего комментариев: 13
0
1  
Спасибо за урок! Шаг 17 не получается (удаляется всё). Сделал его до Make Mask.

0
3  
Да, вы правы - это мой хомут

0
2  
Спасибо большое за урок! было очень интересно! biggrin

0
4  
И вам спасибо!

0
5  
Здравствуйте Ярослав! Делала симлесс на основе Вашего урока и уткнулась в проблему, вернее в проблемы. 
 Не пойму как редактировать симлесс для стоков, чтобы он получался полноценным, правильным симлессом. Вот я сделала симлесс в Pattern Create, нажала Done. Образец симлесса оказался в панели swatches. Я перетаскиваю узор из панели swatches на рабочую поверхность, Добавляю квадрат с цветом(в размер узора), ставлю назад. Потом нижний квадрат (не с цветом)) копирую и перемещаю вперед, делаю Clipping Mask. Результат Узор разбит на цветовые квадраты. Фигура напр. круга, заливается квадратом. Делала и так, нижний не окрашенный квадрат перемещала вперед и выделив все обрезала Crop. Результат тот же. Не пойму, что я делаю не так. Помогите пожалуйста.
С уважением, Хильд.

0
6  
Прямоугольник без заливки и обводки размером с плитку должен находиться в самом низу стопки

1
7  
Да, так и есть, прямоугольник без заливки и обводки размером с плитку в конце стопки.  Чей-то я намудрила, а что не пойму:cranky: .

0
8  
Спасибо за урок) Долго сидел, чтобы выпуклость шара, там где (золотой) крепеж, органично соеденялся с самим шариком. )) Урок классный.

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

1
10  
Как я уже писал в комментариях выше - да, это моя ошибка. Удалить часть формы нужно до создания Opacity Mask

0
11  
Спасибо, всё получилось.
Что ошибка я видел, а вот как правильно не додумался. Зелёный ещё smile
Спасибо за урок! Почерпнул пару приёмов для себя!

0
12  


хороший урок, как всегда узнала много нового ))

0
13  
Я как всегда искренне рад за вас

Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.