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

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

Фиолетовые подарочные коробки в Adobe Illustrator

18 февраля 2018 | Опубликовано в Уроки | 1 Комментарий »

В этом уроке мы будем рисовать подарочные коробки в Adobe Illustrator. Для их создания мы используем инструмент Mesh/Сетчатый градиент. Мы создадим детали отдельно, затем соберем их вместе. В итоге у нас получатся реалистичные банты и коробки. А основная цветовая палитра будет составлена на базе цвета 2018 года — Ultra Violet.

 

Результат

set of violet gift boxes

1. Рисуем первый вариант коробки

Шаг 1

Начнем с использования Mesh/Сетчатого градиента (U) для создания первое части банта.

Начнем с создания прямоугольника при помощи инструмента Rectangle/Прямоугольник (M).

Укажите фигуре цвет #584382, затем возьмите инструмент Mesh/Сетчатый градиент и кликните по фигуре, создавая в месте клика новую точку. Создавайте новые точки, ориентируясь на пошаговую инструкцию ниже, и выкрашивайте новые точки, используя цвета #3A2250#C0BDE7 и #6F5F91.

use mesh

Шаг 2

Нарисуйте эллипс цвета #3B224F, и поместите его как показано ниже. Выделите обе фигуры и сгруппируйте их, нажав Control-G.

first bow piece with mesh

Шаг 3

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

  1. #533F7C
  2. #3C2552
  3. #C0BDE7
  4. #725E9C

mesh

Шаг 4

Третья фигура:

  1. #604C8A
  2. #3A224E
  3. #BFBAE7

third bow piece

Шаг 5

  1. #533F7C
  2. #3B2351
  3. #BCB8E3
  4. #8D7EB6

ultra violet bow

Шаг 6

Добавьте эллипс цвета #3A2455 и сгруппируйте обе фигуры.

add ellipse

Шаг 7

Последняя фигура для банта.

  1. #533F7C
  2. #3C2554
  3. #B0AAD8

draw with gradient mesh

Шаг 8

Соберите бант из созданных фигур.

construct ultra violet bow

Шаг 9

Нарисуйте круг цвета #3A2455 и поместите его под бантом.

add circle

Шаг 10

Рисуем ленту. Поместите две полосы цвета #8F78BD на прямоугольник цвета #402556.

violet ribbon

Шаг 11

Дублируйте ленту и перекрестите копии. Поместите на стык бант.

add bow

Шаг 12

Нарисуйте еще одну ленту, используя цвета #402556 и #8F78BD.

new ribbon

Шаг 13

Снова поместите на место перекрещения бант.

add bow

Шаг 14

Теперь создайте копию первых лент с бантом.

Не снимая выделения с копии, выберите в меню Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Корректировка цветов, выберите Color ModeGrayscale/Цветовой режим: оттенки серого и снизьте параметр Black/Черный до -25%. Не забудьте нажать Convert/Конвертировать!

convert to grayscale

Шаг 15

И снова войдите в меню Adjust Colors/Коррекция цвета. На этот раз выберите режим RGB, включите опцию Convert/Конвертировать, и настройте параметры как показано ниже:

adjust colors

Шаг 16

Повторите тот же процесс со вторыми лентами и бантом.

adjust colors

Шаг 17

Давайте нарисуем коробку! Создайте прямоугольник цвета #5A4788 со слегка скругленными углами. Затем при помощи сетчатого градиента закрасьте некоторые точки в цвет #39245F. Затем добавьте света цветом #BBADDE.

draw violet mesh box

Шаг 18

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

Настройте параметры как показано ниже.

grayscale

Шаг 19

Выкрасьте правый и нижние края в цвет #979797.

mesh border

Шаг 20

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

group of presents

2. Второй вариант коробки

Шаг 1

Начнем с создания первой части банта.

  1. #645098
  2. #C8C3E5
  3. #8774B5
  4. #473079

ultra violet mesh bow

Шаг 2

Рисуем вторую часть.

  1. #4E3983
  2. #3E225D

second bow piece

Шаг 3

Объединяем первые две части.

combine two pieces

Шаг 4

  1. #523C86
  2. #D1C9EA
  3. #452E78

draw with mesh

Шаг 5

  1. #452E78
  2. #2E1B4C

use gradient mesh

Шаг 6

Объединяем фигуры с третьей частью.

combine

Шаг 7

  1. #422971
  2. #C6B9E4
  3. #614D95

5th bow piece

Шаг 8

Добавляем фигуру цвета #3B1F56 к пятой фигуре.

add element

Шаг 9

  1. #422971
  2. #D0C9E9
  3. #7461A6
  4. #341954

gift bow with mesh

Шаг 10

Добавляем фигуру цвета #41276D к седьмой фигуре.

add object

Шаг 11

  1. #41276C
  2. #C6BBE4
  3. #68549A
  4. #321751

violet mesh bow

Шаг 12

  1. #8876B7
  2. #D4CCEC
  3. #42296E
  4. #725FA5

part of gift bow

Шаг 13

  1. #462F7B
  2. #7966AA
  3. #AF9ED4
  4. #8674B4

ultra violet mesh

Шаг 14

Добавляем к ленте фигуру цвета #5E4891.

add piece

Шаг 15

Собираем бант.

construct ultra violet bow

Шаг 16

Рисуем первую часть ленты.

  1. #6B559A
  2. #CCC3DE
  3. #8A74B5
  4. #5B4C82

ribbon

Шаг 17

  1. #6D589F
  2. #372D53
  3. #8A74B5

mesh ribbon

Шаг 18

Собираем ленты.

add together

Шаг 19

Отражаем копии лент и помещаем на месте их пересечения бант.

place gift bow

Шаг 20

Перекрашиваем бант, как мы делали это ранее.

recolor bow

Шаг 21

Рисуем коробку.

  1. #654F94
  2. #8C79B6
  3. #9482C4
  4. #553F84

draw gift box

Шаг 22

  1. #654F94
  2. #8774B2
  3. #A399C1
  4. #553F84

draw present

Шаг 23

  1. #685297
  2. #564085

gift box piece

Шаг 24

Собираем крышку коробки.

holiday present violet lid

Шаг 25

Рисуем базу коробки.

  1. #614B90
  2. #7C66AB
  3. #0B092D
  4. #4F397E

base of gift box

Шаг 26

Поместите крышку на коробку, а сверху разместите бант.

construct ultra violet present

Шаг 27

Перекрашиваем коробку из фиолетового в оттенки серого.

recolor

Шаг 28

И помещаем на коробку фиолетовый бант.

add bow

Результат

ultra violet gifts collection

Set of Colorful Gift Boxes

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

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

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




Комментарии

  1. Григорий
    Thumb up Thumb down +3

    a15a397075d8cf8ed0064fb675d09264.jpg