Как сделать упаковку в иллюстраторе
Перейти к содержимому

Как сделать упаковку в иллюстраторе

  • автор:

Записки микростокового иллюстратора

Всем привет! У нас очередной урок Adobe Illustrator. Это практическое задание из курса Adobe Illustrator шаг за шагом.
Записаться на обучение по курсу вы можете в vk по этой ссылке �� объявляется набор на курс Adobe Illustrator шаг за шагом, индивидуальное обучение с поддержкой преподавателя, подготовка и сдача экзаменов на стоки.

В этом уроке мы попрактикуемся с некоторыми эффектами в Иллюстраторе. Нарисуем картонную коробку с помощью классических 3D эффектов и добавим к ней текстуру. В новых версиях Adobe Illustrator доступен новый 3D движок. Здесь вы можете посмотреть видео обзор: Новое 3D Adobe Illustrator. Но в рамках этого урока мы рассмотрим именно классические 3D эффекты, так как там не образуется растра после того, как эффект разобран. Для получения 100% векторной иллюстрации это важно.

Моделируем куб

Начнём мы с обычного квадрата. В моём примере размер фигуры где-то 150×150 px. Вы тоже можете выдерживать эти размеры для удобства применения эффектов в следующих шагах.

Затем идём в меню Effect > 3D > Extrude and Bevel, чтобы применить 3D эффект к квадрату. Когда откроется окно с настройками, то сразу нажмите на кнопочку More Options, чтобы получить доступ к дополнительным опциям. Также поставьте галочку Preview в самом низу, чтобы видеть изменения на рабочей области. Теперь можно настроить эффект. Я подчеркнул красным те пункты, которые я настраивал. Вы можете переписать все настройки со скриншота, если не получается настроить эффект самостоятельно.

Когда всё готово, то жмём OK и получаем трёхмерный куб на рабочей области.

Дальше нам уже не понадобится активный эффект, а наоборот нужно получить доступ к составным частям объекта. Поэтому необходимо разобрать куб на простые формы. Идём Object > Expand Appearance. После этого разгруппируйте всё. Группировок может быть несколько. В моём случае составные части куба были сгруппированы аж 3 раза. Просто разгруппировывайте объект до тех пор, пока активна команда Ungroup.

Вот мы и получили болванку для будущей коробки. Дальше будет интереснее 🙂

Добавляем цвет и детали

В этой части урока мы сделаем нашу коробку более реалистичной. Кстати, если у вас есть какой-нибудь свой исходник похожего объекта, например, фотография, то можно туда подсматривать. Таким образом легче будет понять, как распространяется свет и лежит тень от коробки. Либо поставьте такую коробку перед собой и смотрите на неё.

Сначала закрасим самую темную сторону куба. Просто присвойте ей цвет. Я выбрал темно бежевый.

К другой боковой стороне лучше применить градиент, чтобы показать освещение коробки. Источник света расположен где-то слева вверху. Поэтому я использовал линейный градиент от светлого к тёмному оттенку бежевого цвета, который лежит вдоль диагонали фигуры.

К верхней стороне коробки можно применить точно такой же градиент, только сдвинуть его так, чтобы светлая часть лежала на объекте, а тёмная уходила за его границы. Благодаря этому верхняя сторона станет более освещённой.

Теперь добавим тень. Нарисуйте пером замкнутую форму для тени.

Затем удалите у фигуры обводку и присвойте ей тёмную заливку. Отправьте тень на задний план.

Наконец назначьте прозрачность для тени 20%.

Обозначим грани коробки. Для этого инструментом Line Segment Tool (\) проведите три линии вдоль рёбер коробки. Чтобы линии в итоге лежали точно на рёбрах, во время рисования должны быть включены Smart Guides (Ctrl+U), которые подскажут, где расположены крайние точки. Толщина обводки 2 пункта, также установите скругленные кончики.

Сразу избавимся от открытых путей, разберём обводки в простые формы через меню Object > Expand.

И сразу соединим их вместе с помощью команды Unite в панели PathFinder.

Далее нам нужно немного подредактировать кончики. Если сделать зум на одном из них, то видно, что линия выступает за границу коробки. Я обозначил красным точки, которые нужно удалить.

Это можно сделать инструментом Pen Tool (P), кликнув в каждую точку. Тогда мы получим следующее.

Оставшуюся точку нужно выделить и переместить на угол инструментом Direct Selection Tool (A).

Точно таким же образом необходимо подправить остальные концы. Полученную форму заливаем светло бежевым цветом. И теперь у коробки появились очень даже симпатичные грани.

Создаём текстуру

Пришло время добавить коробке текстуру. Для этого нам нужна будет вспомогательная форма, покрывающая всю коробку целиком. Чтобы её сделать, достаточно выделить все три стороны коробки, скопировать их через Ctrl+C, а потом вклеить на то же самое место через Ctrl+F. Копии нужно будет сразу соединить в одну форму через команду Unite в панели PathFinder. Вот и готова наша вспомогательная фигура для текстуры. Она теперь лежит сверху и аккуратно закрывает всю коробку. Для наглядности я закрасил её чёрным.

Теперь выделяем эту чёрную штуку и идём Effect > Sketch > Note Paper, чтобы применить эффект, иммитирующий текстуру. В окошке с настройками жмём OK. Получаем такой вот интересный объект.

Если применить к этому объекту режим наложения Multiply и прозрачность 20 %, то он приобретёт другой вид.

На этом работа, в принципе, закончена. Но если картинка с подобными эффектами нужна для продажи на микростоках, то от всего этого придётся избавляться. Эффект, к сожалению, растровый.

Преобразование растрового эффекта в вектор

Итак, если вы всё-таки решили взяться за это кропотливое дело, то давайте разберём эффект. Идём Object > Expand Appearance. Получаем растровое изображение, внедрённое в Adobe Illustrator.

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

