автор:Lazunov Iaroslav


программа: Adobe Illustrator CS3
сложность: средняя
затраченное время: 30-40 мин.




В этом уроке я покажу, как сделать векторную бабочку активно используя палитру Transparency и Gradient mesh.
Методы показанные здесь помогут Вам, делать различные оттенки на объектах и плавные переходы цветов. Поверьте
это очень легко

Шаг 1

Давайте начнем с крыла бабочки. Откройте новый документ (произвольного размера и цветовой гаммы, в зависимости
от того, где вы этот рисунок будете использовать) и выберите инструмент Poligon Tool (многоугольник) используйте
его что бы создать треугольник. Для этого щелкните левой кнопкой мыши по рабочему полю и введите параметры как
на скриншоте. Я обычно использую простые формы, затем преобразовываю их в сложные. Вы можете использовать инструмент
Перо (Pen Tool (P) для создания формы крыла.



Шаг 2

Начнем трансформацию. Преобразуйте угловые точки придав им округлый вид, добавьте дополнительные, гладкие точки
и с помощью инструмента Выделение (Direct Selection Tool (A) исказите форму. Залейте ее синим цветом.
Вот мы и создали первое крылышко.



Шаг 3

Создайте нижнюю часть крыла используя ту же технику.



Шаг 4

Используя инструмент Перо (Pen Tool(Р),чтобы создать фигуру, как на рисунке ниже.



Заполните форму голубым цветом. Выберите синюю форму копируйте и вставьте поверх оригинала (Ctrl+C,Ctrl+F). Выберите копию синей фигуры и голубую, щелкните по кнопке Intersect в палитре Pathfinder. Нажмите Expand.



Выберите получившеюся фигуру и оригинал синей формы, нажмите Divide В палитре Pathfinder. Разгруппируйте все объекты.



Шаг 5

В результате проделанных действий у нас появилось много избыточных объектов.



Чтобы удалить все не нужное, в палитре Layers заблокируйте слои с голубой и синей фигурами. С помощью инструмента
Выделение (Selection Tool (V) выберите все ненужные элементы и нажмите клавишу Delete на клавиатуре.

Шаг 6

У голубой формы у нас получилось много якорных точек, надо избавиться от этого. Для этого идем Object>Path>Simplify
и применяем параметры, как на скриншоте ниже.



Эта процедура не необходима, но все же мне не нравится, когда присутствует много ненужных объектов в проекте.
Есть более легкий путь, с выбранной, редактируемой фигурой нажмите на кнопку Divide в палитре Pathfinder.

Шаг 7

Заполните голубую форму линейным градиентом от светло-зеленого к зеленому, как показано на картинке ниже.



Шаг 8

Синюю фигуру, залейте градиентом от светло голубого к синему.



Шаг 9

Скопируйте фигуру с синим градиентом и вставьте поверх оригинала (Ctrl+C,Ctrl+F).
Теперь, в палитре Transparency измените способ наложения и процент непрозрачности, как показано ниже.



Шаг 10

Давайте создадим затемнения на вершине крыла бабочки. Используйте инструмент Pen Tool (P), чтобы создать форму
показанную ниже.Копируйте и вставьте поверх оригинала фигуру с синим градиентом. Теперь выберите копии и созданную фигуру
и нажмите Intersect. Нажмите Expand.



Шаг 11

Используя инструмент Mesh Tool (U) создайте градиентную сетку в полученной фигуре, как показано ниже.



Выберите верхние точки градиентной сетки с помощью инструмента Direct Selection Tool (A) (прим.переводчика: чтобы
выбрать все нужные точки сразу, делайте это с зажатой клавишей Shift) и измените их цвет на синий.
Следующие - секрет успеха Выберите нижние точки и задайте им белый цвет. Идея состоим в том, что при изменении
режима наложения на Multiply (умножение) белый цвет становится прозрачным, за счет чего достигается плавный переход оттенков.
С помощью инструмента Selection Tool (V) выберите нашу фигуру целиком и поменяйте параметры Наложения и Непрозрачности
в палитре Transparency, как показано ниже.



Шаг 12

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







Шаг 13

С помощью инструмента Ellipse Tool(L) создайте несколько концентрических эллипсов. Установите для них разную непрозрачность.



Добавьте еще несколько эллипсов разной прозрачности.



Шаг 14

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










Шаг 15

Создадим вены, на крыле бабочки. Откройте палитру Brushes и пройдите Open Brush library > Artistic > Artistic Ink и выберите кисть
Tapered Stroke. Задайте зеленый цвет обводке. Затем выберите инструмент Pen Tool (P) и с его помощью нарисуйте венозную систему.
Примените параметры настроек, как вы видите ниже.



Шаг 16

Создайте волнистую форму в нижней части крыла, с помощью инструмента Перо (Р). Используйте Intersect в палитре Pathfinder, чтобы
обрезать ее точно по форме крыла (Шаг 10). Залейте получившуюся фигуру зеленым цветом.



Шаг 17

Теперь измените параметры наложения и непрозрачности, как на скриншоте ниже.



Шаг 18

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



Шаг 19

Создадим дополнительные штрихи на крылышке,для чего выберите инструмент Pen Tool (P) и с его помощью нарисуйте формы, как
на скриншоте, цвет заливки задайте черный, обводки нет. Эти элементы должны показать объемность крыла.



Это сообщение отредактировал meine_kleine - 11 Марта 2010, 21:17Шаг 20

Создайте для каждого элемента градиентную сетку с помощью соответствующего инструмента. Градиентная сетка должна быть самой простой,
поставьте по одной точке в выбранной фигуре. Если вас не устраивает результат, его можно отменить с помощью сочетания клавиш Ctrl+Z.

Измените цвет заливки точек, которые находятся около вен, на зеленый. Остальные точки оставьте черными. Выберите все элементы и поменяйте
настройки способа наложения и непрозрачности, как показано ниже.



Шаг 21

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







Шаг 22

Создайте второе крыло используя приобретенные знание





Шаг 23

Создайте несколько групп концентрических эллипсов, как в шаге 13. Поэкспериментируйте с цветом заливки кругов, параметрами наложения и непрозрачности.



Шаг 24

Крыло законченно. Теперь с помощью инструмента Selection Tool(V) или Lasso Tool(Q) выберите все элементы крыльев и пройдите Object>Transform>Reflect
Примените настройки, как на скриншоте ниже.



Шаг 25

Переместите копию крыла немного влево с помощью инструмента Selection Tool(V) делайте это с зажатой клавишей Shift, чтобы ограничить движение.



Шаг 26

Создадим тело бабочки. С помощью инструмента Эллипс (L) создайте коричневый эллипс без обводки. Добавьте дополнительные точки и трансформируйте
фигуру с помощью инструмента Direct Selection Tool(A)



Шаг 27

Выберите тело бабочки и создайте градиентную сетку с помощью инструмента Mesh Tool (U). Задайте цвета для якорных точек от более темного,
коричневого по краям к светло-коричневому в середине тельца. Этим шагом мы добьемся эффекта объемности.



Шаг 28

Создайте несколько перпендикулярных полос на теле бабочки с помощью инструмента Перо (Р).



Шаг 29

Заполните полосы черно-бело-черным, линейным градиентом и измените настройки Наложения и Непрозрачности, как показано на скриншоте ниже.



Шаг 30

Выберите инструмент Pen Tool(P) и создайте верхнюю часть тела бабочки.



Шаг 31

Теперь создадим иллюзию тени на нижней части тела от верхней. С помощью инструмента Перо (Р) нарисуйте форму тени. Выберите нижнюю часть тела
и пройдите Object>Path>Offset Path и выставите значения, как на скриншоте.



Шаг 32

Выберите форму тени и получившейся путь, с выбранными обоими фигурами нажмите Intersect на палитре Pathfinder. Нажмите Expand.



Шаг 33

Заполните получившуюся форму черно-белым, линейным градиентом и измените режим наложения и процент непрозрачности, как показано на
скриншоте ниже.



Шаг 34

Выберите верхнюю часть тела и пройдите Object>Creat Gradient Mesh, в появившемся окошке введите следующие параметры.



Шаг 35

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



Шаг 36

Создадим глаза бабочки. Используя инструмент Ellips Tool(L) создайте темно-коричневый круг, держите зажатой клавишу Shift, чтобы сохранить
пропорции. После чего выберите инструмент Mesh Tool (U) и создайте Градиентную сетку, как показано ниже. Выберите нужные точки и измените
цвет на разные оттенки коричневого, как показано на рисунке.



Шаг 37

Теперь создадим блик на глазе. С помощью инструмента Pen Tool (P) нарисуйте линию, как на рисунке. Ширина обводки 2px. Чтобы края нашего блика
были закругленные нажмите на кнопку Round Cap в палитре Stroke, установите Непрозрачность 55%. Сгруппируйте все элементы глаза (Ctrl+G)
и копируйте получившуюся группу. Передвиньте копию, чтобы расположить ее, как положено. Глаза готовы.



Шаг 38

Создадим усики для нашей бабочки. Для чего с помощью инструмента Перо (Р) нарисуйте два усика, примените к ним ту же кисть, что мы использовали
для рисования вен на крыльях в Шаге 15.



Шаг 39

Выберите оба усика и пройдите Object>Expand Appearance, после чего залейте их линейным градиентом от темно-коричневого к более светлому.



Заключение

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



автор:Lazunov Iaroslav
ссылка на источник:vector.tutsplus.com
перевод:vaskam
***