Как сделать кружку в иллюстраторе

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

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

Я рекомендую размеры нового документа выбрать 500×500 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.

Как сделать кружку в иллюстраторе

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

Как сделать кружку в иллюстраторе

Как сделать кружку в иллюстраторе

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

Как сделать кружку в иллюстраторе

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

Как сделать кружку в иллюстраторе

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

Как сделать кружку в иллюстраторе

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

Как сделать кружку в иллюстраторе

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

Как сделать кружку в иллюстраторе

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

Как сделать кружку в иллюстраторе

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

Как сделать кружку в иллюстраторе

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

Как сделать кружку в иллюстраторе

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

Как сделать кружку в иллюстраторе

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

Как сделать кружку в иллюстраторе

На этом у меня все. До скорого!

Источник

Записки микростокового иллюстратора

Микростоки: рисуем и зарабатываем на своем творчестве

18 февр. 2013 г.

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

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

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

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

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

Как сделать кружку в иллюстраторе

Я рекомендую размеры нового документа выбрать 500×500 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.

Как сделать кружку в иллюстраторе

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

Как сделать кружку в иллюстраторе

Как сделать кружку в иллюстраторе

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

Как сделать кружку в иллюстраторе

Для создания тени от самой кружки, нарисуйте эллипс с радиальной градиентной заливкой. Отрегулируйте настройки градиента, как на картинке ниже и установите режим наложения 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, чтобы размыть края букв.

Как сделать кружку в иллюстраторе

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

Как сделать кружку в иллюстраторе

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

Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового: Как сделать кружку в иллюстраторе

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *