Программа: Adobe Illustrator

Сложность: новички

Понадобится времени:  15 – 30 мин

Следуйте шагам, чтобы нарисовать простой векторный персонаж в Adobe Illustrator. Мы будем использовать простые формы, поэтому этот урок будет особенно хорош для начинающих. Затем, при помощи градиентов, мы добавим персонажу глубины и объема.

vector-penguin-character-sm

Вот он – милый векторный персонаж, который мы и будем сегодня рисовать. Его тело состоит из кругов и овалов, которые помогают придать ему доброжелательный характер, в то время как тени и градиенты помогают создать иллюзию трехмерности.

 

1. Создайте новый файл в Adobe Illustrator, и нарисуйте овал. Затем выделите и перетащите самую нижнюю точку вертикально вверх используя Direct Selection.

vector-penguin-character-1

 

2. Создаем второй овал – чтобы выделить белое брюшко, и выравниваем обе фигуры по оси «y».

vector-penguin-character-2

3. Нам нужно будет урезать эту новую форму, поэтому скопируйте (Ctrl + C) и вставьте на передний план (Ctrl + F) дубликат большого овала и поместите его на передний план (Ctrl + Shift +]). Выберите этот дубликат вместе с формой живота (маленьким овалом) и нажмите Intersect на вкладке Pathfinder, чтобы урезать его до нужного размера.

vector-penguin-character-3

 

4. Теперь нарисуем овал, который будет крылом, и еще раз повторим операцию с усечением при помощи копирования овала тела.

vector-penguin-character-4

 

5. Скопируйте и вставьте второе крыло, и отразите его по горизонтали с помощью Object > Transform > Reflect. Расположите крыло на противоположной стороне тела.

vector-penguin-character-5

 

6. Нарисуйте лапки пингвину с помощью трех узких овалов. Затем объедините их с помощью инструментов на панели Pathfinder, скопируйте получившуюся фигуру и отзеркальте ее.

vector-penguin-character-6

 

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

vector-penguin-character-7

 

8. Используйте еще один овал для создания клюва, но перетащите нижнюю точку (как показано на рисунке) вниз, и немного отрегулируйте направляющие Безье, чтобы немного вытянуть клюв, придав ему характерную форму.

vector-penguin-character-8

 

9. Вот и все! Рисование структуры завершено и теперь мы будем вдыхать жизнь в наш персонаж при помощи цвета. Замените в градиентной заливке по умолчанию серый цвет на черный, и отрегулируйте угол так, чтобы светлая часть было прямо в центре тела пингвиненка.

vector-penguin-character-9

 

10. Теперь залейте глазное яблоко (средний овал) текстурой с переходом от светло-серого до белого, и отрегулируйте заливку по форме овала.

vector-penguin-character-10

 

11. Той же текстурой залейте брюшко пингвина. Отрегулируйте градиент так, чтобы более темная часть была внизу брюшка – это придать ему объема.

vector-penguin-character-11

 

12. Для крыльев мы используем инструмент Gradient Mesh. Сначала заполните крыло черным, а затем кликните в нижней части крыла. Выберите серый цвет чтобы добавить этот цвет точке градиентной сетки. Illustrator автоматически распределит градиент вдоль формы крыла.

vector-penguin-character-12

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

vector-penguin-character-13

 

14. Создайте пару ноздрей наложением двух кругов. Нижний кружок должен быть более светлым, для создания эффекта объема.

vector-penguin-character-14

 

15. Добавьте к внешним овалам глаз линейный градиент с переходом от черного до серого, а затем уменьшите прозрачность слоя до 50%.

vector-penguin-character-15

 

16. Наш пингвин начал оживать! Теперь сделаем еще пару штрихов для улучшения результата.

vector-penguin-character-16

 

17. Выберите зрачки и клюв и затем перейдите в Effect> Stylize> Drop Shadow. Поставьте значение смещения «0», и примените эффект.

vector-penguin-character-17

18. Ну пустом пространстве, на расстоянии от пингвина, нарисуйте овал и примените к нему градиентную заливку от светло-серого к прозрачному. Нажмите Shift и Alt, и перетащите дубликат овала по горизонтали, затем несколько раз нажмите Ctrl+D, чтобы создать линию дубликатов. Затем нажмите Alt при перетаскивании копии всей линии, чтобы создать смещение, и снова Ctrl+D, пока у вас не образуется узорная сетка.

vector-penguin-character-18

 

19. Сгруппируйте все объекты сетки вместе, и наложите на живот пингвина. Нам нужно скопировать живот, чтобы использовать его как форму наложения/пересечения на панели Pathfinder. Нажмите Ctrl+2 чтобы заблокировать паттерн (сетку из овалов) и иметь возможность выделить нижележащий элемент.

vector-penguin-character-19

20. Вставьте дубликат живота и переместите его на передний план (CMD+Shift+]) и с выделенным паттерном и копией живота (нажмите Ctrl+Shift+2, чтобы разблокировать элемент) нажмите Crop на панели Pathfinder.

vector-penguin-character-20

21. Перейдите к Object > Envelop Distort > Вытяните узор с Warp и выберите Bulge эффект. Отрегулируйте настройки, чтобы придать перьям более трехмерный вид.

vector-penguin-character-21

22. Преобразуйте эффект искажения в единый объект нажатием Object > Expand и поставьте флажок в поле Object.

vector-penguin-character-22

23. Перья опять потеряли очертания живота, поэтому повторите операцию с копированием и обрезкой для подгонки из размера.

vector-penguin-character-23

24. Отрегулируйте прозрачность перьев (примерно 60-65%), чтобы они были заметны, но не слишком.

vector-penguin-character-24

25. Вот и все – наш пингвиненок готов! Нам с вами удалось создать настоящий персонаж не используя ничего кроме кругов и овалов, и немного градиентов и теней, чтобы придать картинке глубину и объем. Спасибо за внимание!

vector-penguin-character-sm

Источник: www.blog.spoongraphics.co.uk

Оставить комментарий