автор:
Lazunov Iaroslavпрограмма: Adobe Illustrator CS3
сложность: средняя
затраченное время: 30-40 мин.
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268221664.jpg)
В этом уроке я покажу, как сделать векторную бабочку активно используя палитру Transparency и Gradient mesh.
Методы показанные здесь помогут Вам, делать различные оттенки на объектах и плавные переходы цветов. Поверьте
это очень легко
Шаг 1Давайте начнем с крыла бабочки. Откройте новый документ (произвольного размера и цветовой гаммы, в зависимости
от того, где вы этот рисунок будете использовать) и выберите инструмент Poligon Tool (многоугольник) используйте
его что бы создать треугольник. Для этого щелкните левой кнопкой мыши по рабочему полю и введите параметры как
на скриншоте. Я обычно использую простые формы, затем преобразовываю их в сложные. Вы можете использовать инструмент
Перо (Pen Tool (P) для создания формы крыла.
Шаг 2Начнем трансформацию. Преобразуйте угловые точки придав им округлый вид, добавьте дополнительные, гладкие точки
и с помощью инструмента Выделение (Direct Selection Tool (A) исказите форму. Залейте ее синим цветом.
Вот мы и создали первое крылышко.
Шаг 3Создайте нижнюю часть крыла используя ту же технику.
Шаг 4Используя инструмент Перо (Pen Tool(Р),чтобы создать фигуру, как на рисунке ниже.
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268221632.jpg)
Заполните форму голубым цветом. Выберите синюю форму копируйте и вставьте поверх оригинала (Ctrl+C,Ctrl+F). Выберите копию синей фигуры и голубую, щелкните по кнопке Intersect в палитре Pathfinder. Нажмите Expand.
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268221634.jpg)
Выберите получившеюся фигуру и оригинал синей формы, нажмите Divide В палитре Pathfinder. Разгруппируйте все объекты.
Шаг 5В результате проделанных действий у нас появилось много избыточных объектов.
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268221859.jpg)
Чтобы удалить все не нужное, в палитре Layers заблокируйте слои с голубой и синей фигурами. С помощью инструмента
Выделение (Selection Tool (V) выберите все ненужные элементы и нажмите клавишу Delete на клавиатуре.
Шаг 6У голубой формы у нас получилось много якорных точек, надо избавиться от этого. Для этого идем Object>Path>Simplify
и применяем параметры, как на скриншоте ниже.
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268221861.jpg)
Эта процедура не необходима, но все же мне не нравится, когда присутствует много ненужных объектов в проекте.
Есть более легкий путь, с выбранной, редактируемой фигурой нажмите на кнопку Divide в палитре Pathfinder.
Шаг 7Заполните голубую форму линейным градиентом от светло-зеленого к зеленому, как показано на картинке ниже.
Шаг 8Синюю фигуру, залейте градиентом от светло голубого к синему.
Шаг 9
Скопируйте фигуру с синим градиентом и вставьте поверх оригинала (Ctrl+C,Ctrl+F).
Теперь, в палитре Transparency измените способ наложения и процент непрозрачности, как показано ниже.
Шаг 10Давайте создадим затемнения на вершине крыла бабочки. Используйте инструмент Pen Tool (P), чтобы создать форму
показанную ниже.Копируйте и вставьте поверх оригинала фигуру с синим градиентом. Теперь выберите копии и созданную фигуру
и нажмите Intersect. Нажмите Expand.
Шаг 11Используя инструмент Mesh Tool (U) создайте градиентную сетку в полученной фигуре, как показано ниже.
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268221965.jpg)
Выберите верхние точки градиентной сетки с помощью инструмента Direct Selection Tool (A) (прим.переводчика: чтобы
выбрать все нужные точки сразу, делайте это с зажатой клавишей Shift) и измените их цвет на синий.
Следующие - секрет успеха
![smile.gif](http://demiart.ru/forum/html/emoticons/smile.gif)
Выберите нижние точки и задайте им белый цвет. Идея состоим в том, что при изменении
режима наложения на Multiply (умножение) белый цвет становится прозрачным, за счет чего достигается плавный переход оттенков.
С помощью инструмента Selection Tool (V) выберите нашу фигуру целиком и поменяйте параметры Наложения и Непрозрачности
в палитре Transparency, как показано ниже.
Шаг 12 Теперь создайте еще несколько оттенков синего на крыле, используя ранее описанные способы.
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268222040.jpg)
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268222042.jpg)
Шаг 13С помощью инструмента Ellipse Tool(L) создайте несколько концентрических эллипсов. Установите для них разную непрозрачность.
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268222105.jpg)
Добавьте еще несколько эллипсов разной прозрачности.
Шаг 14Теперь приступим к раскраске зеленой части крыла. Используйте технику описанную в предыдущих шагах, чтобы добиться нужного результата.
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268222160.jpg)
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268222162.jpg)
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268222164.jpg)
Шаг 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
Теперь создадим плавный переход в основании крыла. Чтобы создать фигуру используйте технику описанную выше, но для заливки мы используем
радиальный градиент от зеленого к белому.
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268222633.jpg)
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268222634.jpg)
Шаг 22Создайте второе крыло используя приобретенные знание
![smile.gif](http://demiart.ru/forum/html/emoticons/smile.gif)
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268222637.jpg)
Шаг 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, после чего залейте их линейным градиентом от темно-коричневого к более светлому.
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268223407.jpg)
Заключение
Ниже представлено финальное изображение бабочки, как видите я добавил несколько заключительных штрихов. Экспериментируйте, чтобы создать
собственную бабочку. Если вы хотите хорошо освоить этот урок, прошу вас не стесняйтесь и играйте с цветом, чтобы добиться нужного результата.
Удачи!
![Создание бабочки в Иллюстраторе](http://demiart.ru/forum/uploads5/post-664240-1268223409.jpg)
автор:Lazunov Iaroslav
ссылка на источник:vector.tutsplus.com
перевод:vaskam
***