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

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

Полупрозрачные пластиковые объекты в Adobe Illustrator

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

В этом уроке мы будем рисовать очень крутые штуки в Adobe Illustrator! При помощи инструмента Mesh/Сетчатый градиент мы создадим реалистичные изделия из пластика: пакеты, контейнеры, стакан и бутылочку. Но помимо реалистичности формы, изделия будут еще и полупрозрачными! Их можно использовать в качестве mockup-файлов, а еще круто то, что это полностью векторные объекты!

 

Результат

set of packaging

1. Рисуем контейнер

Шаг 1

Нарисуйте прямоугольник со скругленными углами цвета #D5D6D7.

Шаг 2

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

Используйте следующие оттенки для точек градиента:

  1. #E6E6E6
  2. #F6F6F6
  3. #E8E9EA
  4. #C9C9C9

mesh tutorial

Шаг 3

Рисуем еще один прямоугольник цвета #E8E8E8, указываем ему режим наложения Screen/Осветление и 40% Opacity/Непрозрачности.

Шаг 4

Еще один прямоугольник. На этот раз без заливки, но с обводкой. Укажите обводке линейный градиент от #CECECE к #FFFFFF. Выделите объект и в меню выберите Object > Expand/Объект>Разобрать.

gradient

Шаг 5

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

plastic tray

Шаг 6

