Подарочные коробки в Adobe Illustrator
В этом уроке мы будем рисовать подарочные коробки в Adobe Illustrator. Для их создания мы используем инструмент Mesh/Сетчатый градиент. Мы создадим детали отдельно, затем соберем их вместе. В итоге у нас получатся реалистичные банты и коробки.
Результат
1. Рисуем первый вариант коробки
Шаг 1
Начнем с использования Mesh/Сетчатого градиента (U) для создания первое части банта.
Начнем с создания прямоугольника при помощи инструмента Rectangle/Прямоугольник (M).
Укажите фигуре цвет #584382 , затем возьмите инструмент Mesh/Сетчатый градиент и кликните по фигуре, создавая в месте клика новую точку. Создавайте новые точки, ориентируясь на пошаговую инструкцию ниже, и выкрашивайте новые точки, используя цвета #3A2250 , #C0BDE7 и #6F5F91 .
Шаг 2
Нарисуйте эллипс цвета #3B224F , и поместите его как показано ниже. Выделите обе фигуры и сгруппируйте их, нажав Control-G.
Шаг 3
Подобным образом создайте следующую фигуру, используя инструмент Mesh/Сетчатый градиент и следующие цвета:
- #533F7C
- #3C2552
- #C0BDE7
- #725E9C
Шаг 4
- #604C8A
- #3A224E
- #BFBAE7
Шаг 5
- #533F7C
- #3B2351
- #BCB8E3
- #8D7EB6
Шаг 6
Добавьте эллипс цвета #3A2455 и сгруппируйте обе фигуры.
Шаг 7
Последняя фигура для банта.
- #533F7C
- #3C2554
- #B0AAD8
Шаг 8
Соберите бант из созданных фигур.
Шаг 9
Нарисуйте круг цвета #3A2455 и поместите его под бантом.
Шаг 10
Рисуем ленту. Поместите две полосы цвета #8F78BD на прямоугольник цвета #402556 .
Шаг 11
Дублируйте ленту и перекрестите копии. Поместите на стык бант.
Шаг 12
Нарисуйте еще одну ленту, используя цвета #402556 и #8F78BD .
Шаг 13
Снова поместите на место перекрещения бант.
Шаг 14
Теперь создайте копию первых лент с бантом.
Не снимая выделения с копии, выберите в меню Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Корректировка цветов, выберите Color Mode: Grayscale/Цветовой режим: оттенки серого и снизьте параметр Black/Черный до -25%. Не забудьте нажать Convert/Конвертировать!
Шаг 15
И снова войдите в меню Adjust Colors/Коррекция цвета. На этот раз выберите режим RGB, включите опцию Convert/Конвертировать, и настройте параметры как показано ниже:
Шаг 16
Повторите тот же процесс со вторыми лентами и бантом.
Шаг 17
Давайте нарисуем коробку! Создайте прямоугольник цвета #5A4788 со слегка скругленными углами. Затем при помощи сетчатого градиента закрасьте некоторые точки в цвет #39245F . Затем добавьте света цветом #BBADDE .
Шаг 18
Создайте копию прямоугольника. Не снимайте с него выделения и выберите в меню Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Коррекция цвета.
Настройте параметры как показано ниже.
Шаг 19
Выкрасьте правый и нижние края в цвет #979797 .
Шаг 20
Создайте разные сочетания коробок с бантами, и под ними растяните эллипс с радиальным градиентом от серого цвета к белому в качестве тени.
Создаем брендовый подарочный пакет
В этом уроке будем создавать дизайнерский или брендовый подарочный пакет. Для того, чтобы нарисовать брендовый пакет будем использовать простые фигуры и стандартные текстуры, которые предлагает Adobe Illustrator.
1. Создаем 4 простые фигуры и заливаем их линейным градиентом.
2. Копируем одну из передних сторон (Ctrl + C) и вставляем 2 копии сверху (Ctrl + F). Одну из копий сдвигаем вниз. Для наглядности я их залил разным цветом. Выделяем обе копии и на панели Pathfinder жмем кнопку Minus Front.
3. Проделываем те же действия со второй передней стороной.
4. Добавляем уголки изгиба и убираем контур.
5. Открываем палитру текстур. Для этого на панели Swatches открываем закладку Libraries > Patterns > Decorative и выбираем пункт Decorative Modern.
6. Копируем каждую фигуру передней части пакета (Ctrl + C) и вставляем сверху. Выделяем каждую по очереди, применяем к ней текстуру и выставляем показатель непрозрачности на 15.
7. Для того. чтобы создать отверстия для ручек пакета берем инструмент Elipse Tool и создаем овалы как показано на рисунке ниже. Заливаем их цветов или градиентом. Для блика создаем отдельную фигуру инструментом Pen Tool и заливаем его булым цветом.
8. Копируем получившееся отверстие и распологаем обе фигуры на пакете.
9. Берем инструмент Pen Tool и рисуем фигуру ручки пакета и заливаем ее линейным градиентом.
10. Также рисуем тень для ручки пакета и выставляем показатель непрозрачности. Переносим фигуру тени под фигуру ручки пакета.
11. Рисуем тень, которая падает от пакета.
12. Для того, чтобы создать этикетку создаем три фигуры: 2 круга и прямоугольник, как показано на рисунке ниже. Для нагрлядности я их залил разным цветом. Выделяем зеленый круг и голубой прямоугольник и жмем кнопку Unite на панели Pathfinder.
13. Выделяем красный круг и получившуюся в предидущем шаге фигуру. Щелчком правой клавиши мыши вызываем контекстное меню, в котором выбираем пункт Make Compound Path.
14. Этикетка почти готова и остается только добавить на нее декора. Для этого выделяем фигуру этикетки и на закладке Object > Path выбираем пункт Offset Path. В открывшемся окне вводим параметры, показанные на рисунке ниже. В результате этого была создана копия этикетки с меньшими размерами. Добавляем ей текстуру и выставляем показатель непрозрачности.
15. Переносим этикетку в то место, где хотим ее видеть. Берем инструмент Brush и рисуем веревочку, которая будет держать этикетку. Если вы рисуете для микростоков, то не забудьте преобразовать элементы созданные кистью в кривые. Подробнее об этом можете узнать в статье Как преобразовать растр в вектор.
Резельтат
Треппинг в Illustrator
Следует сразу сказать об ограничениях и подводных камнях ручного треппинга объектов вёрстки в Illustrator. Треппинг можно сделать только тем объектам, которые не имеют контура (stroke). Поскольку треппинг делается методом overprint (оверпринт), то даже если объект треппинга окажется на заднем плане, треппинговый контур может проявиться на печатном оттиске. Что характерно, увидеть данный дефект будет можно только на VPS (Virtual Proof System), т.е. программе эмитирующей полиграфический растр.
Автоматизированная вёрстка
Готовится к запуску онлайн сервис по автоматизированной вёрстке товарных каталогов. Сервис позволяет существенно сократить труд верстальщика и приобщить к работе компетентных людей в области товароведения, т.е. продакт-менеджеров. О том: подходит ли данный сервис вашему производству? Как это работает? Каков экономический эффект от внедрения данного продукта? и о многом другом Вы сможете прочитать в разделе, посвящённом сервису автоматизированной вёрстки товарных каталогов…
Открою файл-заготовку. Это созданный мной ранее в Illustrator логотип для компании Street by Street (Путеводитель по Москве) (см. рис. 1).
Выделим нужные однотипные объекты. Зададим объекту контур (stroke) толщиной 0,1 мм (рис.2). Контура могут взаимодействовать с объектом 3-я способами. 1) Центрироваться, т.е. половина контура расширяет объект, другая половина внедряется в объект. 2) Внутрь, т.е. контур полностью внедряется в объект. 3) Наружу, т.е. контур полностью расширяет объект. Метод должен выбираться в зависимости от того с каким объектом заднего плана будет взаимодействовать объект треппинга. Если объект треппинга светлее объекта заднего плана, то выбираем 3-й вариант – outside. Если объект треппинга темнее, то 2-й вариант – inside. Если задний план сложный, то 1-й вариант – center. В моём случае объект заднего плана более тёмный, значит параметр Align Stroke = Outside. Перекрашиваем будущий треппинговый контур в цвет объекта, в моём случае это Yellow–100%.
Активизируем окно «Window—Attributes» [Ctrl+F11] и ставим галочку в параметре Overprint Stroke (рис. 3). Сохраняем, открываем вёрстку в Indesign или Quark, апдейтим (update) и записываем PDF. Как правильно записать PDF я расскажу на уроках по предпечатной подготовке.
Максимально увеличиваем PDF (рис. 4). Виден тёмный контур вокруг жёлтой буквы. Цвет заднего объекта (фона) C–100%, M–80%, Y–0%, B–69%. А цвет треппингового контура виден на рисунке, он C–100%, M–80%, Y–100%, B–69%, что и следовало доказать.
Видео урок. Треппинг в illustrator
В видео-уроке рассматриваются примеры создания треппингового контура в illustrator для различных случаев. Иными словами, рассказано как сделать треппинг в illustrator своими руками. Рассматриваются 3-и примера, т.е. три уровня сложности.
Загрузка...
