Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Halloween
Design

Создаём свою ужасную коробку с поп-корном в Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

Russian (Pусский) translation by Anastassiya Abramenko (you can also view the original English article)

Final product image
What You'll Be Creating

В этот Хэллоуин пусть ваши гости взвоют, увидев эти изготовленные дома коробки для попкорна с выглядывающими глазными яблоками.  Я рекомендую обыграть "Экзорциста", "Техасскую резню бензопилой" или "Рассвет мертвецов". Лучший атрибут вечеринки - кровавая коробка для попкорна, врученная каждому из друзей, чтобы они кричали от ужаса?

Это руководство поможет создать распечатываемую коробку для попкорна, чтобы внести жути в вашу вечеринку. Вы научитесь создавать шаблон для работы, использовать кисти для свободного рисования и познакомитесь с некоторыми советами и рекомендациями по Adobe Illustrator. Я затрону традиционные инструменты Illustrator, а также новые функции, такие как Перспективное искажение, и научу вас делиться своими работами на Behance, а также расскажу, как использовать виджеты "Динамические углы" и многое другое. 

Пусть вечеринка начнётся!

1. Создаём и настраиваем шаблон

Шаг 1

Для начала нам нужно создать шаблон. Создание шаблона может сохранить ваше время, и вам не нужно будет заново изобретать раскладку всякий раз, когда понадобится украсить коробку для попкорна. Создайте новый файл: Файл > Новый (Command-N). Назовите его "Попкорн", установите Размер на А4 и убедитесь, что ориентация Горизонтальная. Нажмите ОК.

Начнём, нарисовав первую сторону шаблона. Я сделала за вас домашнее задание, поэтому вам не нужно рассчитывать параметры.

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

Давайте начнём, выбрав Инструмент "Прямоугольник"(М). Один раз нажмите на монтажной области, чтобы открылось диалоговое окно Прямоугольника и введите Широту 9.4 см и Высоту 14.7 см. 

Вам нужно открыть панель Информации (Окно > Информация или Command-F8), чтобы мы могли установить параметры нашего шаблона.

Выбрав Инструмент "Свободное трансформирование" (Е), вы заметите, что на монтажной области появился прозрачный виджет, который можно взять и перетащить куда угодно. На виджете есть четыре иконки. Выберите третью - Перспективное искажение. Перспективное искажение всегда скрыто, поэтому нужно удерживать клавишу Shift при передвижении опорных точек.

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

Теперь нам нужно создать нижнюю складку коробки с попкорном. Это будет та складка, которая закрывает коробку снизу, чтобы попкорн не вываливался. Чтобы получить диаметр основы, вам нужно измерить расстояние между двумя базовыми точками. Мы можем сделать это при помощи Инструмента "Линейка". Выберите этот инструмент, нажав и удерживая Инструмент "Пипетка", чтобы увидеть его на панели Инструментов.

Кликните на двух точках, чтобы измерить расстояние между ними, кликнув на первой точке и перетащив Инструмент "Линейка" на вторую точку (перетащите, удерживая Shift, чтобы спрятать инструмент).

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

Вы увидите, что базовое расстояние равно Ширине: 6 см.

Зная, что в нашей основе всего 6 см, выберите Инструмент "Прямоугольник" (М) и создайте прямоугольник с Шириной 6 см и Высотой 3.5 см и поместите его под нашим первым прямоугольником. Высота 3.5 см рассчитана при помощи базовой математики.  Наша основа - это квадрат 6 х 6 см, поэтому вам нужно разделить диаметр основы пополам и добавить дополнительные 0.5 см для створок, чтобы они перекрывали, и вы позже смогли склеить их.

Снова возьмите Инструмент "Свободное трансформирование" (Е) и примените Перспективное искажение к нижним точкам, пока не достигните Высоты: 88.55%. 

Шаг 2

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

Во второй боковой группе нам нужно укоротить длину нижней складки, чтобы закрывашка коробки была гибкой. Используйте Инструмент "Прямое выделение" (А), чтобы выделить нижние базовые опорные точки.  Удерживая клавишу Shift, перетаскивайте две опорные точки, пока от высоты не отнимется 1 см. Эти складки выглядят как-то так:

Закройте панель Информации - она нам больше не нужна.

Выделите вторую боковую группу, затем возьмите Инструмент "Поворот" (R). Вы увидите центральную отправную точку (светло-голубой круг), которая появится в середине выделенной области. Вращение будет начинаться в этой точке. Перетащите её на точку стыка двух сторон коробки и поворачивайте выделенную область, пока обе стороны не встретятся на верхней складке коробки.

