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

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

Рисуем набор упаковки в Adobe Illustrator

8 октября 2018 | Опубликовано в Уроки | Нет комментариев »

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

 

Результат

set of vector containers

1. Рисуем пакет с ручками

Шаг 1

Для начала нарисуем стенку пакета. Начните с прямоугольника цвета  #F5F5F5.

Затем возьмите инструмент Mesh/Сетчатый градиент (U), добавьте точку. Укажите крайним нижним точкам цвет #A5A5A5. А новой точке — #BBBBBB.

gradient mesh tutorial

Шаг 2

Рисуем еще одну фигуру с сетчатым градиентом. Используем цвета:

  1. #C6C6C6
  2. #9B9B9B
  3. #B3B3B3
  4. #CCCCCC

shopping bag vector tutorial

Шаг 3

  1. #C8C8C8
  2. #A3A3A3
  3. #B8B8B8

vector tutorial

Шаг 4

  1. #A2A2A2
  2. #D0D0D0
  3. #5A5A5A

shopping bag mesh

Шаг 5

Рисуем кривую, указываем ей в качестве цвета обводки серый градиент в палитре Stroke/Обводка. В меню выберите Object > Expand/Объект>Разобрать.

radial gradient

Шаг 6

Рисуем тень при помощи овала и радиального градиента от цвета #979797 к белому. В палитре Transparency/Непрозрачность меняем режим наложения на Multiply/Умножение.

gradient shadow

Шаг 7

Собираем наш пакет.

shopping bag vector

Шаг 8

Создайте копию пакета и в меню выберите Effect > Warp > Squeeze/Эффект>Деформация>Сжатие. Настройте параметры как показано ниже. Затем Expand/Разберите объект.

warp effects

2. Рисуем бумажный пакет

Шаг 1

Начинаем с прямоугольника.

  1. #EBEBEB
  2. #B1B1B1
  3. #FFFFFF

paper bag vector

Шаг 2

Рисуем боковую стенку.

  1. #EDEDED
  2. #FFFFFF
  3. #DDDDDD
  4. #F3F3F3

vector mesh tool

Шаг 3

  1. #E5E5E5
  2. #DEDEDE
  3. #FFFFFF

gradient mesh

Шаг 4

Верхняя часть.

  1. #D9D9D9
  2. #777777
  3. #989898

vector bag

Шаг 5

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

  1. #B2B2B2
  2. #F0F0F0
  3. #CBCBCB

gradient mesh

Шаг 6

Собираем пакет воедино.

mesh bag

Шаг 7

Добавляем тени.

vector paper bag

3. Рисуем тюбик

Шаг 1

Начинаем с основной части тюбика.

  1. #EBEBEB
  2. #F0F0F0
  3. #8E8E8E
  4. #FEFEFE
  5. #DEDEDE
  6. #E7E7E7

vector tube

Шаг 2

Рисуем крышку.

  1. #909090
  2. #EFEFEF
  3. #A4A4A4

mesh lid

Шаг 3

Собираем, добавляем тень.

mesh tube

4. Рисуем бутылку

Шаг 1

Рисуем бутылку.

  1. #D2D2D2
  2. #FDFDFD
  3. #B1B1B1
  4. #E2E2E2
  5. #A0A0A0
  6. #B1B1B1

vector mesh bottle

Шаг 2

Добавляем крышку.

  1. #DCDCDC
  2. #FFFFFF
  3. #BBBBBB
  4. #CCCCCC
  5. #D5D5D5

mesh tutorial

Шаг 3

  1. #E8E8E8
  2. #F9F9F9
  3. #C4C4C4
  4. #DBDBDB

mesh lid

Шаг 4

Собираем все вместе.

vector bottle

Шаг 5

Создаем копию и делаем из нее бутылку другой формы. В меню выберите Effect > Warp > Arch/Эффект>Деформация>Дуга. Настройте параметры как показано ниже, затем Expand Appearance/Разберите оформление.

warp illustrator

Шаг 6

Еще одна версия бутылки при помощи эффекта Bulge/Выпуклость.

warp effects

5. Добавляем коробки

Шаг 1

Рисуем коробки. Два подробных урока о том, как это сделать можно найти здесь (на английском языке), и здесь (на русском языке).

Чтобы подогнать коробки по цвету, выберите в меню Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Коррекция цветов.

how to draw a box with mesh

Шаг 2

Таким же образом убираете цвета для коробок других оттенков.

vector present

Шаг 3

Если коробка получается слишком темной, выберите в меню Edit > Edit Colors > Saturate/Редактировать>Редактировать цвета>Насыщенность.

vector gift box

Шаг 4

Собираем наш набор упаковки.

set of vector containers

Результат

set of vector containers

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

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

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




Коментарии запрещены.