Рисуем Божью Коровку в Adobe Illustrator (перевод)

А вы уже присоединились к нашему Телеграм-каналу с полезностями?

Содержание

Божья коровка - уроки Adobe Illustrator

Шаг первый

Откройте Adobe Illustrator и создайте новый документ, любого размера, в уроке использован 800?600 px. Нажмите (L), чтобы выбрать Инструмент Эллипс (Ellipse), щелкнуть где-нибудь , чтобы появилось диалоговое окно Ellipse и введите значения как на картинке , 320px для Ширины и 250px для Высоты.

Божья коровка

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

Божья коровка

2. Выберите инструмент “Прямого выделения” (Direct Selection Tool) (A) и нажмите на левую опорную точку, зажав клавишу SHIFT нажмите на клавиатуре стрелку «вниз» три раза.

Божья коровка

3. Уменьшите размер более низкой направляющей линии той же опорной точки  приблизительно до половины.

Божья коровка

4. Проделайте тоже самое с более низкой направляющей линией правой опорной точки.

Божья коровка - уроки Adobe Illustrator

5. Выберите самую нижнюю опорную точку, и, зажав клавишу SHIFT, нажмите на клавиатуре стрелку «вверх» дважды.

Божья коровка - уроки Adobe Illustrator

Шаг второй

6. Используйте Инструмент «Эллипс» (Ellipse), чтобы создать еще один эллипс, меньшего размера (270?175), как Вы видит на рисунке.

Божья коровка - уроки Adobe Illustrator

7. Нажмите Ctrl + [ чтобы положить его под первый эллипс.

Шаг третий

8. Выберите основную часть и примените к ней черную обводку, толщиной 2pt . Заполните фигуру трехцветным радиальным градиентом со значением Aspect Ratio 80.5 %. В уроке использованы цвета цвета: #E0532A, #E23A2A (позиция 74 %), #AF2D29.

Божья коровка - уроки Adobe Illustrator

9. Выберите второй элемент тела, и инструментом Пипетка (Eyedropper Tool) (I) нажмите на первую часть, чтобы применить то же самое цветовое оформление. Подстройте Aspect Ratio и положение градиента под вторую часть.

Божья коровка - уроки Adobe Illustrator

Шаг четвертый

10. Теперь мы начинаем рисовать голову. Создайте эллипс, отредактировать направляющие линии, чтобы создать подобный яйцу контур. Удостоверьтесь, что он также имеет черную обводку 2pt.

Божья коровка - уроки Adobe Illustrator

Божья коровка - уроки Adobe Illustrator

11. Поместите голову на туловище.

Божья коровка - уроки Adobe Illustrator

12. Примените к голове линейный градиент от черного до 80% серого и установите угол градиента 126 градусов.

Божья коровка - уроки Adobe Illustrator

Шаг пятый

13. Выберите Инструмент “Перо”  Pen Tool (P) и попытайтесь нарисовать фигуру, которую Вы видите в изображении ниже. Заполните это линейным градиентом от белого к белому. Установите Opacity(прозрачность) для первого ползунка к 25 % и второго к 5 %.

Божья коровка - уроки Adobe Illustrator

Внимание!! Прозрачности, примененные к градиенту  на микростоки можно послать только в формате EPS 10. Если вам нужен EPS8, то читайте что можно сделать в комментариях к статье!

14. Нарисуйте еще одну фигуру над первой и заполните ее тем же самым градиентом, но установите Opacity в 25 % и 0 %.

Божья коровка - уроки Adobe Illustrator

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

Божья коровка - уроки Adobe Illustrator

16. Выберите главную часть головы, нажмите Ctrl + C, и затем Ctrl + F, чтобы сделать копию поверх оригинала и используя Пипетку (Eyedropper Tool) (I)  нажмите на главную часть головы, чтобы применить то же самое цветовое оформление. Подстройте положение градиента под вторую часть.

Божья коровка - уроки Adobe Illustrator

17. Нарисуйте еще две фигуры на туловище с теми же самыми параметрами и поместите эти две фигуры вместе со второй частью туловища вниз, под главную часть туловища :).