Дальше единственный вариант это автотрейс данного растрового изображения. Нажмите на треугольничек рядом с кнопкой Image Trace (Live Trace) в панели информации, и выберите подходящий шаблон. Я взял самый тяжёлый и точный High Fidelity Photo. После этого иллюстратор начнёт высчитывать автотрейс. Результат потом покажет. Не каждому компьютеру под силу сделать автотрейс, есть определённая вероятность зависнуть. Поэтому сохраните работу перед этим шагом.

Это и есть результат автотрейса. Затем его нужно разобрать в простые формы кнопочкой Expand в панели информации.

В итоге мы получаем множество векторных форм. В моём примере их столько, что при выделении всё выглядит синим.

Всё это добро может занимать довольно большой объём памяти. Поэтому если конечный EPS файл получится слишком большим, то есть смысл попробовать другие настройки автотрейса. Более подробно про автотрейс вы можете прочитать в этом уроке: Автотрейс растрового изображения в Adobe Illustrator.

А в нашем случае осталось удалить белую форму, которая играет роль своеобразной подложки у текстуры. Я выделил её белой стрелочкой и нажал Delete.

К полученной каше-малаше из форм снова применяем режим наложения Multiply и прозрачность 20%. Теперь коробка полностью готова. Иллюстрация на 100% векторная, никаких растровых включений и эффектов не осталось.

Наш урок завершён! Напоминаю, что если вы ещё не записались на занятия по курсу Adobe Illustrator шаг за шагом, то это можно сделать по ссылке �� нажми меня.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Я всегдахотела создать свою собственную бумагу для упаковки подарков, поэтому решилапровести вас за кулисы процесса создания, где мы создадим узор. Одна из самыхмощных возможностей в Illustrator – возможность создавать сплошные или повторяющиеся узоры,т.к. они сочетаются со всеми видами производственных средств, таких кактекстиль, графический дизайн, создание принтов и веб-дизайн. В прошлом дизайнеры избегали узорных шаблонов, т.к. их было сложно редактировать. Сегодня мы научимся делать это легко и создадим нашу собственную упаковочную бумагу в процессе.

1. Настраиваемдокумент

Шаг 1

Давайтеначнём с зарисовки элементов нашего узора. Я зарисовала тему к Хэллоуину по мотивамKawaii, с котороймы будем работать. Вы можете самостоятельно нарисовать скелеты, мумии, ведьм, Франкенштейна, Дракулу и пугающий текст или использовать те рисунки, которые нарисовала я.

Помните, чтоитоговая работа будет чёрно-белой по трём причинам: это стильно, дешевленапечатать в одном цвете, и детям будет весело раскрашивать получившийсярисунок.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Шаг 2

Откройте новыйдокумент в Illustrator CC (Command-N). Мы хотим создать монтажную область такогоразмера, с которым сможем работать. В целом размер не важен, если он неслишком маленький или большой. Сейчассоздадим монтажную область 600 х 600 пикселей. Дайте ей название и поместите (Файл> Поместить) зарисовку на нашу область, подогнав масштаб под параметрыдокумента.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Заблокируйте«Слой 1» на панели Слоёв и Создайте новый слой, дав ему название «Рисунок».

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

2. Создаём кавайную летучую мышь

Характерная черта японского стиля Kawaii – жирные контуры и вариации штриховна рисунке. Поэтому мысосредоточимся на формировании нашихэлементов посредством изменения Толщины обводки. Я нарисую первых двухперсонажей с вами и расскажу вам обо всех остальных.

Шаг 1

Инструментом«Эллипс» (L) вчертитекруглые формы, формируя мышь – заливка на 0, чёрная обводка на 0.1. Подгоните масштаб,трансформируйте и поверните несколькоэллипсов, чтобы они вписались в эскиз.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Шаг 2

Для созданиякрыла выделите три эллипса под крылом и используйте функцию Объединения на панели Обработки контуров. Выделите фигуру эллипса за новой фигуройи нажмите на «Минус нижний» на панели Обработки контуров. Удалите нижнюю обрезанную фигуру.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC. Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Шаг 3

Для созданияушей Инструментом «Прямоугольник» (М) нарисуйте блок с правой стороны от эллипсауха и нажмите на Вычитание переднего на панели Обработки контуров, чтобы мысмогли вырезать фигуру уха.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Шаг 4

Длявнутреннего крыла Инструментом «Дуга» нарисуйте дугу от одного края к другому.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Шаг 5

Для рта используйтеИнструмент «Эллипс» (L) (заливка на 0, чёрная обводка толщиной3) и перейдите в Объект > Разобрать, чтобы превратить контур в фигуру.Затем, как и для уха, создайте прямоугольник, чтобы покрыть верхнюю половинуконтура рта и нажмите на Вычитание переднего на панели Обработки контуров.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Шаг 6

Используйте Инструмент«Перо» (Р), чтобы вручную нарисовать клыки.

Отрегулируйтеи расположите части тела по своему усмотрению. Затем заполните фигуры цветом.Вы увидите, что я заполнила свою мышь чёрным цветом с белой обводкой иСкруглёнными углами (на панели Обводки).

Выделите ухо,крыло, глаз и клык: Alt-Shift-перетащить для копирования и с выделеннымикопиями перейдите в Объект > Трансформировать > Зеркально отразить элементы(по вертикальной оси). Вы можете перетащить их в нужную область.

Наконец, Сгруппируйте(Command-G) все формы мышивместе.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

3. Создаём кавайного паука

Шаг 1

Давайте перейдём к пауку. Паучья голова очень похожа на мышиную. Я добавила звезду в качестве зрачков при помощи Инструмента «Звезда». Для паутиной нити был использован Инструмент «Отрезок линии» (\) с Толщиной обводки 3 и следующими настройками: Скруглённый конец и Угол, Наклонная линия: Наклон 1/ Промежуток 5.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Шаг 2

