А вы уже присоединились к нашему Телеграм-каналу с полезностями?
Содержание
Шаг первый
Откройте Adobe Illustrator и создайте новый документ, любого размера, в уроке использован 800?600 px. Нажмите (L), чтобы выбрать Инструмент Эллипс (Ellipse), щелкнуть где-нибудь , чтобы появилось диалоговое окно Ellipse и введите значения как на картинке , 320px для Ширины и 250px для Высоты.
1. Теперь, когда у нас есть основа для одной из частей тела Божьей Коровки, нам нужно ее отредактировать.
2. Выберите инструмент “Прямого выделения” (Direct Selection Tool) (A) и нажмите на левую опорную точку, зажав клавишу SHIFT нажмите на клавиатуре стрелку «вниз» три раза.
3. Уменьшите размер более низкой направляющей линии той же опорной точки приблизительно до половины.
4. Проделайте тоже самое с более низкой направляющей линией правой опорной точки.
5. Выберите самую нижнюю опорную точку, и, зажав клавишу SHIFT, нажмите на клавиатуре стрелку «вверх» дважды.
Шаг второй
6. Используйте Инструмент «Эллипс» (Ellipse), чтобы создать еще один эллипс, меньшего размера (270?175), как Вы видит на рисунке.
7. Нажмите Ctrl + [ чтобы положить его под первый эллипс.
Шаг третий
8. Выберите основную часть и примените к ней черную обводку, толщиной 2pt . Заполните фигуру трехцветным радиальным градиентом со значением Aspect Ratio 80.5 %. В уроке использованы цвета цвета: #E0532A, #E23A2A (позиция 74 %), #AF2D29.
9. Выберите второй элемент тела, и инструментом Пипетка (Eyedropper Tool) (I) нажмите на первую часть, чтобы применить то же самое цветовое оформление. Подстройте Aspect Ratio и положение градиента под вторую часть.
Шаг четвертый
10. Теперь мы начинаем рисовать голову. Создайте эллипс, отредактировать направляющие линии, чтобы создать подобный яйцу контур. Удостоверьтесь, что он также имеет черную обводку 2pt.
11. Поместите голову на туловище.
12. Примените к голове линейный градиент от черного до 80% серого и установите угол градиента 126 градусов.
Шаг пятый
13. Выберите Инструмент “Перо” Pen Tool (P) и попытайтесь нарисовать фигуру, которую Вы видите в изображении ниже. Заполните это линейным градиентом от белого к белому. Установите Opacity(прозрачность) для первого ползунка к 25 % и второго к 5 %.
Внимание!! Прозрачности, примененные к градиенту на микростоки можно послать только в формате EPS 10. Если вам нужен EPS8, то читайте что можно сделать в комментариях к статье!
14. Нарисуйте еще одну фигуру над первой и заполните ее тем же самым градиентом, но установите Opacity в 25 % и 0 %.
15. Нарисуйте еще одну фигуру и заполните ее тем же самым градиентом и теми же самыми параметрами Opacity как и в последнем случае и копию этой фигуры отразите горизонтально.
16. Выберите главную часть головы, нажмите Ctrl + C, и затем Ctrl + F, чтобы сделать копию поверх оригинала и используя Пипетку (Eyedropper Tool) (I) нажмите на главную часть головы, чтобы применить то же самое цветовое оформление. Подстройте положение градиента под вторую часть.
17. Нарисуйте еще две фигуры на туловище с теми же самыми параметрами и поместите эти две фигуры вместе со второй частью туловища вниз, под главную часть туловища :).
18. С Инструментом «Перо» Pen Tool нарисуйте черную фигуру между частями тела. Переместите эту часть под слой «головы».
Шаг шестой
19. Рисуем пятна у Божьей Коровки. Нарисуем эллипс с черной обводкой 2pt. Заполните пятно радиальным градиентом от черного до #341211 с настройками, которое Вы видите в изображении ниже.
Не пропустите новые уроки в нашем Телеграм-канале
20. Нарисуйте 2 блика на пятне (также как мы рисовали на туловище)
21. Сделайте копию пятна вместе с бликами, уменьшите ее размер и высоту, а затем поместите новое пятно около первого. В уроке первое пятно немного уменьшили, таким образом, чтобы второе лучше разместилось. Отредактируйте положение градиента второго пятна.
22. Сделайте копию самого большого пятна (без бликов), сделайте ее шире и поместите как показано на рисунке
23. Выберите главную часть тела, нажмите Ctrl + C и затем Ctrl + F. Выберите пятно, которое мы сделали и копию тела, нажмите кнопку Intersect на палитре Pathfinder.
24. Отредактируйте уголки, чтобы сделать их округленными. Сделайте пятно немного меньшим и переместите его немного из тела, таким образом чтобы оно чуть выступало.
25. Нарисуйте блики.
26. Создайте копию последнего пятна и поместите его на вторую часть тела Божьей Коровки.
Шаг седьмой
27. Теперь мы начнем рисовать глаза. Выберите Инструмент Эллипс (Ellipse Tool) и нажав клавишу SHIFT, создайте круг. Сделайте для него обводку белого цвета , тольщиной 2pt, и заполните его радиальным градиентом от 10%-ой до 50%-ой серого.
28. Нарисуйте другой круг меньшего размера, поверх первого, сделайте для него черный контур , толщиной 2pt и примените линейный градиент от черного до 80%-ой серого.
29. Нарисуйте еще два меньших круга, пересекающие последний и друг друга, заполните их белым, без контура.
30. Выберите все части глаза и нажмите Ctrl +G, чтобы собрать их в группу. Разместите ее на голове, уменьшив, если нужно.
31. Выберите группу и нажмите Ctrl + C и Ctrl + b, чтобы создать копию и поместите копию под первый глаз. Уменьшите копию и продвиньте ее и направо.
32. На первом глазу нарисуйте блики, как было описано ранее, только прозрачность (opacity) оставьте 100%
Шаг восьмой
33. Рисуем брюшко с помощью инструмента Эллипс (Ellipse Tool) и нажимаем Ctrl + Shift + [ чтобы положить его под остальные элементы тела.
35. Используя Инструмент Пипетка (Eyedropper Tool), нажмите на главную часть головы, чтобы применить те же самые цветовые параметры и градиент к брюшку. Сделайте градиент радиальным и приспособьте Aspect Ratio и угол.
36. С помощью инструмента «Перо» (Pen Tool) нарисуйте 2 черные линии на брюшке, толщиной 2pt.
Шаг девятый
37. Зажав Alt, перетащите главную часть головы на свободное место рабочей области, т.е. получаем копию. Примените к ней угол градиента 176.
38. Рисуем блик; удостоверьтесь, что блик не пересекает обводку фигуры.
39. Нарисуйте еще эллипс, поверх первого с тем же самым градиентом, но устанавливает угол до 161.
40. Сгруппируйте результат, уменьшите его и сделайте еще четыре копии и из них составьте ноги.
41. Средняя часть каждой ноги должна быть самой большой частью. Создайте еще три копии этой ноги
42. Используйте ту же самую технику, чтобы создать две маленькие антенны на голове.
Все, Божья Коровка готова!! Осталось на Ваш вкус и цвет добавить фон и тень. Читайте также и другие уроки adobe illustrator. Все они также дополнены моими пояснениями для микростоков!
Забирайте подборки шрифтов и цветовых палитр в нашем Телеграм-канале (регулярно по пятницам).
Хотите заработать на своей иллюстрации? Узнайте как это сделать с помощью микростоков.
У вас остались вопросы или есть что добавить по теме статьи? Напишите в комментариях.
А у меня такой вопрос. Эта илюстрация была нарисовани для микростока? Просто я тут вижу элементы с прозрачностью, а они ведь не отображаются в EPS 8. В каком формате посоветуете сохранять и отсылать работы на микросток?
Чтобы избавиться от прозрачности есть выход: не использовать ее ;), т.е просто подобрать цвета градиента, которые будут смотреться как прозрачность
EPS 10 поддерживает прозрачности но НЕ в этом случае с градиентом:
Adobe Illustrator CS4 такой градиент (от непрозрачного цвета к цвету с прозрачностью) при сохранении в EPS 10 делает с маской и на экране визуализируется белая кайма у объекта с прозрачностью. При экспорте в JPG из такого EPS 10 файла никаких белых линий не будет, и в данном случае весь вопрос в том примет или нет такую работу инспектор, а если прмет, то как отреагирует на картинку в EPS 10 покупатель — не внесет ли ваш портфель в свой «черный список» ?!
Способ, описанный тут (http://sheko.ru/?p=305) в данном случае, если не ошибаюсь, не сработает, т.к. прозрачность применяется с градиентом
Спасибо за урок, очень познавательно
Максим, я очень рада что Вам понравилось!!!
А у меня никак не получается пункт 3. Шаг 8. Немогу поставить Aspect Ratio 80.5 %. Нашла Gradient radial, но там только чёрно белые цвета. Или я что-то не так делаю. Смешно, но бьюсь второй день.. ))
«А у меня никак не получается пункт 3. Шаг 8. Немогу поставить Aspect Ratio 80.5 %. Нашла Gradient radial, но там только чёрно белые цвета. Или я что-то не так делаю. Смешно, но бьюсь второй день.. ))»
Шура,думаю не стоит мне объяснять как выбрать цвет градиента в деталях (дважды кликнуть на один из квадратиков градиента (чёрный или белый),после чего появится палитра цветов)…
А ещё заранее выбрать цвета из библиотеки..
Шура , Aspect Ratio — это Коэффициент Сжатия, т.е. по умолчанию радиальный градиент ( он же Gradient radial ) имеет круглую форму, а в уроке его предлогают сделать овальным. На рисунке можно посмотреть окошко , где указано 80,5%, это и етсь Aspect Ratio.
Все вроде просто!