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

Как создавать векторную стеклянную бутылку пива в Adobe Illustrator

Ярослав Лазунов
12.11.2012
Цель Урока
урок иллюстратор - создание векторной ривной бутылки

 

 

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

 

 

 

 

В этом уроке мы научимся создавать векторную стеклянную бутылку пива в Adobe Illustrator. Многие начинающие дизайнеры испытывают некоторые трудности при создании стеклянных объектов. На мой взгляд, в этом нет ничего сложного, так как стеклянные объекты имеют блики и тени с резкими границами, которые очень легко создать, используя Illustrator. Для создания формы бутылки мы будем использовать 3D моделирование и другие несложные векторные техники.

Шаг 1

При создании векторных иллюстраций вы можете использовать объекты реального мира. Это может быть фотография, сделанная вами или найденная в интернете. Я не призываю вас нарушать авторские права. Вы просто должны изучить объект, который хотите воспроизвести. Уделите внимание его форме. Подумайте над тем, почему вы воспринимаете его объемным. Посмотрите, как свет распределяется по его поверхности. Иногда требуется изучить десятки и сотни фотографий, для того чтобы понять природу объекта. Сегодня мы создадим стеклянную пивную бутылку, давайте посмотрим на их разнообразие.

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

Найдите фотографию бутылки, где она расположена во фронтальной плоскости (или сделайте фотографию сами). Вставим фотографию в текущий документ (File > Place…). Теперь при помощи инструмента иллюстратора Pen Tool (P) создадим контур половины бутылки.

векторный контур половины бутылки

Шаг 2

Берем Scissors Tool (C) и разрезаем путь в точке A для того чтобы отделить крышку от стеклянной части бутылки.

отделить крышку от стеклянной части бутылки

Окрасим путь в разные цвета.

Окрасим путь в разные цвета

Группируем созданные объекты (Ctrl / Cmd + G).

Шаг 3

Выделяем группу, затем переходим Effect > 3D > Revolve… и устанавливаем параметры, указанные на рисунке ниже.

переходим Effect > 3D > Revolve

В процессе 3D моделирования вы можете моделировать освещение объекта одним или несколькими источниками света. Для этого нажмите на кнопку More Options в диалоговом окне и поэкспериментируйте с источниками света.

В процессе 3D моделирования вы можете моделировать освещение объекта одним или несколькими источниками света

Шаг 4

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

Вы также можете изменять положение бутылки в пространстве

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

продублируем полученный 3D объект

Шаг 5

В предыдущих шагах этого урока по работе в Adobe Illustrator мы создали только форму бутылки. Теперь нам предстоит трансформировать 3D объект в обычные векторные объекты, с которыми мы будем работать дальше. Я много раз описывал этот сложный процесс, например в уроке: Как создать рекламный ситилайт, используя Adobe Illustrator. Но, я думаю, намного проще воссоздать все формы при помощи Pen Tool (P), обводя 3D объект. Поверьте, это намного быстрее

нам предстоит трансформировать 3D объект

Шаг 6

    Перед окраской объектов я всегда создаю фон. Это помогает правильно подбирать цвета. Создаем прямоугольник при помощи Rectangle Tool (M) и заливаем его радиальным градиентом, который содержит разные оттенки синего цвета.

заливаем его радиальным градиентом, который содержит разные оттенки синего цвета

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

заливаем форму бутылки сложным градиентом

Шаг 7

Многие новички терпят неудачи, потому что они пытаются передать игру света на поверхностях объекта одной заливкой. На самом деле вы должны сначала задать общие тона объекта, а затем переходить к частностям. На этом основано все визуальное искусство, в том числе, и векторная графика. Копируем форму бутылки и вставляем ее вперед (Cmd / Ctrl + C; Cmd / Ctrl + F). Заливаем форму линейным градиентом от красного к белому цвету.

Заливаем форму линейным градиентом от красного к белому цвету

Применим к этой форме режим смешивания Multiply.

Применим к этой форме режим смешивания Multiply

Смотрите, наша векторная бутылка начинает приобретать объем. А мы просто затемнили ее левую часть. Белый цвет градиента стал прозрачным, а красный сделал левую часть бутылки более насыщенным после применения режима смешивания Multiply. Обычно для этих целей используют черно-белый градиент. Однако, использование цветного слайдера позволяет избежать «грязи».