Для ног создайте овал Инструментом «Эллипс» (L) и перейдите в Объект > Контур > Добавить опорные точки. Инструментом «Ножницы» (С) обрежьте, как показано ниже. Удалите нижнюю часть эллипса и преобразуйте концы оставшейся части в Скруглённые концы на панели Обводки.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Шаг 3

Скопируйте ногу: Alt-Shift-перетащить для создания остальных трёх ног. Затем отрегулируйте масштаб и поверните каждую ногу, чтобы она пропорционально входила в эскиз. После этого выделите четыре ноги и при помощи Инструмента «Зеркальное отражение» (О) установите точку привязки (светло-синий курсор) в центре тела паука.

Дважды кликнув на инструменте на панели Инструмента, мы можем воспользоваться окном с расширенными настройками Зеркального отражения. Выберите «Вертикальный» и нажмите «Копировать». Теперь у нас есть отражённая копия выделенной области.

Сгруппируйте (Command-G) все элементы паука вместе.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

4. Создаём кавайную сладкую кукурузу

Шаг 1

Нарисуйте длинный овал Инструментом «Эллипс» (L). Перейдите в Эффект > Деформация > Дуга, настроив Горизонтальный сгиб на 61%. Нажмите ОК.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Шаг 2

Чтобы наклонить основы, выберите Инструмент «Свободное трансформирование» (Е) на панели Инструмента и выберите «Свободное искажение«, чтобы изменить низ. У Инструмента «Свободное трансформирование» есть новый виджет, который позволяет вам контролировать деформацию объектов естественным образом.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Шаг 3

Разберите оформление (Объект > Разобрать оформление), чтобы позже при вращении объектов они не деформировались. После этого создайте маленький овал для искорок, Эффект > Исказить и трансформировать >Втягивание и раздувание. Примените Втягивание 49%.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Шаг 4

Перетащите, удерживая Shift-Alt для создания копии, и уменьшите масштаб, чтобы создать маленькую искру. Затем Разберите оформление (Объект > Разобрать оформление) обоих искорок.

Инструментом «Эллипс» (L) создайте глаза. Для создания улыбки также воспользуйтесь Инструментом «Эллипс» (L) с чёрной обводкой и без заливки. Инструментом «Ножницы» (С) на панели Инструмента разделите её на половины и примените Скруглённые концы на панели Обводки. Используйте Инструмент «Отрезок линии» (\), чтобы создать разделения контура объекта. Выделив обе линии, перейдите в Эффект > Деформация > Дуга вниз при Горизонтальном сгибе 35%. Разберите оформление обеих линий.

Перед группированием наших элементов вам может понадобиться правильно расставить элементы. Сгруппируйте (Command-G), когда закончите.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

5. Создаём кавайную тыкву

Шаг 1

Инструментом «Эллипс» (L) нарисуйте овал под углом, затем используйте Инструмент «Зеркальное отражение». Перейдите в Обработка контуров > Объединить, чтобы соединить фигуры.

Инструментом «Преобразовать опорную точку»(Shift-C) сделайте верхний и нижний наклон. Используйте Инструмент «Эллипс» (L) для создания глаз.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Шаг 2

Инструментом «Эллипс»(L) нарисуйте рот, а Инструментом «Перо» (Р) создайте выступающую фигуру зуба. Перейдите в Обработка контуров > Вычитание переднего.

Затем для создания бороздок тыквы используйте Инструмент «Отрезок линии» (\) для создания двух вертикальных линий. Для левой линии перейдите в Эффект > Дуга, установив значение на 37%(вертикально) и для правой линии — -37%.

Разберите оформление двух согнутых линий. Затем перейдите в Упорядочить > На задний план. Корешок тыквы и вьюнки были нарисованы от руки Инструментом «Перо» (Р).Сгруппируйте фигуры по окончании.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

6. Создаём других персонажей

Шаг 1

Для остальных персонажей и объектов на узоре мы продолжаем использовать те же инструменты в создании. Кратко расскажу об этом:

  • Кровавое глазное яблоко: Инструмент «Эллипс» (L) для основных частей. Инструмент «Перо» (Р) для капилляров. Инструмент «Скруглённый прямоугольник» для кровавых потёков. Сгруппировать (Command-G).
  • Конфета: Инструмент «Эллипс» (L) + Инструмент «Скруглённый прямоугольник» + Инструмент «Звезда» использованы для главных частей. При помощи Инструмента «Эллипс» (L) и панели Обработки контуров вы можете сделать закрученные концы обёртки и рот. При помощи Инструмента «Зеркальное отражение» (О) создайте зеркальное отражение. Сгруппируйте (Command-G).
  • Призрак: Инструмент «Эллипс» (L) для глаз и рта и Инструмент «Отрезок линии» (/) для нижних складок века, затем Инструмент «Скруглённый прямоугольник» для рук и Инструмент «Перо» (Р) для фигуры тела. Перейдите в Обработка контуров > Объединить, чтобы соединить тело. Сгруппируйте (Command-G).
  • Череп: Инструмент «Эллипс» (L) для черепа и глаз и «Скруглённый прямоугольник» для челюсти. Обработка контуров > Объединить, чтобы соединить части вместе. Инструмент «Перо» (Р) и «Эллипс» (L) для бантика, и затем Инструмент «Зеркальное отражение» (О). Инструмент «Эллипс» (L) и «Прямоугольник«, Обработка контуров > Объединить, чтобы сделать кости. Сгруппировать (Command-G).
  • Кот: Инструмент «Эллипс» (L) для тела и «Отрезок линии» (\) для вибриссов. Для глаз используйте Инструмент «Эллипс» (L) с белой обводкой и без заливки. Используйте Инструмент «Ножницы» (С) на панели Инструмента, чтобы разрезать линию глаз на половины. Инструментом «Перо» (Р) создайте уши. Объект > Контур > Параллельный контур для внутреннего выравнивания ушей. Сгруппировать (Command-G).
  • Гроб: Инструмент «Многоугольник» и «Перо» (Р). Объект > Контур > Параллельный контур для внутреннего выравнивания. Инструмент «Эллипс» (L) для глаз. Инструмент «Прямоугольник» (М), чтобы создать крест. Объединить на панели Обработки контуров (Command-G).
  • Паутина: Инструмент «Многоугольник» и «Отрезок линии» (\). Затем Сгруппировать (Command-G)