Единственный оставшийся элемент на нашем шаблоне - это боковая складка, которая соединяет верхние складки вместе. Возьмите Инструмент "Перо" (Р) и нарисуйте от руки приблизительную складку 1 см на конце второй стороны. Она не должна быть идеальной, т.к. эта складка будет внутри коробки.

Сгруппируйте все элементы вместе, расположите их по центру в середине холста и установите серую Обводку 0.15 на панели Обводки.

На панели Слоёв дважды кликните на "Слое 1" и назовите слой "Шаблон". Заблокируйте его.

Нам также нужно создать два других слоя. В конце панели Слоёв вы увидите иконку "Создать новый слой". Кликните, чтобы появился новый слой. Измените название слоя на "Рисунок". Перетащите слой "Рисунок" под слой "Шаблон". Затем создайте ещё один слой под "Рисунком" и назовите его "Эскиз".

Шаг 3

Перейдите в Файл > Сохранить (Command-S) и сохраните его как Шаблон Illustrator с расширением “.ait”. Либо можете просто выбрать Файл > Сохранить как шаблон, и он автоматически выберет формат “.ait” в диалоговом окне. Вы увидите, что иконка файла немного отличается от файла AI - на ней есть складка в правом углу.

Шаг 4

Теперь распечатаем файл и нарисуем страшные, кровавые элементы. Либо есть вариант экспортировать файл, Файл > Экспортировать. Экспортируйте в формате PNG с выбранным пунктом "Использовать монтажные области". Откроется панель с Настройками PNG. Установите Разрешение на Среднее (150) с Белым цветом Фона. Откройте файл в Adobe Photoshop и начните рисовать стилусом, если он под рукой.

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

Как закончите, отсканируйте свою иллюстрацию или сохраните файл как "Эскиз_Попкорна.png".

popcorn box template sketch

2. Настройка кисти

Шаг 1

Откройте шаблон "Коробка_с_попкорном.ait" (Файл > Открыть (Command-O)). Когда сделаете это, вы увидите, что название документа - “Untitled”(Безымянный). Это потому, что когда вы открываете шаблон, то открываете его новую версию, поэтому вы можете создать абсолютно новый документ, не переделывая существующую работу и настройки. 

Выберите слой "Эскиз" на панели Слоёв. Затем Файл > Разместить и выберите "Эскиз_попкорна.png". Появится графический указатель с маленьким предпросмотром выбранного изображения. Перетащите загруженный графический указатель и поместите его в верхний левый угол холста. Таким образом, ваша картинка будет расположена точно под шаблоном. Если с первого раза не получилось, просто выделите свою картинку и перетащите в нужное место.

Дважды кликните на Слое с "Эскизом" - откроется панель с Настройками слоёв. Выберите "Заблокировать" и "Затемнить изображения" на 50%. Нажмите ОК.

Файл > Сохранить (Command-S). Сохраните файл как AI. Назовите его "Зомби_попкорн.ai". Теперь, когда файл импортирован, мы можем подготовить наши художественные кисти.

Шаг 2

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

Убедитесь, что находитесь на слое "Рисунок".

Возьмите Инструмент "Перо" (Р), который позволит вам нарисовать все виды прямых и плавных линий, кривые и закрытые фигуры.

Начните изображать штрихи кистью в готическом стиле с пиками или стекающими как кровь линиями.

Совет: вы можете сгруппировать несколько фигур вместе и создать единую кисть для более смертоносного эффекта. Посмотрите, какие я создала фигуры.

Шаг 3

Откройте панель Кистей (F5 или Окно > Кисти).

Выделите каждую фигуру, из которой хотите сделать кисть и перетащите их на палетку Кистей. Откроется окно "Новая кисть". Выберите "Художественная кисть", нажмите ОК. Откроется панель с Настройками художественной кисти. Не нужно давать название каждому штриху, т.к. вы узнаете их из предпросмотра. Просто выберите "Растянуть, чтобы подошло под длину штриха", установите Ширину на Фиксированную и установите Метод раскраски "Оттенки", чтобы мы смогли раскрасить позже.

Вуаля, наша художественная кисть готова!

Теперь проделайте те же шаги с другими фигурами и заполните свою библиотеку Кистей.

Удалите все фигуры с монтажной области или выделите все фигуры и спрячьте их (Объект > Спрятать (Command-3)) на случай, если захотите изменить их позже.

Совет: протестируйте художественные кисти, чтобы убедиться, что они передают нужный вам эффект и удалите те, которые вам не нужны, перейдя на панель Кистей.

3. Обводка

Шаг 1