Шаг 8

Создаем дно бутылки. Рисуем эллипс при помощи Ellipse Tool (L) и заливаем его радиальным градиентом от черного к темно-красному цвету.

Создаем дно бутылки

Теперь создаем свечения на стекле бутылки. Рисуем окружность, затем заливаем ее радиальным градиентом от оранжевого к черному цвету и применяем режим смешивания Screen. Теперь трансформируем окружность в эллипс при помощи Selection Tool (V)

Создаем дно бутылки

Создадим подобное свечение еще в двух местах.

Создадим подобное свечение еще в двух местах

Шаг 9

Копируем форму бутылки и вставляем ее вперед (Cmd / Ctrl + C; Cmd / Ctrl + F), затем помещаем копию выше всех созданных объектов (этот объект для наглядности залит серым цветом).

Копируем форму бутылки и вставляем ее вперед

Выделяем верхнюю форму бутылки и все эллипсы, затем переходим Object > Clipping Path > Make (Cmd / Ctrl + 7)

Выделяем верхнюю форму бутылки и все эллипсы

Шаг 10

Копируем форму бутылки и вставляем ее вперед. Располагаем этот объект выше всех созданных объектов. Переходим Object > Path > Offset Path… и устанавливаем величину смещения.

Выделяем обе серые формы, затем нажимаем на Minus Front в панели Pathfinder.

Выделяем обе серые формы, затем нажимаем на Minus Front в панели Pathfinder

Заливаем полученный составной путь черным цветом.

Заливаем полученный составной путь черным цветом.

Шаг 11

Добавляем новые точки к внутренней части этого пути и перемещаем их при помощи Direct Selection Tool (A). В результате этой работы вы должны получить результат, показанный на рисунке ниже.

Добавляем новые точки к внутренней части этого пути и перемещаем их

Шаг 12

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

Приступим к созданию пузырей в горлышке бутылки

Копируем эллипсы и вставляем их назад (Cmd / Ctrl + C; Cmd / Ctrl + B). Отключим stroke у нижних эллипсов и зальем их черно-белым радиальным градиентом (видимость верхних эллипсов для наглядности отключена)

Приступим к созданию пузырей в горлышке бутылки

Шаг 13

Группируем нижние эллипсы, затем применим к группе режим смешивания Multiply в панели Transparency.

Расширим области радиальных градиентов при помощи Gradient Tool (G)

При помощи Pen Tool (P) создадим форму, показанную на рисунке ниже.

Шаг 14

Выделяем эллипсы и форму черного цвета, затем удаляем нижнюю часть черной формы при помощи Shape Builder Tool (Shift + M), удерживая Opt / Alt key

Включаем видимость верхних эллипсов.

Шаг 15

Берем Scissors Tool (C) и разрезаем верхние эллипсы в точках их пересечения.

Уменьшаем толщину сегментов, которые находятся внутри пузырей. Группируем все объекты пузырей и помещаем их в горлышко бутылки.

Шаг 16

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

Используя эту технику, создадим остальные блики на бутылке.

Шаг 17

Переходим к раскраске крышки. Заливаем ее форму линейным градиентом, который содержит оттенки желтого и светло-коричневого цвета.

При помощи Rounded Rectangle Tool создаем прямоугольник и заливаем его линейным градиентом, который состоит из двух оттенков желтого цвета.

Шаг 18

    Теперь при помощи Pen Tool (P) создадим форму с заливкой коричневым цветом, как это показано на рисунке ниже.

Группируем эти объекты, затем смешаем группу вправо, удерживая клавиши Shift + Opt / Alt, что приведет к ее дублированию.

Используем Cmd / Ctrl + D  несколько раз, для того чтобы повторить последнее действие.

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

Шаг 19

Выделяем все зубцы крышки, затем переходим Object > Envelope Distort > Make with Mesh… и устанавливаем количество строк и столбцов в диалоговом окне.

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

На этом наш урок закончен. Теперь векторная бутылка пива выглядит так.

 

 

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

 

 

 

 

Будьте всегда в курсе свежих новостей о векторной графике, новых уроков   работы в Adobe Illustrator, статей и интервью посвященных графическому   дизайну. Команда RU.Vectorboom работает для Вас!

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