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

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

Розы из сетчатого градиента в Adobe Illustrator

14 апреля 2017 | Опубликовано в Уроки | 13 Комментариев »

В этом уроке мы будем рисовать нежные розы в Adobe Illustrator. Главным инструментом для их создания станет Mesh/Сетчатый градиент. С его помощью мы создадим и форму и изгибы и цвета. После этого вы узнаете как просто и быстро перекрасить бутон в другой цвет и сможете собрать целый букет из разноцветных роз.

 

Результат

Vector rose

1. Рисуем листья

Шаг 1

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

Создайте прямоугольник зеленого цвета #415414и удалите его правый верхний угол, чтобы превратить в треугольник. Возьмите инструмент Mesh/Сетчатый градиент (U) и создайте точку в середине прямоугольника. Затем подредактируйте другие точки, чтобы получить лист как на картинке ниже.

see above

Шаг 2

Инструментом Lasso/Лассо (Q) или Direct Selection/Прямое выделение (A) выделите верхушку и левую сторону листа. Укажите этим точкам цвет #A8B060.

see above

Шаг 3

Выделите точку посредине и укажите ей цвет #6C7A33. Создайте копию этого листа, отразите его по вертикали и на время отложите.

see above

Шаг 4

Инструментом Mesh/Сетчатый градиент (U) Добавьте точку в левой части листа, затем поперемещайте остальные точки, чтобы сделать форму листа более натуральной.

see above

Шаг 5

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

tip brownish left side lighter

Шаг 6

Вернитесь к копии листа, которую мы создали в Шаге 3 и продолжите ее раскрашивать как показано на картинке ниже.

tip brownish top light

Шаг 7

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

see above

Шаг 8

Далее продолжаем раскрашивать лист.

right side darker

Шаг 9

Создайте копию листа из предыдущего шага, кликните по копии правой кнопкой мыши и выберите Transform > Reflect/Трансформировать>Отразить. Отразите горизонтально.

see above

Шаг 10

В меню выберите Effect > Warp > Flag/Эффект>Деформация>Флаг и настройте эффект как показано ниже.

Теперь в меню выберите Object > Expand Appearance/Объект>Разобрать оформление.

see above

Шаг 11

Еще немного изогните фигуру, чтобы она была похожа на второе изображение ниже.

bend a bit upwards

Шаг 12

Собираем вместе листья, внутри которых поместим наш бутон.

all parts vertical connected at the bottom edges

2. Создаем бутон

Шаг 1

Начнем с создания красного прямоугольника. Используя инструмент Mesh/Сетчатый градиент придайте прямоугольнику форму лепестка и создайте много точек посредине фигуры.

shape it like a petal

Шаг 2

Теперь раскрашиваем лепесток.

dark on the bottom and the edges

Шаг 3

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

shape it like a petal

Шаг 4

Раскрашиваем лепесток по шагам указанным ниже.

dark on the sides

Шаг 5

Осталось еще три лепестка. Постарайтесь создать форму этому лепестку настолько аккуратно и тщательно, насколько это возможно.

narrow rugged petal

Шаг 6

Раскрашиваем получившуюся фигуру.

dark on the bottom

Шаг 7

И еще один лепесток, которому нужно уделить время и внимание.

wavy on the top

Шаг 8

Раскрашиваем.

dark on the right

Шаг 9

И наконец последний лепесток!

rugged petal shape

Шаг 10

Собираем наш бутон согласно инструкции ниже!

assemble the rose

3. Оставшиеся детали

Шаг 1

Рисуем стебель по шагам, указанным ниже.

stalk with two thorns

Шаг 2

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

little branch

Шаг 3

Давайте создадим сетчатый градиент для листа.

dark in the middle

Шаг 4

Нарисуйте «скелет» листа инструментом Pen/Перо, создайте этим же инструментом форму листа. Наложите форму листа на фигуру с градиентом, выделите обе фигуры, кликните по ним правой кнопкой и выберите Create Clipping Mask/Создать обтравочную маску. Сверху разместите жилки листа.

see above

Шаг 5

Соберите листы и фигуру, что мы создали ранее.

three leaves to one branch

Шаг 6

У нас есть все, чтобы собрать весь цветок!

see above

4. Рисуем тени

Шаг 1

Давайте создадим тень для розы. Нарисуйте два тонких прямоугольника — один светлее, второй темнее.

see above

Шаг 2

Сделайте светлый прямоугольник полностью прозрачным, указав ему в палитре Transparency/Прозрачность параметр Opacity/Непрозрачность в 0%.

see above

Шаг 3

Поместите коричневый прямоугольник над прозрачным, выделите обе фигуры и в меню выберите Object > Blend > Blend Options/Объект>Переход>Параметры перехода, укажите количество шагов в 30.

Теперь в меню выберите Object > Blend > Make/Объект>Переход>Создать.

see above

Шаг 4

Укажите получившемуся объекту режим наложения Multiply/Умножение.

see above

Шаг 5

Поместите объект под стебель розы, чтобы создать для него тень.

see above

Шаг 6

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

Настройте градиент при помощи инструмента Gradient/Градиент (G) как показано ниже.

see above

Шаг 7

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

see above

Шаг 8

Поместите тень под розу.

see above

Шаг 9

Теперь мы быстро создадим бумажный фон для нашей работы.

old yellow paper background

Шаг 10

Поместите розу с тенями на наш бумажный фон и это всё!

see above

5. Как перекрашивать розу

Шаг 1

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

Для начала выделите лепестки цветов и конвертируйте их в черно-белый режим, выбрав в меню Edit > Edit Colors > Convert to Grayscale/Редактировать>Редактировать цвета>Преобразовать в градации серого.

see above

Шаг 2

Осветлите розу, выбрав Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Корректировать цвета. Настройте параметр как показано ниже.

see above

Шаг 3

Теперь выберите Edit > Edit Colors > Saturate/Редактировать>Редактировать цвета>Насыщенность, и поднимите насыщенность.

see above

Шаг 4

Создайте шесть копий роз. Для каждой из них мы создадим различные цвета. Можете повторить наши параметры, а можете поэкспериментировать самостоятельно. Чтобы перекрасить бутон, выделите его, выберите в меню Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Корректировать цвета. В появившемся окне выберите режим RGB и включите опцию Convert/Конвертировать.

Розовый цвет:

  • Red: 24%
  • Green: -35%
  • Blue: -22%

see above

Светло-розовый:

  • Red: 43%
  • Green: 5%
  • Blue: 10%

see above

Желтый:

  • Red: 31%
  • Green: 14%
  • Blue: -64%

see above

Белый:

  • Red: 35%
  • Green: 29%
  • Blue: 23%

see above

Оранжевый:

  • Red: 26%
  • Green: -23%
  • Blue: -31%

see above

Темно-красный:

  • Black: 30%

see above

Затем:

  • Red: 43%
  • Green: 5%
  • Blue: 10%

see above

Шаг 5

Теперь вы можете собрать целый букет из роз разных цветов:

bouquet of colored roses

Автор урока Vladimir Galantsev

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

Смотрите также:




Комментарии