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

Создание Рождественского колокольчика в Adobe Illustrator

Ярослав Лазунов
28.11.2012
Цель Урока
создание векторного рождественского колокольчика

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

 

Одним из обязательных атрибутов Рождества являются колокольчики. Этой веселой и звонкой Рождественской традиции придерживаются во многих Европейских странах. В этом уроке мы научимся создавать векторный Рождественский колокольчик в Adobe Illustrator, используя 3D моделирование и несколько техник окрашивания, которые позволят выглядеть вашей иллюстрации профессионально. Этот учебный материал рассчитан на продвинутых пользователей, но, уверен, что и новички найдут здесь много полезной информации.

3D моделирование формы рождественского колокольчика в Illustrator

Шаг 1

Берем PenTool (P) и создаем два криволинейных пути, которые соответствуют внешней и внутренней поверхности колокольчика.

создаем два криволинейных пути
создаем два криволинейных пути

Шаг 2

При помощи PenTool (P) создадим вертикальную прямую линию. Применим к ней трапециевидный профиль и Round Capin в панели Stroke.

При помощи PenTool (P) создадим вертикальную прямую линию

Этот объект соответствует форме ручки колокольчика. Выделяем ручку, затем переходим Object > Expand Appearance. Берем ScissorsTool (C) и разрезаем форму в точках A и B, затем удаляем левую часть формы.

Желательно чтобы точки A, B и C лежали на одной вертикальной прямой. Вы можете выровнять их при помощи панели Align.

Шаг 3

Группируем все созданные объекты, затем переходим Object > 3D > Revolve… и устанавливаем параметры, указанные на рисунке ниже.

Векторная 3D модель колокольчика готова.

Шаг 4

Теперь, основываясь на форму модели, создадим обычные векторные объекты при помощи PenTool (P) и EllipseTool (L)

Создаем форму языка колокольчика.

Выделяем стержень языка и переходим Object > Path > OutlineStroke.

Шаг 5

Скроем часть стержня, которая не должна быть видимой. Копируем коричневый эллипс и вставляем его вперед (Command / Ctrl + C, Command / Ctrl + F)

Помещаем новый эллипс выше всех объектов, затем выделяем его и все объекты языка.  Переходим Object > Clipping Mask > Make или используем комбинацию горячих клавиш Command / Ctrl + 7.

Окраска рождественского колокольчика в Illustrator

Шаг 6

Заливаем форму ручки колокольчика линейным градиентом, который состоит из различных оттенков коричневого цвета. Светло-коричневые слайдеры в левой части градиента соответствуют рефлексу света от поверхности, на которой находится ручка. Светло-коричневый слайдер в правой части градиента соответствует участку ручки, который освещен прямыми лучами  от источника света.

Шаг 7

При помощи PenTool (P) создадим форму блика на верхней части ручки. Заливаем эту форму линейным градиентом, который состоит из двух оттенков коричневого цвета, затем применим к ней режим смешивания Screen в панели Transparency.

Я всегда настраиваю цвета после применения режима смешивания и скрытия краев (Command / Ctrl + H) для того чтобы ничего не мешало добиться нужного эффекта. Для смешивания цвета я использую режим HSB в панели Color.

Шаг 8

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

Создаем новую форму при помощи PenTool (P) и заливаем ее линейным градиентом, который состоит из нескольких оттенков коричневого цвета.

Шаг 9

Создадим эллипс и зальем его эллиптическим градиентом, который состоит из двух одинаковых желтых слайдеров. Установим для правого слайдера 0% прозрачности в панели Gradient.

Нарисуем при помощи PenTool (P) криволинейный сегмент, затем применим к нему треугольный профиль в панели Stroke.

Не снимая выделения с пути, переходим Object > Path > Outline Stroke. Заливаем полученный объект линейным градиентом и применяем режим смешивания Screen.

Шаг 10

    Создаем новый криволинейный сегмент. Применяем к нему треугольный профиль в панели Stroke, затем уменьшаем прозрачность и применяем режим смешивания Screen в панели Transparency.

Шаг 11

В этом шаге нашего урока по работе в Adobe Illustrator создадим Art Brush с мягкими краями. Создаем две окружности с заливкой коричневого цвета. Установим для нижней, большей из них 0% прозрачности.

