Как нарисовать 3D чашку в Adobe Illustrator

В сегодняшнем уроке мы будем рисовать чашку с применением множества различных эффектов, одним из которых является 3D Revolve. С помощью такого 3D эффекта Adobe Illustrator удобно создавать различные формы, которые в реальном мире получают посредством вращения. Например, на токарном станке или ещё где. Поэтому, чтобы нарисовать нашу чашку, мы перевоплотимся в своеобразного векторного гончара :)

На первый взгляд урок может показаться сложным. Но на самом деле всё довольно просто, поэтому мы рекомендуем его в первую очередь начинающим иллюстраторам или тем, кто не очень часто практиковал 3D эффекты до этого.

Если вас интересуют другие уроки Adobe Illustrator с этого блога, то смотрите их по этой ссылке «Уроки Adobe Illustrator». Если у вас возникли затруднения в использовании того или иного инструмента, можете обратиться за подсказкой к разделам курса «Изучи Adobe Illustrator за 30 дней!». Вы также можете взять онлайн консультацию по Adobe Illustratorчерез Skype.

Автор:Роман aka dacascas
Уровень:для начинающих
Версия Adobe Illustrator:любая (рекомендуется CS5 и выше)



Я рекомендую размеры нового документа выбрать 500x500 px. Также вам будет удобнее применять эффекты к фигурам, если их размеры будут примерно равняться моим размерам из урока.

Для начала нарисуйте профиль кружки с помощью инструмента Pen Tool. Будьте аккуратны. Если это необходимо включите сетку View > Show Gridи прилипание к сетке View > Snap to Grid (размеры фигуры W=90 px, H=220 px).



Закрасьте профиль в любой цвет. Я выбрал красный.



Не снимая выделения с нарисованного профиля, выберите в меню Effect > 3D > Revolve. Установите настройки как в диалоговом окне ниже. Если у вас отображаются не все опции 3D эффекта, нажмите кнопочку More Options.


В результате применения эффекта профиль при вращении нарисует форму нашей будущей чашки.



Если приглядеться, то можно заметить, что свет и тень внутри чашки выглядят неестественно. Как будто что-то подсвечивает её изнутри. Чтобы исправить это, нарисуем тень вручную. Для этого достаточно положить сверху отверстия кружки эллипс с линейной градиентной заливкой от белого к чёрному.



Затем примените к этому градиентному эллипсу режим наложения Multiply, прозрачность можно немного уменьшить. Я установил Opacity 70%.



Теперь, когда основа кружки выглядит нормально, перейдём к созданию ручки. Нарисуйте небольшой круг для этого (размеры фигуры W=25 px, H=25 px).



Опять же применяем к этому кругу 3D эффект Revolve. Но настройки тут будут уже немного хитрее. Чтобы получить разорванную фигуру, измените значение Angle. Также отрегулируйте показатель Offset, чтобы увеличить радиус вращения круга. Очень здорово помогает выставленная галочка Preview. Тогда вы видите, что происходит на рабочей области с фигурой при изменении параметров эффекта. Наконец, если голова совсем идёт кругом от этого 3D вращения, то вы можете списать настройки со скриншота :)


У вас должна получиться вот такая ручка.



Присоединяем её к кружке.



Теперь нарисуем наклеечку. Изображение смайлика делается очень просто. Используйте такие простые фигуры как круги и эллипсы. Рот можно получить из двух кругов с помощью панели PathFinder, вычитая одну форму из другой (общий размер объекта W=100 px, H=100 px).



Поверните лицо смайлика немного вбок. Так он будет выглядеть приветливее. Люди, кстати, тоже непроизвольно наклоняют голову, когда собеседник им симпатизирует. Скопируйте форму самого большого внешнего круга белого цвета с помощью горячих клавиш Ctrl+C. Затем вставьте копию этого круга точно поверх предыдущего с помощью другой комбинации Ctrl+F. Отправьте этот круг на передний план Object > Arrange > Bring to Front. И закрасьте его линейным градиентом как на картинке ниже. Режим наложения установите Multiply, прозрачность 20%.



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



Теперь осталось только поставить тень под наклейку.



Для большей реалистичности исказим наклейку с помощью эффекта Effect > Warp > Arch. Установите значение Bendна -10%, чтобы наклейка выгнулась.



Теперь поместим наклейку вместе с тенью на кружку. Выглядит симпатично :)



Для создания тени от самой кружки, нарисуйте эллипс с радиальной градиентной заливкой. Отрегулируйте настройки градиента, как на картинке ниже и установите режим наложения Multiply.



Пора рисовать напиток! Если честно, я так и не решил, что там за жидкость. Допустим - чай, а может быть и что повеселее ;) Так или иначе, эта штука нарисована пером и имеет темно-красный цвет. Градиентный эллипс, который мы делали в самом начале урока, я поместил поверх жидкости, чтобы выглядело реалистичнее.



Далее пишем текст. Не забудьте преобразовать его в кривые (правый клик > Create Outlines).



Преобразуем текст в кисть Art Brush. Подробнее по работе с кистями читайте в этом уроке: Adobe Illustrator за 30 дней. День 8: Использование кистей. Далее рисуем нашу надпись с помощью инструмента Paintbrush Tool. Чтобы раздуть полученную кисть с одной стороны, можно воспользоваться инструментом Width Tool. Захватите инструментом Width Toolза край контура, лежащего в основе кисти, и потяните в сторону. Но подобный инструмент появился только в CS5 иллюстраторе. Поэтому если вы пользуетесь более ранними версиями Adobe Illustrator, придётся выкручиваться по-другому. Можно, например, отэкспандить кисть и применить к полученной фигуре эффект Free Distort.



В итоге преобразуем всё в простые формы Object > Expand Appearance.



Для дальнейшей работы необходимо сделать надпись немного толще. Воспользуемся эффектом Effect > Path > Offset Path.



Опять и снова Object > Expand Appearance. Дальше вы можете подредактировать некоторые буквы, если результат вас не совсем устраивает. Я, например, немного растянул букву Г.



И, наконец применяем ко всей надписи эффект Effect > Stylize > Feather, чтобы размыть края букв.



Вот теперь позитивная утренняя чашка бодрящего напитка готова к употреблению.



Так сказать, пей и здоровей :)

Роман aka dacascasспециально для блога Записки микростокового иллюстратора