Яндекс.Метрика

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

Рисуем тюльпаны в Illustrator

20 октября 2013 | Опубликовано в Уроки | 4 Комментариев »

В данном уроке мы научимся рисовать красивые тюльпаны в вазе. Начнем с действий по созданию 3D вазы и затем перейдем к созданию тюльпанов с помощью градиентов без инструмента Mesh в программе Adobe Illustrator. Давайте начнем!

 

 

Конечный результат будет выглядеть так:

Детали урока:

  • Сложность: Выше среднего
  • Программа: Adobe Illustrator
  • Предполагаемое время выполнения урока: 2 hours

1. Открываем новый документ

В первую очередь создаем новый документ (File > New), называем документ и устанавливаем следующие настройки:

2. Создание 3D вазы

Шаг 1

Берем инструмент Pen (P) и рисуем линии для половины вазы, как показано на картинке ниже. Убедитесь, что включены направляющие (View > Show Rulers). Установите ширину штриха в 1px, цвет — красный.

Шаг 2

Идем Effect > 3D > Revolve. Устанавливаем позицию, как показано на изображении ниже:

Шаг 3

Во-первых, перемещаем существующий свет вправо, как показано на изображении (L1) и снизим интенсивность света со 100% к 85%. Добавим новый свет и передвинем его в позицию L2. Настройки: интенсивность света — 70%. Устанавливаем Blend Steps от 25 к 50 для того, чтобы сделать поверхность гладкой.

3. Создание точечной текстуры для вазы

Шаг 1

Берем инструмент Ellipse (L) и рисуем маленькие 14 x 14px кружки. Цвет заполнения неважен. Выбираем круг и идем Effect > Distort & Transform > Transform. В разделе Move установите значение поля Horizontal на 24px и выберите создание 8 копий.

Шаг 2

Идем Effect > Distort & Transform > Transform (при выбранном кружке). Появится предупреждение, но все равно выберите  Apply New Effect. На этот раз установите значение поля Vertical на 48px и выберите создание 1 копии.

Шаг 3

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

Шаг 4

Выбираем Expand Appearance с меню Object и устанавливаем заполнение группы точек указанным цветом. Перетащите группу в панель Symbols для того, чтобы сохранить ее.

4. Применение текстуры точек к вазе

Теперь возвращаемся к вазе и опять открываем окно 3D Revolve Options с панели Appearance. Нажимаем кнопку Map Art. Выбираем созданные нами точки со списка и отображаем их на поверхности вазы. Разместите точки, как вам нравится и нажмите OK.

5. Добавление теней и бликов на вазу

Шаг 1

Идем Object > Expand Appearance. Находим группу с элементами основания вазы и открываем ее. Выбираем Clipping path и копируем этот слой. Вставляем и перетягиваем копию за пределы группы.

Шаг 2

Передвигаем форму основания, созданную на предыдущем шаге, на передний план самой вазы и устанавливаем заполнение линейным градиентом t от черного к серому. Устанавливаем режим наложения (Blending Mode) — Overlay и снижаем прозрачность к  75%.

Шаг 3

Берем инструмент Ellipse (L) и рисуем эллипс. Заполняем линейным градиентом от белого к черному и идем Effect > Blur > Gaussian Blur и применяем размер радиуса в 5.5px. Устанавливаем Blending Mode — Screen.

Шаг 4

Используем инструмент Pen (P) для рисования формы с левой стороны вазы, как показано на изображении ниже. Заполняем радиальным градиентом от белого к черному и применяем 5.5px Gaussian Blur. Изменяем Blending Mode — Color и снижаем прозрачность к 35%.

Шаг 5

Рисуем другую форму инструментом Pen (P), как на картинке. Заполняем линейным градиентом, используя черный и серый оттенки. Применяем 5px Gaussian Blur и устанавливаем Blending Mode – Overlay. Снижаем прозрачность к 60%.

6. Создание устья вазы

Рисуем эллипс и заполняем его градиентом, как указано на изображении ниже. На данный момент с вазой мы закончили.

7. Создание тюльпана

Шаг 1

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

Шаг 2

Сосредоточимся на первом лепестке и идем Object > Create Gradient Mesh. Выберите в окне: 12 строк, 9 столбцов. Нажмите OK. На данном шаге вы можете сделать несколько корректировок и поместить некоторые опорные точки ближе или дальше друг от друга.

Шаг 3

На изображении ниже показаны оттенки для окраски лепестка. Более светлые оттенки используются выше, более темные – ниже лепестка. Рядом со стеблем цветка лучше использовать оттенки зеленого/коричневого  цвета. Все цвета доступны в панели Swatches.

Шаг 4

Продолжаем со вторым лепестком. Идем Object > Create Gradient Mesh. Выбираем 14 строк и 8 столбцов. Перемещаем опорные точки ближе друг к другу, как показано ниже.

Шаг 5