Переходим Object > Blend > BlendOptions… и устанавливаем количество шагов в диалоговом окне. Теперь переходим Object > Blend > Make

Перетаскиваем созданный объект в панель Brushes и сохраняем новую кисть как Art Brush.

Выберите "Stretch Between Guides” и разместите направляющие, как показано на рисунке выше. Создадим два пути и применим к ним созданную кисть.

Шаг 12

Продолжаем создавать световые эффекты на металлической поверхности Рождественского колокольчика. Рисуем окружность с заливкой радиальным градиентом от желтого к черному цвету. Применим к этой окружности режим смешивания Screen.

Создадим форму блика. Заливаем этот объект линейным градиентом и применяем режим смешивания Screen.

Создаем эллипс, как это показано на рисунке ниже.

Выделяем его и окружность, созданную в этом шаге, затем переходим Object > ClippingMask > Make.

Шаг 13

Копируем форму боковой поверхности колокольчика и вставляем ее вперед. Помещаем эту форму выше всех объектов.

Выделяем эту форму и все объекты боковой поверхности колокольчика, затем используем комбинацию горячих клавиш Command / Ctrl + 7 для создания составного пути.

Шаг 14

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

Шаг 15

Создадим блики и тени на ободе колокольчика. Создаем прямоугольник с заливкой черно-белым линейным градиентом и применим к нему режим Screen.

Теперь создадим бленд объект, также как мы делали это в 11 шаге. Прошу заметить, что нижний объект имеет прозрачность 0%. Вы можете изменять форму объекта после создания бленда. Это поможет вам добиться нужного эффекта.

Теперь нам нужно спрятать выступающие части блика тени. Делаем это так, как и прежде, при помощи Clipping Mask.

Шаг 16

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

Шаг 17

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

Создаем две окружности с обводкой желтого цвета и применим к ним режим Screen.

Шаг 18

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

Ограничиваем объекты сферической поверхности при помощи Clipping Mask.

Шаг 19

Заливаем форму стержня линейным градиентом.

Создаем блик на стержне при помощи эллипса, залитого эллиптическим радиальным градиентом, к которому применяем режим Screen.

Шаг 20

Яркий блик на сферической поверхности создаем при помощи окружности залитой черно-белым радиальным градиентом, к которой применен режим Color Dodge.

Шаг 21

При помощи бленд объектов создадим падающие тени от пестика колокольчика.

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

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

Создадим еще один яркий блик на ободе колокольчика.

Шаг 22

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

Шаг 23

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

Теперь ограничим видимость этого объекта при помощи Clipping Mask по форме ленточки.

Шаг 24

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

Для осветления части отражения создадим окружность, залитую радиальным градиентом от темно-красного к черному цвету и применим к ней режим Screen.

Вы, наверное, заметили некоторую закономерность применения режимов смешивания? В действительности такая закономерность существует. Для осветления части объектов и для создания бликов используется режим Screen. Для получения очень ярких бликов  применяйте Color Dodge. Для затемнения части объекта и создания тени используйте режим Multiply.

Шаг 25

Нам осталось только сделать падающую тень от колокольчика. Она состоит из нескольких бленд объектов.

Для изменения формы бленд объектов вы можете использовать Pencil Tool (N). Ознакомиться с этой техникой вы можете в этом уроке .

Я понимаю, что это технически сложный урок, поэтому не стесняйтесь задавать вопросы в комментариях или на форуме сайта. Счастливых вам праздников!

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

 

Всего комментариев: 6
0
1  
Здравствуйте, Ярослав. Не могли бы Вы поподробней описать, как делали градиент ручки. У меня получается он с какими-то полосами, в чем секрет? Как ты его делал?

0
2  
Секрет в долгом юзании слайдерами и подборе цветов

0
3  
Я хочу добавить скриншот с рабочего стола. Как это сделать?

0
4  
По-моему, залить на какой-нибудь файлообменник, затем вставить ссылку, нажав на кнопку Изображение в меню комментария

0
5  
Выделяю боковую часть колокольчика, нажимаю градиент тул, провожу линейкой, и нивкакую. Градиент не ставится, что не так делаю?

0
6  
Так не пойму - нужно рисунок видеть. Можете дублировать этот вопрос на форуме, там картинки проще прикрепляются

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