Божья коровка - уроки Adobe Illustrator

18. С Инструментом «Перо» Pen Tool нарисуйте черную фигуру между частями тела. Переместите эту часть под слой «головы».

Божья коровка - уроки Adobe Illustrator

Шаг шестой

19. Рисуем пятна у Божьей Коровки. Нарисуем эллипс с черной обводкой 2pt. Заполните пятно радиальным градиентом от черного до #341211 с настройками, которое Вы видите в изображении ниже.

Божья коровка - уроки Adobe Illustrator

Не пропустите новые уроки в нашем Телеграм-канале

20. Нарисуйте 2 блика на пятне (также как мы рисовали на туловище)

Божья коровка - уроки Adobe Illustrator

21. Сделайте копию пятна вместе с бликами, уменьшите ее размер и высоту, а затем поместите новое пятно около первого. В уроке первое пятно немного уменьшили, таким образом, чтобы второе лучше разместилось. Отредактируйте положение градиента второго пятна.

Божья коровка - уроки Adobe Illustrator

22. Сделайте копию самого большого пятна (без бликов), сделайте ее шире и поместите как показано на рисунке

Божья коровка - уроки Adobe Illustrator

23. Выберите главную часть тела, нажмите Ctrl + C и затем Ctrl + F. Выберите пятно, которое мы сделали и копию тела, нажмите кнопку Intersect на палитре Pathfinder.

Божья коровка - уроки Adobe Illustrator

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

Божья коровка - уроки Adobe Illustrator

25. Нарисуйте блики.

Божья коровка - уроки Adobe Illustrator

26. Создайте копию последнего пятна и поместите его на вторую часть тела Божьей Коровки.

Божья коровка - уроки Adobe Illustrator

Шаг седьмой

27. Теперь мы начнем рисовать глаза. Выберите Инструмент Эллипс (Ellipse Tool) и нажав клавишу SHIFT, создайте круг. Сделайте для него обводку белого цвета , тольщиной 2pt, и заполните его радиальным градиентом от 10%-ой до 50%-ой серого.

Божья коровка - уроки Adobe Illustrator

28. Нарисуйте другой круг меньшего размера, поверх первого, сделайте для него черный контур , толщиной 2pt и примените линейный градиент от черного до 80%-ой серого.

Божья коровка - уроки Adobe Illustrator

29. Нарисуйте еще два меньших круга, пересекающие последний и друг друга, заполните их белым, без контура.

Божья коровка - уроки Adobe Illustrator

30. Выберите все части глаза и нажмите Ctrl +G, чтобы собрать их в группу. Разместите ее на голове, уменьшив, если нужно.

31. Выберите группу и нажмите Ctrl + C и Ctrl + b, чтобы создать копию и поместите копию под первый глаз. Уменьшите копию и продвиньте ее и направо.

32. На первом глазу нарисуйте блики, как было описано ранее, только прозрачность (opacity) оставьте 100%

Божья коровка - уроки Adobe Illustrator

Шаг восьмой