Давайте начнём обводить! Возьмите Инструмент "Кисть" (В) и выберите кисть на панели Кистей с чёрной обводкой и размером 1. Затем начните обводить по линиям эскиза. Главное - это изменять толщину обводки своими кистями. Всё дело в разнообразии. Используйте метод проб и ошибок и посмотрите, что подходит вашему дизайну.

Посмотрите, что у меня получилось при помощи Инструмента "Кисть" (В).

Шаг 2

Вы заметите, что мы обошли некоторые части при обводке иллюстрации. Это потому, что мы заполним эти части Инструментом "Перо" (Р).

Нам нужно Выделить > Всё (Command-A), чтобы выделить всю штриховую работу, и закрепить эти линии, чтобы можно было свободно рисовать поверх них. Объект > Закрепить > Выделенное (Command-2).

Возьмите Инструмент "Перо" (Р) с чёрной заливкой и без обводки и обведите остальной эскиз.

Шаг 3

После того, как вы заполнили большие части, разблокируйте свою обводку: Объект > Освободить всё (Command-Option-2).

Теперь можете добавить завершающие штрихи своей обводке и отредактировать фигуры.

В Illustrator CC (обновление 17.1) есть функция, в которой вы можете легко редактировать углы и контуры объектов.

Возьмите Инструмент "Прямое выделение" (А), выделите объект, и на углах вы увидите несколько новых появившихся элементов управления. Они называются Виджетами динамических углов и изображены в виде круга с точкой в центре. Вы можете выбрать Виджет динамических углов и изменить форму угла, дважды кликнув на нём. Появится диалоговое окно Углов. Здесь вы можете выбрать из трёх типов углов: Круглый, Инвертированный круглый или Острый. Вы также можете установить значение и вид Радиуса округления. 

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

Шаг 4

Когда вы закончите с деталями рисунка, заблокируйте Слой "Рисунок". Затем удалите слой "Эскиз", перетащив его с панели Слоёв на иконку корзины на этой панели.

Хотите показать свою работу в прогрессе? Можете загрузить свой новый рисунок напрямик в Behance из Illustrator, если залогинитесь с Adobe ID. Нажмите на иконку Behance в нижнем левом углу активного окна или кликните Файл > Поделиться на Behance, заполните все детали работы в диалоговом окне "Поделиться на Behance" и опубликуйте её как Работу в прогрессе на Behance! Если не хотите этого делать, просто переходите к следующему шагу.

4.Цвет

Шаг 1

После того, как мы закончили обводить, мы можем раскрасить жуткий рисунок.

Найдите иконку "Создать новый слой" в нижней части панели Слоёв. Дважды кликните на слое и назовите его "Цвета". С выбранным Инструментом "Перо" (Р) заполните пространство цветом Заливки по своему усмотрению, без обводки. Фокус в том, чтобы сначала разделить иллюстрацию на два цветовых блока. В обводке не требуется идеальность. Всё, что вам нужно, это Инструмент "Перо" (Р), чтобы Упорядочить объекты на слое:

Упорядочить > На передний план (Command-Shift-])

Упорядочить > Переложить вперед (Command-])

Упорядочить > Переложить назад (Command-[)

Упорядочить > На задний план (Command-Shift-[)

Шаг 2

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

Возьмите Инструмент "Пипетка" (I) и кликните на одном из оттенков. Затем дважды кликните на Заливке на панели Инструментов. Появится диалоговое окно Выбора цвета, и вы увидите круглую иконку, выбирающую цветной градиент. Проведите круглой иконкой по кругу, чтобы выбрать более тёмный оттенок, и нажмите ОК. Затем возьмите Инструмент "Перо" (Р) и добавьте более тёмный оттенок на рисунок.

Шаг 3

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

Шаг 4

Финальный шаг - заблокировать слой "Цвета" и окрасить цвет некоторых штрихов и фигур, которые есть в чёрном цвете. Например, я придала капиллярам глаз красный цвет и добавила белые сияющие блики и капли на кишках.

Готово, умники!

Распечатайте свой документ. Файл > Печать (Command-P).

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

Совет: Печатайте на печатной бумаге А4, толще 80 г/м. Когда распечатаете и склеите части, убедитесь, что клей и чернила достаточно долго высыхали, прежде чем положить внутрь попкорн, иначе попкорн будет со вкусом и запахом клея!

С Illustrator CC (17.1) создание дизайна и иллюстрации стало намного проще и быстрее. Динамические углы, комбинации клавиш и улучшения делают эту программу фантастической, позволяя вам работать быстрее и редактировать свой дизайн с лёгкостью. Надеюсь, вам понравилось это руководство, и вы узнали как работать с шаблонами, создавать художественные кисти и делить свою работу на слои.

Наслаждайтесь, и пусть крики взрываются!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.