Раскраска второго лепестка.

Шаг 6

Третий лепесток находится между первыми двумя.

Шаг 7

На этом шаге можете начать компоновать бутон тюльпана. Не хватает только два маленьких лепестка сзади бутона.

Шаг 8

Сосредоточимся на маленьком лепестке. Создаем сетку линий. Используем красные оттенки. Когда закончите рисовать инструментом Pen (P) форму на левую сторону лепестка, заполните ее линейным градиентом, как показано ниже. Сделайте тоже самое для другого маленького лепестка или же отразите первый лепесток, чтоб закончить быстрее.

Шаг 9

Тюльпан готов и выглядит так:

8. Создание стебля тюльпана

Шаг 1

Берем инструмент Rectangle (M) и рисуем длинный прямоугольник. Размеры указаны ниже на изображении. Идем Object > Create Gradient Mesh и выбираем четыре строки и столбцы.

Шаг 2

Используем инструмент Direct Selection (A) для того, чтобы перетащить выделение с пяти точек на второй строке вверх, как показано на изображении. Теперь переходим к раскраске. Оттенки показаны ниже. Каждой колонке установлен отдельно цвет сетки точек.

Остальные оттенки зеленого:

Шаг 3

В верхней части стебля использовались зеленые и коричневые оттенки. В нижней части – темно зеленые оттенки. С правой стороны тени, а с левой – свет. Далее будем искажать стебель. Выберите инструмент Direct Selection (A) точки первых двух строк и разместите их, как указано на изображении. Затем выберите только пять верхних точек и передвиньте их влево.

Шаг 4

Присоедините стебель к тюльпану. Продолжим работу над листочком.

9. Создание листочков

Шаг 1

Рисуем эллипс (L) с размерами, как показано на изображении. Идем Object > Create Gradient Mesh и выбираем 5 строк и 7 столбцов.

Шаг 2

Будем искажать эту форму, чтобы получить листочек. Используем инструмент Direct Selection (A) и двигаем точки, как показано ниже на изображении.

Шаг 3

Выбираем первую точку с первого ряда и перемещаем ее в верхний левый угол, как указано (1). Продолжайте двигать остальные точки сверху (2). Точки необходимо выровнять (3) и переместить так, чтобы получится острый кончик листочка (4).

Шаг 4

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

10. Тюльпаны в вазе

Шаг 1

Наложите тюльпаны на вазу и сделайте 2 копии. Разместите их так, как вам нравится.

Шаг 2

Скопируйте и вставьте устье вазы (1), удалите верхнюю опорную точку (2). Начиная с конечной точки (3) рисуем форму инструментом Pen  (P) вокруг стеблей и листьев (4). Устанавливаем Stroke — none.

Шаг 3

Выбираем форму с предыдущего шага, все стебли и листья и идем Object > Clipping Mask > Make. Теперь действительно выглядит так, как будто тюльпаны в вазе.

11. Добавление теней на листья и вазу

Шаг 1

Теперь, когда стебли в вазе, пришло время добавить тени. Берем более темный оттенок зеленого для теней и более светлый для бликов. Рисуем с помощью инструмента Pen (P) форму, как показано ниже. Заливаем ее линейным градиентом от белого к черному. Меняем Blending Mode — Multiply и снижаем прозрачность к 50%.

Шаг 2

Также нужны тени за тюльпанами. Берем инструмент Ellipse (L) и рисуем два плоских эллипса, которые налаживаются на края вазы. Поместим эллипсы за тюльпанами, но перед вазой. Заполняем эллипсы радиальным градиентом от черного к белому с режимом Multiply.

Шаг 3

На данном шаге тюльпаны должны выглядеть так:

Шаг 4

Для создания тени под вазой рисуем два эллипса. Заполните их черным цветом и установите прозрачность, как указано ниже для каждого. Выбираем оба эллипса и идем Object > Blend > Blend Options. Установите значение в 50 в поле Specified Steps и нажмите OK. Опять идем Object > Blend и выберите Make. Установите прозрачность до 35%.

Шаг 5

Сделаем отражение вазы. Копируем вазу и вертикально отобразим ее (1). Разместите так, как указано ниже на изображении. Рисуем прямоугольник над вазой и заливаем градиентом (2). Выбираем копию вазы и прямоугольник и идем на панель Transparency и с выпадающего меню выбираем Make Opacity Mask (3). Это все!

Вот так выглядит конечный результат урока:

Надеемся, что этот урок вам понравился!

Перевод — Дежурка.

Автор - Diana Toma.

Читайте также:




Комментарии

  1. Мария
    Thumb up Thumb down +2

    Хороший урок ;)

    Будет здорово, если вы добавите как сделать фон. Помогите, начинающим!

  2. Kakashechka
    Thumb up Thumb down 0

    =) 8) :( ;) :P :-D =-O :-! *IN LOVE* %) *CRAZY*