33. Рисуем брюшко с помощью  инструмента Эллипс (Ellipse Tool) и нажимаем Ctrl + Shift + [ чтобы положить его под остальные элементы тела.

Божья коровка - уроки Adobe Illustrator

35. Используя Инструмент Пипетка (Eyedropper Tool), нажмите на главную часть головы, чтобы применить те же самые цветовые параметры и градиент к брюшку. Сделайте градиент радиальным и приспособьте Aspect Ratio и угол.

Божья коровка - уроки Adobe Illustrator

36. С помощью инструмента «Перо» (Pen Tool) нарисуйте 2 черные линии на брюшке, толщиной 2pt.

Божья коровка - уроки Adobe Illustrator

Шаг девятый

37. Зажав Alt, перетащите главную часть головы на свободное место рабочей области, т.е. получаем копию. Примените к ней угол градиента 176.

Божья коровка - уроки Adobe Illustrator

38. Рисуем блик; удостоверьтесь, что блик не пересекает обводку фигуры.

Божья коровка - уроки Adobe Illustrator

39. Нарисуйте еще эллипс, поверх первого с тем же самым градиентом, но устанавливает угол до 161.

Божья коровка - уроки Adobe Illustrator

40. Сгруппируйте результат, уменьшите его и сделайте еще четыре копии и из них составьте ноги.

Божья коровка - уроки Adobe Illustrator

41. Средняя часть каждой ноги должна быть самой большой частью. Создайте еще три копии этой ноги

Божья коровка - уроки Adobe Illustrator

42. Используйте ту же самую технику, чтобы создать две маленькие антенны на голове.

Божья коровка - уроки Adobe Illustrator

Все, Божья Коровка готова!! Осталось на Ваш вкус и цвет добавить фон и тень. Читайте также и другие  уроки adobe illustrator. Все они также дополнены моими пояснениями для микростоков!

Божья коровка - уроки Adobe Illustrator

Забирайте подборки шрифтов и цветовых палитр в нашем Телеграм-канале (регулярно по пятницам).

Хотите заработать на своей иллюстрации? Узнайте как это сделать с помощью микростоков.
У вас остались вопросы или есть что добавить по теме статьи? Напишите в комментариях.
Оценка статьи:
1 Звезда2 Звезда3 Звезда4 Звезда5 Звезда (2 оценок, среднее: 4,50 из 5)
Загрузка...
Понравилась статья? Поделиться с друзьями:
Комментарии: 8
  1. Павел

    А у меня такой вопрос. Эта илюстрация была нарисовани для микростока? Просто я тут вижу элементы с прозрачностью, а они ведь не отображаются в EPS 8. В каком формате посоветуете сохранять и отсылать работы на микросток?

  2. Даша (автор)

    ;) Иллюстрации с прозрачностью НЕЛЬЗЯ отсылать на микросток в EPS 8. Это просто урок, он будет полезен в любом случае.

    Чтобы избавиться от прозрачности есть выход: не использовать ее ;), т.е просто подобрать цвета градиента, которые будут смотреться как прозрачность

    EPS 10 поддерживает прозрачности но НЕ в этом случае с градиентом:
    Adobe Illustrator CS4 такой градиент (от непрозрачного цвета к цвету с прозрачностью) при сохранении в EPS 10 делает с маской и на экране визуализируется белая кайма у объекта с прозрачностью. При экспорте в JPG из такого EPS 10 файла никаких белых линий не будет, и в данном случае весь вопрос в том примет или нет такую работу инспектор, а если прмет, то как отреагирует на картинку в EPS 10 покупатель — не внесет ли ваш портфель в свой «черный список» ?!

    Способ, описанный тут (http://sheko.ru/?p=305) в данном случае, если не ошибаюсь, не сработает, т.к. прозрачность применяется с градиентом

  3. Максим

    Спасибо за урок, очень познавательно :)

  4. Даша (автор)

    Максим, я очень рада что Вам понравилось!!! :)

  5. Шура

    А у меня никак не получается пункт 3. Шаг 8. Немогу поставить Aspect Ratio 80.5 %. Нашла Gradient radial, но там только чёрно белые цвета. Или я что-то не так делаю. Смешно, но бьюсь второй день.. ))

  6. Mat

    «А у меня никак не получается пункт 3. Шаг 8. Немогу поставить Aspect Ratio 80.5 %. Нашла Gradient radial, но там только чёрно белые цвета. Или я что-то не так делаю. Смешно, но бьюсь второй день.. ))»

    Шура,думаю не стоит мне объяснять как выбрать цвет градиента в деталях (дважды кликнуть на один из квадратиков градиента (чёрный или белый),после чего появится палитра цветов)…
    А ещё заранее выбрать цвета из библиотеки..

  7. Даша (автор)

    Шура , Aspect Ratio — это Коэффициент Сжатия, т.е. по умолчанию радиальный градиент ( он же Gradient radial ) имеет круглую форму, а в уроке его предлогают сделать овальным. На рисунке можно посмотреть окошко , где указано 80,5%, это и етсь Aspect Ratio.

    Aspect Ratio

  8. Onegai

    Все вроде просто!

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:


доступен плагин ATs Privacy Policy ©

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.