Рисуем почти треугольный объект с сетчатым градиентом (#050505 и #FFFFFF), указываем ему режим наложения Screen/Осветление и 60% Opacity/Непрозрачности.

mesh cones

Шаг 7

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

opacity

Шаг 8

Схожи образом рисуем еще один подобный элемент в режиме наложения Screen/Осветление и 60% Opacity/Непрозрачности.

mesh cone

Шаг 9

Разместите ваши объекты как показано ниже, и примените к ним обтравочную маску, чтобы спрятать ненужные края.

Настройте параметры Transparency/Прозрачности так, чтобы получить результат как показано ниже!

mesh tray

Шаг 10

Рисуем тень из объектов с переходом. Для начала создайте два объекта — цвета #777777 и #9D9D9D. Разместите их как показано ниже.

blend

Шаг 11

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

adobe illustrator blend tutorial

Шаг 12

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

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

blend shadow

Шаг 13

Поместите тень под контейнер.

Polypropylene tray with clear foil

2. Рисуем пластиковые пакеты

Шаг 1

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

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

packet

Шаг 2

Завершаем раскрашивание цветами:

  1. #A7A7A7
  2. #BEBEBE
  3. #DDDCDC

packet

Шаг3

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

vector packet tutorial

Шаг 4

Рисуем еще один пакет.

  1. #E1E1E1
  2. #FCFCFC
  3. #F4F4F4
  4. #FFFFFF

plastic packet mesh

Шаг 5

Завершаем работу над объектом, указав ему 60% Opacity/Непрозрачности.

  1. #CFCED0
  2. #F2F2F2

plastic packet mesh

Шаг 6

Рисуем полоску-застежку.

  1. #74D7E5
  2. #88DFE9
  3. #37888F

seal

Шаг 7

При помощи инструмента Blend/Переход создаем тень для застежки. От цвета #828282 к #E3E3E3.

Consult Part 1, Steps 10-12 for the process.

blend

Шаг 8

Добавляем такую же тень к полоске цвета #E3E3E3.

shadow

Шаг 9

Рисуем полочку красного цвета при помощи инструмента Mesh/Сетчатый градиент. И указываем ей тень.

  1. #FF4D6B
  2. #FFABB9
  3. #661024

 

mesh

Шаг 10

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

plastic packet

3. Рисуем мешочек

Шаг 1

Начинаем рисовать первый мешочек при помощи инструмента Mesh/Сетчатый градиент

  1. #E9E9E9
  2. #A3A3A3
  3. #EDEDED
  4. #B3B5B4
  5. #F9F9F9

sack

Шаг 2

Рисуем верх.

  1. #D9D9DA
  2. #F5F5F6
  3. #CCCDC
  4. #F6F6F6

sack

Шаг 3

  1. #CCCDCD
  2. #F6F6F6
  3. #CCCCCC

sack mesh

Шаг 4

  1. #DCDDDF
  2. #F6F6F6
  3. #C9C9C9

mesh

Шаг 5

Собираем верхнюю часть воедино.

sack

Шаг 6

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

  1. #00C9E8
  2. #0482A9
  3. #00ADCD
  4. #00B8D8

tie

Шаг 7

Создаем переход, используя цвета #565656 и #DCDDDF.

blend

Шаг 8

Собираем пакет воедино и указываем ему 80% Opacity/Непрозрачности.

mesh sack

Шаг 9

Создаем копию нижней части мешочка и немного искажаем ее при помощи эффекта Effect > Warp > Arc Lower/Эффект>Деформация>Дуга вниз, укажите 80% Bend/Изгиба. В меню выберите Object > Expand Appearance/Объект>Разобрать оформление.

arc lower

Шаг 10

Продолжаем с эффектом Effect > Warp > Inflate/Эффект>Деформация>Надувание. Укажите параметры как показано ниже и разберите оформление.

inflate

Шаг 11

К верхней части мешочка применяем эффект Effect > Warp > Arc/Эффект>Деформация>Дуга. Указываем изгиб в 17% и разбираем оформление.

arc

Шаг 12

Работаем с ленточкой. Выберите в меню Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Коррекция цветов.

Шаг 13

Собираем второй мешочек.

vector mesh sack

4. Рисуем стаканчик

Шаг 1

Начинаем с прямоугольника и инструмента Mesh/Сетчатый градиент. Укажите объекту 70% Opacity/Непрозрачности.

  1. #D0D0D0
  2. #DBDBDB
  3. #FFFFFF
  4. #B1B1B1

mesh cup

Шаг 2

Начинаем рисовать крышечку.

  1. #CBCBCB
  2. #E5E5E5

mesh lid

Шаг 3

Еще одна часть крышечки.

  1. #CBCBCB
  2. #B6B6B6
  3. #F8F8F8

lid mesh cup

Шаг 4

Последняя часть крышечки.

  1. #CBCBCB
  2. #E8E8E8
  3. #B5B5B5
  4. #F9F9F9

mesh cup

Шаг 5

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

lid

Шаг 6

И еще несколько частей.

  1. #D9D9D9
  2. #BDBDBD
  3. #FEFEFE
  4. #F0F0F0
  5. #C7C7C7

mesh cup

Шаг 7

  1. #D9D9D9
  2. #B6B6B6
  3. #FFFFFF
  4. #EEEEEE
  5. #D2D2D2

mesh cup

Шаг 8

  1. #CACACA
  2. #DFDFDF
  3. #D5D5D5

mesh cup lid

Шаг 9

  1. #CBCBCB
  2. #ABABAB

mesh cup lid

Шаг 10

А вот теперь крышечка готова.

cup lid

Шаг 11

Помещаем ее над стаканчиком.

coffee cup tutorial vector mesh

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

Шаг 1

Начинаем с основной части и инструмента Mesh/Сетчатый градиент.

  1. #CECECE
  2. #989898
  3. #DCDCDC
  4. #F1F1F1
  5. #C2C2C2
  6. #CDCDCD

bottle mesh

Шаг 2

Завершаем основную часть.

  1. #FFFFFF
  2. #D2D2D2

mesh

Шаг 3

Добавляем полоску цвета #B2B2B2.

bottle

Шаг 4

Начинаем работу над крышечкой.

  1. #DDDEDE
  2. #FFFFFF
  3. #C0C0C0

bottle lid mesh

Шаг 5

Еще одна часть.

  1. #DDDEDE
  2. #FDFDFD
  3. #C1C1C1

mesh

Шаг 6

Третья часть — из копии второй части.

mesh adobe illustrator

Шаг 7

Рисуем полоску цвета #9B9B9B.

bottle

Шаг 8

Создаем переход от полоски цвета #525151 к полоске цвета #717071, используя переход в 9 шагов.

specified steps

Шаг 9

Еще один переход. Цвета #BBBBBB и #7C7C7C.

blend

Шаг 10

Совмещаем два перехода, как показано ниже и указываем им 60% Opacity/Непрозрачности.

blend

Шаг 11

Помещаем их на крышку.

lid

Шаг 12

Собираем бутылочку.

plastic bottle vector

Шаг 13

Наши объекты готовы!

set of plastic Polypropylene packaging tutorial vector mesh

Результат

Big Set of Polypropylene Packaging

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

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

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




Оставить ответ


два + = 6

Вставить изображение