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

Урок работы в Adobe Illustrator: Создаем цветочный фон

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

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

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

 


Детали урока в Illustrator

  • Программа: Adobe Illustrator CS - CS6;
  • Сложность: Средний уровень
  • Время выполнения: 60 минут;

Шаг 1

Начнем наш урок с создания элементов нашей цветочной композиции, хочу заметить, что данный фон создан в RGB цветовом режиме (File > Document Color Mode > RGB color). Берем Ellipse Tool (L) и создаем эллипс без заливки с обводкой оранжевого цвета и толщиной 2 px.

При помощи Direct Selection Tool (A) выделяем нижнюю точку эллипса, затем конвертируем ее в угловую, нажав на соответствующую кнопку на Control panel.

Шаг 2

Выделяем боковые точки эллипса, затем перемещаем их вверх, используя клавишу со стрелкой вверх.

Теперь переместим верхнюю точку эллипса немного вниз, используя клавишу со стрелкой вниз.

Выделяем весь объект с помощью Selection Tool (A), затем переходим Effect > Warp > Arc… и устанавливаем параметры, указанные на рисунке ниже.

Шаг 3

Переходим Object > Expand Appearance.

Я немного уменьшил ширину полученной фигуры и сместил вниз ее верхнюю точку.

Форма одного лепестка готова.

Шаг 4

Выделяем весь созданный объект, берем Rotate Tool (R) и, удерживая клавишу Option / Alt, кликаем на нижней точке фигуры. Эти действия приведут к открытию диалогового окна Rotate. Вводим в числовое поле формулу 360/6 и нажимаем на кнопку Copy.

Нажимаем Command / Ctrl + D четыре раза для последовательного повторения последнего действия.

Выделяем и группируем (Command / Ctrl + G) все созданные объекты. Первый элемент фона готов.

Шаг 5

Теперь создадим более сложный цветок. Для создания его лепестка вы можете использовать ранее созданную форму. Заливаем этот объект радиальным градиентом от оранжевого к белому цвету и применим Multiply режим смешивания.

Шаг 6

Копируем форму лепестка и вставляем ее вперед (Cmd / Ctrl + C; Cmd / Ctrl + F), затем заливаем его  белым цветом.

Верхний лепесток стал прозрачным (белый цвет становится прозрачным, если к объекту применен режим Multiply).

Шаг 7

Берем Mesh Tool (U) и создаем простую сетку, кликая по контуру верхнего лепестка.

Выделяем центральные узлы градиентной сетки при помощи Direct Selection Tool (A), затем окрашиваем их в светло-оранжевый цвет.

Шаг 8

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

Создадим еще несколько подобных форм с такими же свойствами.

Шаг 9

Создадим еще несколько прожилок на лепестке. На этот раз используем линейный градиент, который состоит из двух белых и одного темно-розового цвета. Эти объекты также имеет  Multiply. Интенсивность цвета можно отрегулировать, изменяя прозрачность в Transparency panel.

Создадим последний объект на лепестке, его свойства видны на рисунке ниже.

Группируем все объекты лепестка.

Шаг 10

Превратим лепесток в цветок используя Rotate Tool (R) и Cmd / Ctrl + D горячие клавиши, как было описано в 4 шаге этого урока.

Группируем все лепестки вместе.

Шаг 11

Создадим тычинки. Рисуем окружность при помощи Ellipse Tool (L). Окружность имеет желтую обводку и заливку радиальным градиентом от желтого к белому цвету.

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

Шаг 12

Создадим несколько светящихся искр. Рисуем белую окружность, затем переходим Effect > Transform & Distort > Pucker & Boat… и устанавливаем значение -140%.

Теперь переходим Object > Expand Appearance.

Шаг 13

Переходим Object > Transform > Rotate…, устанавливаем угол равный 45 градусам и нажимаем на кнопку Copy.

Уменьшаем размер новой звезды. Создадим свечение вокруг звезды. Рисуем окружности с заливкой радиальным градиентом от белого к черному цвету.

Применяем к окружности режим смешивания Screen.

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

Шаг 14

Создадим несколько окружностей белого цвета и разного размера и уменьшим прозрачность некоторых из них.

Теперь создадим несколько окружностей с мягкими краями. В этом нам поможет черно-белый радиальный градиент и режим Screen.

Наконец, все элементы цветка созданы, группируем их.

Шаг 15

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

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

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

Теперь добавим несколько окружностей и звезд, созданных при помощи Ellipse Tool (L) и Star Tool.

И наконец, добавим окружности с пунктирной обводкой.

Шаг 16

Выделяем прямоугольник с черной обводкой и размещаем его выше всех созданных объектов (Shift + Cmd / Ctrl + ]). Теперь выделяем все объекты (Cmd / Ctrl + A)  и нажимаем Cmd / Ctrl + 7 для создания Clipping Mask.

На этом наш урок закончен, до новых встреч!

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

 

Всего комментариев: 3
0
1  
Ярослав, спасибо за урок и, вообще, за всю Вашу заботу о начинающих!
Я, как было предложено, применил в конце Clipping Mask, картинка осталась внешне нетронутой, но все слои слились в один, с которым уже ничего поделать нельзя, только отправлять на сток в JPEG. У Вас за границу иллюстрации выходят элементы сетки Mesh и градиенты... В чем особенность обрезания элементов рисунка по границе монтажной области в таком случае? Спасибо.

0
2  
Пожалуйста!
То что все слои слились в один это не проблема для вектора. Это же не фотошоп. Я так вообще в одном слое работаю. Если объекты спрятаны под маской, то они могут выходить за монтажную область - это тоже не проблема. Ничего резать не надо, тем более мэш

0
3  
Спасибо еще раз, понял. Удачи!

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