Vectorboom
Уроки / Иллюстрации / Comments: 5

Три простых способа создания еловой ветки в Adobe Illustrator

Ярослав Лазунов
23.11.2012
Цель Урока

Ну что, в ближайший месяц  Новогодняя тема будет очень актуальна. Мы начинаем публикацию сеерии уроков по векторной графике посвященных этому великолепному празднику. В этом уроке мы рассмотрим три интересных способа создания еловой ветки в Adobe Illustrator. Еловые ветки можно создавать довольно просто. В этом вы убедитесь, ознакомившись с техниками, описанными в этом уроке. Для создания веток мы будем использовать эффекты трансформации, Appearance панель и Dynamic Shapes, которые создаются при помощи плагина для Illustrator - VectorScribe. Именно динамические формы помогут нам быстро создать ветку и легко управлять ее видом.

Способ 1

Шаг 1

При помощи Ellipse Tool (L) создаем эллипс и заливаем его радиальным градиентом, который состоит из оттенков зеленого цвета.

Открываем панель Appearance (Window > Appearance), дальнейшие манипуляции будем производить с ее помощью. Не снимая выделения с эллипса, выделяем заливку в панели Appearance и переходим Effect > Transform & Distort > Roughen и устанавливаем параметры, указанные на рисунке ниже.

Устанавливаем для этой заливки режим смешивания Multiply в той же панеле.

Шаг 2

Нажимаем на кнопку Duplicate Selected Item, создавая новую заливку.

Устанавливаем для нее режим смешивания Normal Blending.

Теперь переходим Effect > Distort & Transform… и устанавливаем параметры трансформации в диалоговом окне, добавляя иголок нашей ветке.

Шаг 3

Дублируем верхнюю заливку.

Устанавливаем для нее режим смешивания Multiply  и изменяем параметры эффекта Transform.

Вам, конечно, не обязательно точно повторять мои параметры, тем более что они зависят от размера эллипса, созданного в первом шаге, но соблюдайте принцип работы с панелью Appearance и применяемые эффекты.

Шаг 4

Выделим всю форму, откроем панель Graphic Styles (Window > Graphic Styles) и сохраним новый стиль.

Теперь нам не нужно каждый раз проделывать все описанные манипуляции, а просто применять созданный стиль к эллипсам разной формы, получая векторные еловые ветки.

Шаг 5

Ветки ели обычно располагаются под некоторым углом. Вы можете сразу создавать эллипсы под нужными углами, в этом вам поможет Dynamic Shapes Tool, один из инструментов VectorScribe плагина. Берем Dynamic Shapes Tool, открываем Dynamic Shapes панель (Window > VectorScribe > Dynamic Shapes), выбираем Dynamic Ellipse в этой панеле и создаем эллипс под любым  углом.

Для изменения соотношения и размера осей эллипса захватите одну из угловых точек, нажмите на Cmd / Ctrl и потяните, управляя его формой.

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

Способ 2

Шаг 6

При помощи Dynamic Shapes Tool создадим звезду, которая состоит из 42 лучей, и зальем ее радиальным градиентом, состоящим из оттенков зеленого цвета. Это динамическая форма и вы можете управлять ее параметрами, изменяя их в панеле Dynamic Shapes или перетаскивая ее угловые точки.

Узнать больше об управлении динамическими формами вы сможете здесь.

Шаг 7

Не снимая выделения с динамической звезды, переходим Effect > Transform & Distort > Roughen и устанавливаем параметру, указанные на рисунке ниже.

Дублируем полученную форму (перетаскиваем вверх, удерживая клавишу Opt / Alt). Повернем формы под разными углами, чтобы предать некоторое разнообразие еловой ветке.

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

Группируем все объекты (Cmd / Ctrl + G) – еловая ветка готова.

Способ 3

Шаг 8

В третьем способе мы также будем использовать VectorScribe плагин и Dynamic Shapes Tool. Если есть такая возможность, почему бы нам не воспользоваться преимуществами, которые он нам предлагает. Итак, берем Dynamic Shapes Tool и создаем динамическую звезду.

Перемещая slice edges, приводим динамическую звезду к виду, показанному на рисунке ниже.

Шаг 9

Теперь берем PathScribe Tool - другой инструмент VectorScribe плагина и изгибаем прямолинейные отрезки лучей, просто потянув за их середину в сторону.

Пользуясь PathScribe Tool мы экономим время, ведь нам не придется конвертировать угловые точки в гладкие и управлять их ручками. Эту операцию невозможно сделать при помощи Direct Selection Tool (A). Итак, работая таким способом, приводим фигуру к виду указанному на рисунке ниже.

Заливаем форму линейным градиентом, который состоит из двух оттенков зеленого цвета.

Не снимая выделения с формы, переходим Object > Transform > Reflect и нажимаем на кнопку Copy в диалоговом окне.

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

Шаг 10

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

Группируем все созданные формы (Cmd / Ctrl + G). Дублируем эту группу (Opt / Alt во время перетаскивания) и создаем еловую ветку.

Я использовал еловые ветки, созданные тремя способами в одном и том же праздничном сюжете.

Выбирайте тот способ, который вам больше нравится. С наступающими вас праздниками! Будьте всегда в курсе свежих новостей о векторной графике, новых уроков   работы в Adobe Illustrator, статей и интервью посвященных графическому   дизайну. Команда RU.Vectorboom работает для Вас!

Всего комментариев: 5
0
1  
Хороший урок, большое спасибо. Но неясно как быть со стоками? Если делать ветку, то ее всяко надо обрезать, либо прятать за клипинг  маск, но на шатере, например, это вроде не принимается. При обрезании такой ветки она вся плывет, ибо градиент.
Для себя пока решил не заливать градиентом, а просто обычная заливка разной интенсивности, затем экспанд и разделение (devide)
Есть ли проще решения ? )))

0
2  
все стоки принимают обтравочную маску, для справки

0
3  
Спасибо за ответ. А еще не подскажите, если ставить обтравочную маску, то при импорте в jpeg, все что невидимо все равно выглядит как белый фон, т.е. сама картинка получается меньше как бы. В иллюстраторе нельзя какие-то настройки провести, чтобы за пределами маски не считалось при экспорте? Или тут только сам jpeg обрезать? Спасибо.

0
4  
При экспорте в окне (куда сохранять) выберите опцию Use Artboards

0
5  
Спасибо большое, интересный урок. Больше всего понравился второй способ, он более трудоемкий, чем первый, но смотрится реалистичнее. А третий у меня вышел ужасно biggrin

Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.