Шаг 2

Убедитесь, что внешняя оболочка ваших объектов состоит из толстой обводки и тонких внутренних штрихов. Все штрихи должны иметь Скруглённые концы. У внешних фигур обводка была 6, а внутренние штрихи — между 1-3. Разные линии помогают наметить фигуры. Рот тыквы, насупленные брови были отражены в улыбку (Объект > Трансформировать > Зеркально отразить (по горизонтали)). Финальный результат должен выглядеть как-то так:

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

7. Создаём текст

Шаг 1

Новая функция в Illustrator — Инструмент «Печать вслепую». При помощи Инструмента «Печать» (Т) напечатайте «ВОО!», использовав шрифт » ChunkFive «.

На панели инструментов или панели Символов вы можете найти Инструмент «Печать вслепую». Если мы выберем любой символ этим инструментом вы увидите появившиеся маркеры для изменения буквы. Например, для вращения щёлкните на маленьком кружке на верху маркеров. Вы можете управлять всеми параметрами также и с панели Символов. Здорово то, что если у вас Wacom Cintiq, вы можете управлять символами, просто касаясь экрана пальцем. круто! Можете свободно управлять своим текстом по своему усмотрению.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Шаг 2

Для текста «trick-or-treat» я использовала шрифт Brody , однако, вы можете использовать любой другой шрифт. В Illustrator CC есть новый расширенный фильтр на панелях Управления и Символов, который поможет найти подходящий шрифт. Это облегчает поиск, т.к. есть предпросмотр шрифтов, их видов, а также можно открыть список стилей, например italic, bold и т.д. для конкретного шрифта.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

8. Создаём узор

Шаг 1

После завершения создания рисунка нам нужно из него сделать узор. Переместите и измените нарисованные элементы, как вам нравится. Я скопировала несколько паутин и изменила масштаб элементов. Как закончите, Сгруппируйте все объекты вместе (Command-G).

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Шаг 2

Мои элементы больше, чем мне нужно для печати, т.к. я буду печатать на принтере А4, поэтому я уменьшила масштаб, удерживая клавишу Shift, чтобы зафиксировать пропорции. Убедитесь, что стоит галочка в Иллюстратор > Установки > Основные > Масштабировать обводки и эффекты, иначе рисунок не уменьшится в размерах.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Шаг 3

Чтобы создать узор, перейдите в Объект > Узор > Создать, чтобы появилась панель Настроек узора. Вы увидите плиточный узор, затемнённый вокруг оригинальной копии. На этом этапе вы можете внести любые нужные изменения в рисунок, расстояние и тип. Когда закончите, Назовите свой узор «Кавайный Хэллоуин».

Создайте Копии 9х9, чтобы посмотреть, как это будет смотреться в большом масштабе. Копии определяют количество повторений рисунка на предпросмотре узора. Нажмите «Готово» в верхней части экрана, и ваш узор появится как новый образец на панели Образцов.

Выделите сгруппированный рисунок и перейдите в Объект > Спрятать > Выделенное (Command-3).

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

5. Изменяем монтажную область

Шаг 1

Теперь, когда наш узор готов, нам нужно решить, на бумаге какого размера мы его напечатаем. У большинства есть принтер А4. Поэтому мы перейдём в Файл > Настройка документа > Редактировать монтажные области: Стиль: А4 или настройте размеры доступной печатной бумаги.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Выделив образец «Кавайный Хэллоуин», возьмите Инструмент «Прямоугольник» (М) и создайте прямоугольник, который подойдёт под ваши параметры.

Файл > Печать. Введите нужные настройки для принтера и распечатайте на белой бумаге. Для большой распечатки отнесите документ в местную печатную контору, где вы сможете получить длинный лист.

Создаём упаковочную бумагу к Хэллоуину по мотивам Kawaii в Illustrator CC.

Заверните!

Счастливой упаковки! При помощи разных инструментов и инструментов нового Illustrator CC вы смогли создать собственную упаковочную бумагу к Хэллоуину! Здорово то, что вы всегда можете вернуться к образцу с узором и изменить текст, поэтому если вы собираетесь напугать Мумию, за минуту измените текст и распечатайте!

Я действительно надеюсь, что вам понравилось моё руководство, и я бы с удовольствием посмотрела бы на ваши узоры упаковочной бумаги к Хэллоуину.

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

В этом уроке мы будем рисовать набор упаковки в векторном формате. Для этого нам понадобится 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/Редактировать>Редактировать цвета>Насыщенность.

Как сделать упаковку в иллюстраторе

  • 6 282

В этом уроке вы узнаете, как нарисовать картонную коробку в Adobe Illustrator. Всего мы подготовим три разных варианта.

Сначала, с помощью базовых фигур и инструментов, мы нарисуем основной вариант без крышки. Затем продолжим с другими вариантами: с закрытой крышкой и открытой.

Шаг 1

Запускаем Illustrator и жмем Ctrl+N, чтобы создать новый документ.

В выпадающем меню Units (Единицы измерения) выбираем Pixels (Пикселы), вводим размер 1360 пикселей по ширине и 750 пикселей по высоте. Нажимаем кнопку Advanced (Дополнительно), чтобы развернуть дополнительные настройки.

