Комментарии

Уроки Adob Illustrator : рисуем реалистичные банты
( 11 Голосов )

Уроки Adob Illustrator : рисуем реалистичные бантыУроки Adobe Illustrator: рисование бантов

Основная задача: научиться рисовать в программе Adobe Illustrator настоящие бантики без применения специальных эффектов (прозрачность, 3D, бленды), а только с помощью стандартных средств доступных в векторном редакторе. Чтобы выполнить основную задачу нужно научиться, в полном объеме пользоваться градиентом в Иллюстраторе. В данном уроке предоставлены скриншоты, которые делались в программе версии CS4. Если у вас другая версия, то могут быть отличия в интерфейсе, но порядок рисования не меняется.

Прежде чем приступить к работе, нужно сделать эскиз бантика, который вы будете рисовать в программе. Это можно сделать вручную нарисовав его на бумаге или же воспользоваться графическим редактором. Еще вариант: сфотографировать бант, который вам понравился. Чтобы научиться, можно взять картинку бантика из Интернета или мой эскиз. Но не забывайте, что в таком случае вы не сможете результат своей работы продать, потому что у вас нет на нее прав.

1. Позаботьтесь о том, чтобы вам было комфортно, и откройте программу Adobe Illustrator. Для этого урока я в графическом редакторе выполнил несложный набросок бантика. Создайте новый файл в программе и вставьте в него готовый эскиз командой File > Place. Затем на панели Layers из выпадающего меню (находится в верхнем углу справа) выберите пункт Template (показано на скриншоте). После этого эскиз будет немного прозрачным и заблокируется слой, на котором он размещен. Это необходимо для удобства рисования.

Уроки Adob Illustrator : рисуем реалистичные банты

2. Чтобы видеть контуры объекта, над которым вы работаете, можно включить режим просмотра. Для этого выполните команду View > Outline или клавиатурное сокращение Ctrl+Y. После этого инструментом Pen Tool (перо) обрисуете контуры бантика как внешние, так и внутренние (они начерчены красным цветом):

Уроки Adob Illustrator : рисуем реалистичные банты

Уроки Adob Illustrator : рисуем реалистичные банты

3. Отключите режим просмотра View > Outline и раскрасьте детали, которые нарисовали. Для удобства воспользуйтесь панелью Color и используйте цветовое пространство HSB. Закрасьте внешние стороны банта красным цветом, а внутренние тоже красным, но сделайте более темный оттенок. Для этого сдвиньте В-ползунок левее (смотрите рисунок). Во время этого процесса объекты могут сдвигаться, закрывая другие или наоборот прячась за ними. Чтобы перемещать их без труда нужно лишь выбрать необходимый объект и использовать сочетание клавиш Ctrl+] (вперед) или Ctrl+[ (назад).

Уроки Adob Illustrator : рисуем реалистичные банты

4. Инструментом Selection Tool выделите один красный объект. На основе этого цвета создайте градиент. Для этого на панель Gradient (в две ее точки находящиеся по краям) нужно из палитры Color переместить красный цвет:

Уроки Adob Illustrator : рисуем реалистичные банты

5. Выделите инструментом Selection Tool объект, который планирует закрасить. После этого инструментом Gradient Tool вдоль объекта растяните градиент, добавив на него точки и раскрасив их (показано на рисунке). Помните, что резкость перехода зависит от расположения точек: чем расстояние между точками меньше, тем более резкий переход между цветами:

Уроки Adob Illustrator : рисуем реалистичные банты

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

6. Для того чтобы таким же градиентом раскрасить все необходимые объекты нужно их предварительно выделить, а после этого клацнуть на Eyedropper Tool (пипетка). Данный инструмент закрасит объекты таким же градиентом, но их направленность не будет совпадать с направлениями витков в бантике (смотрите рисунок).

Уроки Adob Illustrator : рисуем реалистичные банты

Чтобы исправить ситуацию нужно взять инструмент Gradient Tool и протянуть им с вершины витка до его основания перпендикулярно по отношению к его внешней грани. Так нужно сделать с каждым объектом. В итоге у вас получиться следующее:

Уроки Adob Illustrator : рисуем реалистичные банты

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

Уроки Adob Illustrator : рисуем реалистичные банты


8. Переходим к внутренним сторонам витков. За счет того, что в них не отображается окружение можно использовать минимальное количество переходов между оттенками цветов. Я в местах сгиба установил темно-красный оттенок, а в середине витка – более светлый:

Уроки Adob Illustrator : рисуем реалистичные банты

9. Следующий шаг: дублирование готовых витков на задний план. Для этого пользуемся инструментами Selection Tool и Transform Tool, подбирая форму и расположение до тех пор, пока не достигнем нужного результата:

Уроки Adob Illustrator : рисуем реалистичные банты

10. Для того чтобы придать иллюстрации реалистичность, контраст и выделить детали можно поэкспериментировать с бликами и тенями.

result333

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

Желаю творческих успехов!


Понравился материал? Пригодилась информация? Плюсани в социалки!


 
Похожие новости
Комментарии   
Guest
0 #1 Guest 13.12.2012 17:20
:-|
мне бы просто научиться их рисовать._.
Цитировать
Добавить комментарий


Защитный код