Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2011 » Март » 25 » Как нарисовать симпатичную,векторную бабочку. \ How to draw a cute, vector butterfly.
12:31
Как нарисовать симпатичную,векторную бабочку. \ How to draw a cute, vector butterfly.

Как нарисовать симпатичную,векторную бабочку. \ How to draw a cute, vector butterfly.
Как нарисовать симпатичную,векторную бабочку. \ How to draw a cute, vector butterfly.

автор:Lazunov Iaroslav


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

Создание бабочки в Иллюстраторе


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

Шаг 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) и измените их цвет на синий.
Следующие - секрет успеха smile.gif Выберите нижние точки и задайте им белый цвет. Идея состоим в том, что при изменении
режима наложения на 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

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

Создание бабочки в Иллюстраторе

Создание бабочки в Иллюстраторе

Шаг 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
***


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[02.04.2019][Lessons PHOTOSHOP]
Создаём сырный текст в Adobe Photoshop (0)
[03.04.2019][Lessons PHOTOSHOP]
Создаем текстурированную дымящуюся птицу (0)
[09.12.2015][Lessons PHOTOSHOP]
Основы фотографии. Cветофильтры в современной фотографии (2015) (0)
[19.11.2015][Lessons PHOTOSHOP]
Повышение практики мастерства в фотошоп (2015) (0)
[19.11.2015][Lessons PHOTOSHOP]
Ретушь и цветокоррекция от Гавра (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
[22.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beauty (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Портретная ретушь интенсив (2014) (0)
[12.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beautiful Vintage (2015) (0)
[22.10.2015][Lessons PHOTOSHOP]
Мастер-класс photoshop Oil Retouch (0)
[18.11.2015][Brushes Photoshop]
Rons Deviney Cyborg Circuitry 75 Brushes (0)
[12.02.2015][vectOR KLipardy]
Цветные абстрактные фоны в векторе 9 (0)
[13.02.2015][Plugins Photoshop]
AKVIS AirBrush 2.5.300.11214 (x86/x64) (0)
[09.12.2015][Lessons PHOTOSHOP]
Создаем белый фон в Photoshop (2015) (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
 

Прикрепления:
Категория: Lessons Adobe Illustrator | Просмотров: 2553 | Добавил: supermen | Теги: Как нарисовать симпатичную, векторную бабочку., иллюстратор бабочка, How to Make an Attra, заполнить путь в иллюстраторе, градиентная сетка в фотошопе
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[13.02.2015][Plugins Photoshop]
Digital Film Tools PhotoCopy 2.0v2 for Adobe Photoshop (Win64) (0)
[18.11.2015][Brushes Photoshop]
Rons Deviney Cyborg Circuitry 75 Brushes (0)
[01.12.2012][Veb DeSiGn]
Множество примочек для системы UCOZ (0)
[12.03.2013][Lessons PHOTOSHOP]
Светящийся Водный Текст с Брызгами \ Create a Glowing Liquid Text with Water Splash Effect in Photoshop (0)
[13.04.2011][Lessons PHOTOSHOP]
Создаём таинственную лощину с помощью Фотошоп (1)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Портретная ретушь интенсив (2014) (0)
[13.09.2011][vectOR KLipardy]
MEGA pack vector elements origami (2)
[17.09.2011][Lessons Adobe Illustrator]
Создание весёлой визитки, подготовка к печати (0)
[26.10.2010][vectOR KLipardy]
Кошки и собаки в векторе (0)
[19.12.2015][Lessons PHOTOSHOP]
Photoshop CC 2014. Исчерпывающее руководство (+ CD) (0)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Понедельник
23.09.2019
02:07


Copyright artpost and semantic product zanchi 2010-2011 © 2019