Выбираем цветовой режим RGB, разрешение Screen (72ppi) (Экранное) и снимаем галочку напротив Align New Objects to Pixel Grid (Выровнять новые объекты по пиксельной сетке). Закончив, жмем ОК.

Шаг 2

Для начала нарисуем основу коробки. Берем Rectangle Tool (M) (Прямоугольник) и создаем квадрат размером 210 х 210 пикселей.

Убедитесь, что созданная фигура выбрана, и переходим Object – Transform – Rotate (Объект – Трансформировать – Поворот). В появившемся окне вводим 45 градусов и нажимаем ОК.

Берем Direct Selection Tool (A) (Прямое выделение), выбираем верхнюю опорную точку фигуры и перемещаем ее на 113 пикселей вниз и 9 пикселей вправо.

Затем выделяем нижнюю опорную точку и сдвигаем ее на 107 пикселей вверх и 5 пикселей влево.

Выделяем весь квадрат и дублируем его (Ctrl+C, Ctrl+F), затем перемещаем копию на 199 пикселей вниз.

Теперь берем Direct Selection Tool (A) (Прямое выделение), выделяем верхнюю опорную точку нижней фигуры и смещаем ее на 12 пикселей вверх.

Далее выделяем левую опорную точку и перемещаем ее на 4 пикселя вверх.



Шаг 3

Выделяем оба объекта из Шага 2 и дублируем их (Ctrl+C, Ctrl+F), затем меняем цвет обводки на красный.

С помощью Direct Selection Tool (A) (Прямое выделение) и зажатой клавиши Shift, выбираем две опорные точки красной фигуры и на верхней панели свойств нажимаем на кнопку Cut path at selected anchor points (Вырезать контур по выделенным опорным точкам). Таким образом режем на отдельные отрезки все стороны обеих фигур.

Затем выделяем левые точки обеих фигур, кликаем по ним правой кнопкой мыши и выбираем Join (Соединить). В результате между этими точками должен появиться новый отрезок. Выделяем правые точки и соединяем их вместе.

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

Продолжаем работу и выделяем два красных отрезка, как показано на шестой картинке, и жмем Ctrl+J, чтобы соединить их вертикальными линиями. Повторяем действие, чтобы соединить оставшиеся отрезки.

Как нарисовать картонную коробку
Как нарисовать картонную коробку
Как нарисовать картонную коробку

Шаг 4

Берем Rectangle Tool (M) (Прямоугольник) и создаем прямоугольник размером 75 х 20 пикселей с фиолетовым контуром. Не снимая с него выделения, дублируем фигуру (Ctrl+C, Ctrl+F).

Размещаем обе копии на коробке, как показано ниже.

Теперь берем Direct Selection Tool (A) (Прямое выделение), выделяем две правые опорные точки левого прямоугольника и перемещаем их на 22 пикселя вниз.

Затем выделяем две правые опорные точки правого прямоугольника и перемещаем их на 19 пикселей вниз.

Выделяем оба фиолетовых прямоугольника и переходим Effect – Stylize – Round Corners (Эффект – Стилизация – Скругленные углы). В появившемся окне устанавливаем радиус на 10 пикселей и нажимаем ОК, затем применяем Object – Expand Appearance (Объект – Разобрать оформление).


Шаг 5

Выбираем левый прямоугольник, созданный в четвертом шаге, и дублируем его (Ctrl+C, Ctrl+F).

Не снимая выделение с копии, зажимаем клавишу Shift и кликаем по левому красному контуру.

