Векторный дизайн с цветками и завитками в Illustrator

результат

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

Шаг 1

 

Откройте Illustrator и создайте новый документ. Сразу хочу предупредить, что все, что я буду здесь рисовать — это всего лишь пример, и я буду рад, если вы попробуйте поэкспериментировать со своими собственными формами и стилями. Итак, возьмите инструмент Pen Tool и нарисуйте изогнутую линию.

исходная линия

Шаг 2

 

В течение всего урока мы будем создавать кисти и символы, которые помогут нам в достижении нужного эффекта.
Я хочу, чтобы веточки были широкими у основания и постепенно сужались, для этого мы сделаем простую кисть: снова возьмите Pen Tool или Polygon и нарисуйте вытянутый треугольник.

треугольная кисть

Шаг 3

 

Откройте палитру Brushes (Window->Brushes). Перетащите только что созданный треугольник на палитру. В открывшемся окне Options выберите тип New Art Brush, во втором окне оставьте все параметры по умолчанию за исключением Colorization Method: вместо Dropdown menu укажите Tints. Это важный параметр, он позволит вам в будущем изменить цвет кисти.

перетаскиваем кисть на панель Brushes

выбираем тип -new-art-brush

выбираем параметры

Шаг 4

 

Кликните по волнистой линии и затем выберите новую кисть, чтобы применить ее. У вас должно получиться примерно следующее:

применяем кисть

Шаг 5

 

Теперь мы нарисуем на конце нашей кривой симпатичный завиток с помощью Spiral Tool. Возьмите Spiral Tool и кликните где-нибудь в свободной области, чтобы появилось окно Spiral Tool Options. Я использовал следующие настройки:

рисуем завиток

 

Шаг 6

 

Поверните спираль, если нужно, и поместите на кончик ветки.

добавляем завиток

 

Шаг 7

 

Нарисуйте еще одну ветвь, отходящую от основной. Обычно для того, чтобы иллюстрация выглядела естественно, требуется слегка изменить размер кисти, например, для второй ветки я сделал Stroke = 0,5.

рисуем еще одну ветвь

Шаг 8

 

Теперь нарисуем листочек и сделаем из него символ, чтобы мы могли в дальнейшем использовать его в других местах иллюстрации. Возьмите Pen Tool и нарисуйте лист примерно такой формы, как на рисунке ниже. Нарисуйте основную фигуру черного цвета и добавьте белый блик.

рисуем листочек

Шаг 9

 

Откройте палитру Symbols (Window->Symbols) и перетащите на нее только что созданный лист. Переименуйте новый символ и измените его тип на Graphic.

создаем символ для листочка

Шаг 10

 

Кликните по новому символу и перетащите его на рабочую область. Поверните его, измените размер, если нужно, и поместите на конце второй веточки. Я добавил еще один листик меньшего размера.

добавляем листочки

Шаг 11

 

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

еще одна кисть

Шаг 12

 

Как и на третьем шаге, выберите только что созданную фигуру и перетащите ее на палитру Brushes. Не забудьте поменять Colorization Method на Tints.

 

Шаг 13

 

Возьмите Pen Tool или Arc Tool и нарисуйте небольшую ветку. Кликните по только что созданной кисти — у вас получится интересная веточка, которую вы можете использовать в дальнейшем. Измените Stroke на 0,25.

рисуем маленькую ветку

применяем новую кисть

 

Шаг 14

 

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

еще символы для листьев

Шаг 15

 

Вторую большую ветку я нарисовал, пользуясь уже созданными кистями и символами. Для того, чтобы сделать тоненький завиток на правом конце ветви я использовал Twirl Tool и сделал размер кисти равным 0,5. Вот что у меня получилось:

рисуем вторую большую ветку

Шаг 16

 

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

добавляем деталей

Шаг 17

 

Самое время заняться фоном. Если у вас уже есть в уме готовая цветовая схема — используйте ее! Я же обратился за помощью к Adobe Kuler. Я решил, что основным цветом будет зеленый, и нашел подходящую палитру под названием Rainy Green Light. Если вы тоже решили воспользоваться Kuler, просто зарегистрируйтесь, зайдите под своим аккаунтом, найдите подходящую тему, скачайте ее и положите в папку с образцами, например, в Windows это C:\Program Files\Adobe\Adobe Illustrator CS3\Presets\Swatches.

создаем цветовую палитру

Откройте новую тему в Illustrator, кликнув по стрелке в правом верхнем углу палитры Swatches. Выберите пункт Open Swatch Library и кликните по вашей теме. Kuler очень полезный инструмент, и я настоятельно советую вам познакомиться с ним поближе.

применяем цветовую палитру

Шаг 18

 

Итак, раскрасьте ветки цветами из вашей собственной палитры. Вот что у меня получилось:

раскрашиваем ветки

Шаг 19

 

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

помещаем одну часть композиции в левый верхний угол

Шаг 20

 

Скопируйте только что созданный слой (выделите и выберите Layer->Duplicate Layer) и нажмите Ctrl + T чтобы трансформировать изображение. Поверните копию и поместите ее в правый нижний угол.

вторую часть - в правый нижний

Шаг 21

 

Возьмите инструмент Text Tool и напишите что-нибудь в центре иллюстрации. В своем примере я использовал шрифты OptimusPrinceps и Scriptina.

добавляем текст

 

Шаг 22

 

Теперь можно добавить какой-нибудь дизайнерский элемент, например, я взял силуэт птички. Вы можете найти его в шрифте Birds of a Feather — он соответствует букве T. Все упомянутые мною шрифты можно найти на сайте DaFont.com.

добавляем птичку

Шаг 23

 

Пора раскрасить фон. Кликните по соответствующему слою и добавьте легкий радиальный градиент, примерно как на рисунке ниже. Я использовал следующие цвета: #c4c083 и #f6f2ba.

раскрашиваем фон

Шаг 24

 

Далее я нашел две замечательных текстуры. Одну из них я сразу же загрузил на самый верхний слой и изменил параметры наложения: Blend Mode = Linear Burn, Opacity = 20%.

применяем первую текстуру

Шаг 25

 

Затем я загрузил вторую текстуру, тоже на верхний слой, и задал Blend Mode = Darker Color и Opacity = 60%.

применяем вторую текстуру

слои изображения

Шаг 26

 

Иллюстрация уже выглядит неплохо, правда? Но мне кажется, тексту и веткам тоже можно задать текстуру. Скопируйте последний слой и вставьте копию на отдельный верхний слой. Затем кликните по его миниатюре, зажав клавишу Ctrl чтобы выделить его. Нажмите Ctrl + Shift + I чтобы инвертировать выделение и удалите все части нового текстурного слоя, которые расположены не над ветками. Измените режим Blend Mode на Multiply и Opacity = 93%.

создаем новый слой

применяем текстуру к левой ветке

Шаг 27

 

Повторите эти же действия для правой ветки и для птицы. Причем для птицы я сделал Blend Mode = Hard Light и Opacity = 73%. Вот что у меня получилось:

результат

Andrew Houle

myinkblog.com

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*


*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>