Яндекс.Метрика

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

Мороженое в шоколаде в Adobe Illustrator

20 июня 2017 | Опубликовано в Уроки | 1 Комментарий »

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

 

Результат

1. Создайте новый документ размером 800x600px в цветовом режиме CMYK. Инструментом Ellipse/Эллипс (L) создайте овал размером 240х380px. Теперь инструментом Rounded Rectangle/Прямоугольник со скругленными углами создайте фигуру размером 40х280px.

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

2. Выделите овал и инструментом Direct Selection/Прямое выделение (A) выделите поочередно боковые точки и переместите их ближе к центру, как показано ниже.

3. Залейте оба объекта цветом.

4. Выделите оба объекта и выберите в меню Effects -> 3D -> Extrude & Bevel/Эффект>Объемное изображение>Вытягивание и скос. Используйте параметры как показано ниже.

5. Выделите только палочку. В палитре Appearance/Оформление выберите 3D Extrude & Bevel/3D Вытягивание и скос и кликните по эффекту дважды. Теперь укажите Extrude Depth/Глубину вытягивания в 10pt, а Bevel/Скос — None/Нет.

6. Не снимая выделения с палочки, в меню выберите Object -> Arrange -> Send to Back/Объект>Расстановка>На задний план (или нажмите «Shift+Ctrl+[»). Теперь оба объекта находятся на своих местах. В меню выберите Object -> Expand Appearance/Объект>Разобрать оформление, чтобы превратить 3d-объекты в обычные. С этого момента вы больше не сможете вращать, изменять глубину вытягивания и прочие параметры 3d-объектов. Вы преобразуете их в отдельные группы. Выделите все группы и выберите в меню Object -> Ungroup/Объект>Разгруппировать (Ctrl+Shift+G). Повторите этот шаг, пока все объекты не будут разгруппированы.

7. Теперь выделите фигуру и нажмите на иконку Unite/Объединить в палитре Pathfinder/Обработка контура. В результате вы получите простую фигуру без обтравочной маски. Просто объект. Укажите ему цвет (сейчас неважно какой — важно чтобы вам было легко различать фигуры далее). Повторите эту процедуру со всеми фигурами.

8. Так как мы работаем в модели CMYK, цветов формата RGB у нас нет, мы будем использовать четыре цвета. На картинке ниже вы видите цвет и градиенты, которые из них получаются. Редактируйте градиенты в палитре Gradient/Градиент и используйте линейные градиенты.

9. Чтобы редактировать направление градиентов, используйте инструмент Gradient/Градиент (G).

10. Нам нужно добавить тень на палочку от мороженого. Для этого нарисуйте овал инструментом Ellipse/Эллипс (L) и расположите его как показано ниже. выделите плоскую поверхность палочки и дублируйте ее, нажав Ctrl+C (копировать) и Ctrl+F (вставить на передний план). Удерживая клавишу Shift, выделите овал и копию поверхности палочки. Кликните по иконке Intersect/Пересечение в палитре Pathfinder/Обработка контура.

11. Поместите тень под мороженное, нажав " Ctrl+[ ".

12. Укажите тени градиент от белого к черному цвету при помощи инструмента Gradient/Градиент (G).

13. В палитре Transparency/Прозрачность укажите тени blending mode/режим наложения Multiply/Умножение. Повторите ту же процедуру, чтобы создать тень для боковой поверхности палочки.

14. Всё готово!

Вы можете разнообразить результат, сделав его чуть сложнее — создать эффект, словно от мороженного откушен кусочек. Для этого нарисуйте четыре круга, и вычтите их из формы мороженого, при помощи иконки Minus Front/Минус верхний в палитре Pathfinder/Обработка контура. Затем переходите к шагу с созданием объемных фигур при помощи вытягиванию и скоса.

Результат

Автор урока vectorgraphit

Перевод — Дежурка

Смотрите также:




Комментарии

Оставить ответ


шесть + = 15

Вставить изображение