Открываем панель Window – Pathfinder (Окно – Обработка контуров) и нажимаем на кнопку Minus Front (Минус верхний). Затем жмем Ctrl+[, чтобы перенести получившуюся фигуру под левый фиолетовый объект.

Теперь выбираем правый фиолетовый прямоугольник и копируем его. Не снимая выделение, зажимаем клавишу Shift и кликаем по правому синему контуру. Затем на панели Pathfinder (Обработка контуров) нажимаем на кнопку Minus Front (Минус верхний).

Затем жмем Ctrl+[, чтобы переместить получившуюся фигуру под правый фиолетовый объект.

Не снимая выделение с фигуры, зажимаем клавишу Shift и кликаем по правому фиолетовому объекту, затем перемещаем их под правый красный контур (Ctrl+[).

И, наконец, выделяем верхний черный контур, созданный во втором шаге и перемещаем его на передний план (Ctrl+Shift+]).



Шаг 6

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


Шаг 7

Выделяем правый красный контур, удаляем обводку и заливаем фигуру линейным градиентом, как показано на первой картинке.

Дублируем получившуюся фигуру (Ctrl+C, Ctrl+F), затем меняем цвета копии, как показано на второй картинке.

После этого, не снимая выделение с копии, переходим Effect – Stylize – Feather (Эффект – Стилизация – Растушевка), в появившемся окне вводим радиус 6 пикселей и жмем ОК.



Шаг 8

Выделяем левый красный контур, удаляем обводку и заливаем фигуру линейным градиентом, как показано на первой картинке.

Дублируем фигуру (Ctrl+C, Ctrl+F), заменяем цвета градиента, как показано на второй картинке.

Не снимая выделение с копии, переходим Effect – Stylize – Feather (Эффект – Стилизация – Растушевка). Устанавливаем радиус на 6 пикселей и жмем ОК.



Шаг 9

Берем Add Anchor Point Tool (+) (Перо+) и добавляем две опорные точки на левом фиолетовом прямоугольнике в местах, отмеченных зеленым на скриншоте ниже.

Выделяем эти две точки и нажимаем на кнопку Cut path at selected anchor points (Вырезать контур по выделенным опорным точкам) на верхней панели свойств. В результате прямоугольник разделится на два закругленных контура.

Выделяем верхнюю часть и удаляем ее. Затем выделяем нижнюю, устанавливаем ширину обводки на 2 пикселя и заменяем цвет на пастельный оранжевый оттенок (#e1b689).

Затем к получившемуся контуру применяем профиль переменной ширины Width Profile 1 (Профиль ширины 1) (находится на верхней панели рядом с шириной обводки).

Перед продолжением выделяем обе правые фигуры и переходим Object – Hide – Selected (Объект – Спрятать – Выделенное), чтобы скрыть их.

Обратите внимание на третью картинку внизу. Берем Add Anchor Point Tool (+) (Перо+) и добавляем две новые опорные точки в местах, отмеченных зеленым цветом.

Выделяем их и на верхней панели свойств нажимаем на кнопку Cut path at selected anchor points (Вырезать контур по выделенным опорным точкам). В результате фиолетовый контур разделился на две части.

Удаляем верхнюю часть. Затем выделяем нижнюю, устанавливаем ее ширину на 2 пикселя и заменяем цвет на светло-оранжевый оттенок (#ffcc99).

Затем применяем профиль Width Profile 1 (Профиль ширины 1). В конце переходим Object – Show All (Объект – Показать все) или нажимаем Ctrl+Alt+3, чтобы восстановить скрытые фигуры.

Также выделяем черный контур, созданный во втором шаге, и заменяем его на цвет #ffcc99. На панели Window – Stroke (Окно – Обводка) устанавливаем Align Stroke (Выровнять) на Align Stroke To Inside (Обводка внутри линии), чтобы углы контура не выступали за границы коробки.



Шаг 10

Чтобы добавить мелких деталей, рисуем вертикальный контур, используя инструмент Line Segment Tool (\) (Линия), устанавливаем для контура ширину обводки на 1 пиксель и выбираем темно-оранжевый цвет (#593716).

Применяем к созданному контуру размытие Effect – Blur – Gaussian Blur (Эффект – Размытие – Размытие по Гауссу) с радиусом 2 пикселя, затем скрываем линию под передними сторонами коробки (Ctrl+[).

Обратите внимание на третью картинку снизу. Создаем новую вертикальную линию шириной 4 пикселя и выбираем для нее оранжевый цвет (#fac683) без заливки.

Затем применяем к линии профиль ширины Width Profile 6 (Профиль ширины 6) и Gaussian Blur (Размытие по Гауссу) с радиусом 3 пикселя.

Убедитесь, что созданная линия все еще выделена. Дублируем ее (Ctrl+C, Ctrl+F). Не снимая выделение с копии, открываем панель Window – Appearance (Окно – Оформление) и удаляем эффект Gaussian Blur (Размытие по Гауссу).

Заменяем цвет обводки на темно-оранжевый (#4d2505) и устанавливаем ширину на 3 пикселя.

Затем применяем профиль Width Profile 1 (Профиль ширины 1) и эффект Feather (Растушевка) с радиусом 2 пикселя.

В конце выделяем нижний черный контур, созданный во втором шаге, удаляем его обводку и заливаем черным цветом. Затем применяем к нему Gaussian Blur (Размытие по Гауссу) с радиусом 3 пикселя.




Шаг 11

Выделяем все объекты, созданные начиная с Шага 2, и группируем их (Ctrl+G).

Из первой части урока вы узнали, как нарисовать картонную коробку без крышки. Готовый результат должен выглядеть вот так:

Шаг 12

Теперь нарисуем коробку с закрытой крышкой. Выделяем группу с коробкой, созданную в Шаге 11, и дублируем ее (Ctrl+C, Ctrl+F), затем размещаем копию рядом с оригиналом.

Берем Selection Tool (V) (Выделение), дважды кликаем по коробке, затем выделяем контур, показанный на первой картинке ниже. Жмем Ctrl+C, чтобы скопировать его, и дважды кликаем в пустом месте рабочей области.

Далее жмем Ctrl+F, чтобы вставить скопированный объект.

Не снимая выделение с фигуры, меняем цвет обводки на синий.

Затем применяем к синему контуру Object – Transform – Scale (Объект – Трансформировать – Масштабирование). В появившемся окне выбираем Uniform (Равномерно) и устанавливаем его на 108%, жмем ОК. После этого смещаем получившийся объект на 3 пикселя вверх.

С помощью Direct Selection Tool (A) (Прямое выделение) выбираем верхнюю опорную точку синего контура и смещаем ее на 4 пикселя вправо.

Затем выделяем нижнюю точку и смещаем ее на 4 пикселя влево.


Шаг 13

Дублируем (Ctrl+C, Ctrl+F) синий контур, созданный в Шаге 12. Заменяем цвет копии на красный и перемещаем ее на 70 пикселей вниз.

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

С помощью Direct Selection Tool (A) (Прямое выделение) и клавиши Shift, выделяем опорные точки желтого и красного контуров. Затем на панели свойств нажимаем на кнопку Cut path at selected anchor points (Вырезать контур по выделенным опорным точкам). Таким же образом режем на отдельные отрезки оба контура.

Выделяем отрезки, как показано ни третьем рисунке, кликаем по ним правой кнопкой мыши и выбираем Join (Соединить).

Меняем цвет получившегося контура на зеленый.

Повторяем весь процесс и создаем такой же зеленый контур справа.

Продолжаем выделять отрезки, как показано на седьмой картинке, и жмем Ctrl+J, чтобы соединить их вместе.

Соединяем оставшиеся отрезки.





Шаг 14

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

Перемещаем полученную фигуру на задний план (Ctrl+Shift+[).

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

Перемещаем полученную фигуру на задний план.

Перед продолжением выделяем синий объект, созданный в Шаге 12 и перемещаем его на передний план (Ctrl+Shift+]).

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

Дублируем (Ctrl+C, Ctrl+F) получившуюся фигуру, заменяем ее цвет, как показано на последней картинке.

В конце применяем к этой фигуре эффект Feather (Растушевка) с радиусом 6 пикселей.




Шаг 15

Выделяем правый красный контур, удаляем обводку и заполняем фигуру линейным градиентом, как показано на первой картинке.

Дублируем (Ctrl+C, Ctrl+F) получившуюся фигуру, затем меняем цвет копии, как показано на второй картинке. Не снимая выделения с фигуры, применяем Effect – Stylize – Feather (Эффект – Стилизация – Растушевка) с радиусом 5 пикселей.


Шаг 16

Выбираем левый красный контур, удаляем обводку и заполняем фигуру линейным градиентом, как показано на первой картинке.

Дублируем (Ctrl+C, Ctrl+F) получившуюся фигуру, затем меняем цвет копии, как показано на второй картинке.

Не снимая выделения с фигуры, применяем Effect – Stylize – Feather (Эффект – Стилизация – Растушевка) с радиусом 6 пикселей.


Шаг 17

Выбираем первую фигуру, созданную в Шаге 15 и дублируем ее (Ctrl+C, Ctrl+F).

Не снимая выделение с копии, переходим Effect – Stylize – Drop Shadow (Эффект – Стилизация – Тень). Вводим настройки, как показано ниже, и нажимаем ОК.

Теперь выделяем правую переднюю часть коробки и дублируем ее, затем переносим копию на передний план (Ctrl+Shift+]).

Не снимая выделение с фигуры, зажимаем клавишу Shift и кликаем по объекту с эффектом тени, который мы создали в этом шаге. Затем кликаем правой кнопкой по выделенным деталям и в выпадающем меню выбираем Make Clipping Mask (Создать обтравочную маску).

В конце переносим получившуюся фигуру на задний план (Ctrl+[).


Шаг 18

Выбираем первую фигуру, созданную в Шаге 16 и дублируем ее (Ctrl+C, Ctrl+F).

Не снимая выделение с копии, переходим Effect – Stylize – Drop Shadow (Эффект – Стилизация – Тень). Вводим настройки, как показано ниже, и нажимаем ОК.

Теперь выделяем правую переднюю часть коробки и дублируем ее, затем переносим копию на передний план (Ctrl+Shift+]).

Не снимая выделение с фигуры, зажимаем клавишу Shift и кликаем по объекту с эффектом тени, который мы создали в этом шаге. Затем кликаем правой кнопкой по выделенным деталям и в выпадающем меню выбираем Make Clipping Mask (Создать обтравочную маску).

В конце переносим получившуюся фигуру на задний план (Ctrl+[).


Шаг 19

Давайте добавим несколько мелких деталей. С помощью Line Segment Tool (\) (Линия) рисуем вертикальную линию оранжевого цвета (#fac683) и шириной 3 пикселя.

Применяем к ней профиль переменной ширины Width Profile 6 (Профиль ширины 6) и Gaussian Blur (Размытие по Гауссу) с радиусом 3 пикселя.

Не снимая выделение с линии, дублируем ее (Ctrl+C, Ctrl+F). Открываем панель Window – Appearance (Окно – Оформление) и удаляем эффект Gaussian Blur (Размытие по Гауссу).

Меняем цвет копии на темно-оранжевый (#4d2505) и уменьшаем ширину до 2 пикселей.

Затем применяем профиль Width Profile 1 (Профиль ширины 1) и эффект Feather (Растушевка) с радиусом 2 пикселя.


Шаг 20

Выделяем все объекты, которые мы создали, начиная с Шага 12, и группируем их (Ctrl+G).

Картонная коробка с закрытой крышкой готова. Результат должен выглядеть примерно так:

Шаг 21

Далее вы узнаете, как нарисовать картонную коробку с открытой крышкой. Выделяем коробку, созданную в Шаге 11 и копируем ее (Ctrl+C, Ctrl+F), размещаем дубликат рядом с оригиналом.

Используя Line Segment Tool (\) (Линия), создаем четыре отрезка с обводкой и без заливки, как показано ниже.

Закончив, выделяем их и дублируем (Ctrl+C, Ctrl+F), затем переходим Object – Hide – Selected (Объект – Спрятать – Выделенное), чтобы спрятать копии.

Выделяем два отрезка, показанные на второй картинке, кликаем по ним правой кнопкой мышки и выбираем Join (Соединить).

Затем снова кликаем правой кнопкой мышки и опять выбираем Join (Соединить).

Не снимая выделение с фигуры, меняем ее цвет на желтый.

Повторяем процесс и создаем такую же желтую фигуру справа.



Шаг 22

Перед продолжением, переходим Object – Show All (Объект – Показать все), чтобы восстановить скрытые в Шаге 21 отрезки.

С помощью Direct Selection Tool (A) (Частичное выделение) и клавиши Shift выделяем две верхние опорные точки красных отрезков и жмем Ctrl+J, чтобы соединить их новой линией.

Выделяем две нижние точки красных отрезков и снова жмем Ctrl+J. В итоге должна получиться фигура, как на четвертой картинке ниже.

Повторяем процесс и соединяем между собой оставшиеся синие отрезки.


Шаг 23

Выделяем две желтые фигуры, созданные в Шаге 21, и дублируем их (Ctrl+C, Ctrl+F).

Заменяем цвет копий на зеленый и перемещаем на передний план (Ctrl+Shift+]).

С помощью Direct Selection Tool (A) (Прямое выделение) и клавиши Shift опорные точки зеленых фигур. Затем на верхней панели свойств нажимаем на кнопку Cut path at selected anchor points (Вырезать контур по выделенным опорным точкам).

Выделяем и удаляем четыре оставшихся длинных отрезка.

Далее инструментом Direct Selection Tool (A) (Прямое выделение) и клавиши Shift выделяем две опорные точки, выделенные черным на третьей картинке внизу, и жмем Ctrl+J, чтобы соединить их.

Выделяем две нижние точки этой же фигуры и снова жмем Ctrl+J. У вас должен получиться результат, как на шестой картинке.

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



Шаг 24

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

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

Выбираем нижний зеленый объект, удаляем его обводку и заливаем темно-коричневым цветом (#5b3915).

Переходим к четвертой картинке. Используя Line Segment Tool (\) (Линия) создаем отрезок темно-красного цвета (#1e0f12) и шириной 2 пикселя, без заливки.

Затем применяем к нему Gaussian Blur (Размытие по Гауссу) с радиусом 2 пикселя.

Выбираем все три фигуры и отрезок, созданные в этом шаге, и отправляем их на задний план (Ctrl+Shift+[).





Шаг 25

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

Дублируем (Ctrl+C, Ctrl+F) получившуюся фигуру, затем меняем цвет копии, как показано на второй картинке.

Не снимая выделение с копии, переходим Effect – Stylize – Feather (Эффект – Стилизация – Растушевка). Устанавливаем радиус на 5 пикселей и жмем ОК.

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

Дублируем получившуюся фигуру, меняем цвет заливки копии, как показано на последней картинке ниже. Затем применяем к копии эффект Feather (Растушевка) с радиусом 6 пикселей.




Шаг 26

Выбираем синий контур и переносим его на передний план (Ctrl+Shift+]).

Далее выбираем опорные точки синего контура и на панели свойств нажимаем кнопку Cut path at selected anchor points (Вырезать контур по выделенным опорным точкам).

Выбираем нижний отрезок синего контура и меняем его цвет на #88582a.

Далее выбираем правый отрезок и меняем его цвет на #c99755.

Выделяем оба отрезка, которым мы меняли цвет, и прячем их под крышкой (Ctrl+[).

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




Шаг 27

Давайте добавим мелкие детали. С помощью Line Segment Tool (\) (Линия) рисуем отрезок на углу коробки шириной 3 пикселя. Заливку отключаем, а цвет обводки устанавливаем на светло-оранжевый (#fac683).

Затем применяем к обводке профиль переменной ширины Width Profile 6 (Профиль ширины 6) и эффект Gaussian Blur (Размытие по Гауссу) с радиусом 3 пикселя.

Не снимая выделение с контура, дублируем его (Ctrl+C, Ctrl+F).

Открываем панель Window – Appearance (Окно – Оформление) и удаляем эффект Gaussian Blur (Размытие по Гауссу).

Меняем цвет копии на темно-коричневый (#4d2505) и устанавливаем ширину обводки на 2,5 пикселя.

Затем применяем к копии профиль Width Profile 1 (Профиль ширины 1) и эффект Feather (Растушевка) с радиусом 2 пикселя.


Шаг 28

Выделяем левую сторону крышки, созданную в шаге 25 на четвертой картинке, и дублируем ее (Ctrl+C, Ctrl+F).

Не снимая выделение с копии, переходим Effect – Stylize – Drop Shadow (Эффект – Стилизация – Тень). Применяем настройки, как показано ниже.

Далее выделяем левую грань коробки и дублируем ее, затем переносим на передний план (Ctrl+Shift+]).

Не снимая выделение с копии, зажимаем клавишу Shift и выделяем фигуру с тенью, которые мы создали в начале шага.

Кликаем правой кнопкой по выделенным объектам и выбираем Make Clipping Mask (Создать обтравочную маску).

После этого переносим получившуюся фигуру (Ctrl+[) под левую сторону крышки, созданную в Шаге 25.


Шаг 29

Берем Direct Selection Tool (A) (Прямое выделение) и кликаем по задней внутренней стенке коробки, затем меняем ее цвет, как показано ниже.

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


Шаг 30

Выделяем все объекты, созданные начиная с Шага 21, и группируем их (Ctrl+G).

Картонная коробка с открытой крышкой готова:

Шаг 31

С коробками мы закончили и теперь можем заняться фоном. Берем Rectangle Tool (M) (Прямоугольник) и создаем темно-синий (#808285) прямоугольник размером 1354 х 746 пикселей.

Размещаем коробки поверх созданного фона.


Шаг 32

Чтобы коробки выглядели интереснее, давайте добавим отражение на поверхности. С помощью Pen Tool (P) (Перо) и Gradient Tool (G) (Градиент) рисуем две фигуру, как показано ниже.

Закончив, выделяем их и меняем режим смешивания на Multiply (Умножение).




Шаг 33

Выделяем два угловых отрезка, как показано на первой картинке, затем берем Reflect Tool (O) (Зеркальное отражение), зажимаем клавишу Alt и кликаем по нижней опорной точке.

В открывшемся диалоговом окне выбираем Horizontal (Горизонтальная) и кликаем на кнопку Copy (Копировать), затем нажимаем Ctrl+G, чтобы сгруппировать копии.

Выделяем фигуры, созданные в Шаге 32 и копируем их, затем отправляем копии на передний план (Ctrl+Shift+]).

Не снимая выделение с копий, открываем панель Window – Pathfinder (Окно – Обработка контуров) и нажимаем на кнопку Unite (Соединение).

Выбираем получившуюся фигуру, зажимаем клавишу Shift и кликаем по группе, созданной в этом шаге. Затем кликаем правой кнопкой мышки по выделенным фигурам и выбираем Make Clipping Mask (Создать обтравочную маску).

Затем уменьшаем непрозрачность обтравочной фигуры до 10%.

В конце выделяем все объекты, созданные начиная с Шага 32, и группируем их (Ctrl+G), затем переносим полученную группу под коробки (Ctrl+[).



Шаг 34

Дважды дублируем группу из Шага 33 и распределяем копии под остальными коробками, как показано ниже.

В этом уроке вы узнали, как нарисовать картонную коробку в Adobe Illustrator. Надеюсь, вам понравилось, и вы узнали что-то новое для себя. Подписывайтесь на обновления сайта и делитесь уроком с друзьями в социальных сетях. Приятного творчества!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *