Сегодня мы с вами научимся создавать этикетку для пива. Вот так будет выглядеть окончательное изображение

Шаг 1. Создание документа

Создайте новый документ размером А4 в режиме CMYK цвета. Скорей всего эти настройки у вас стоят по умолчанию, но проверьте на всякий случай. Выберите инструмент прямоугольник Tool (M), без заполнения и размер линии 0.25 пт, а затем нажмите кнопку один раз на листе, и введите следующие размеры 100мм в ширину и 90мм в высоту. Выберите инструмент Эллипс Tool (L), нажмите один раз на листе и введите следующие размеры 53,3мм на 55,8мм. Выберите обе фигуры (эллипс и квадрат)и совместите центр объектов по горизонтали и вертикали.

Шаг 2. Создание меток обреза

Выберите квадрат затем перейдите в меню Filter > Create > Crop Marks (в AI CS3). Затем увеличьте размер квадрата до следующих размеров: 105 мм на 95 мм. Это сделано для того, чтобы наш квадрат выходил за рамки меток обреза, так как при резке этикетки должен быть запас для технологических целей.

Шаг 3. Центрирование этикетки

Выберите все элименты (Ctrl+A), в панеле Align выровняйте по центру листа все объекты. Выберите квадрат и метки обреза и в меню выберите Object > Lock > Selection (Ctrl+2)

Шаг 4. Создание овала

Ок, теперь мы можем наконец заняться и созданием дизайна для этикетки. Первым делом скопируйте созданный нами овал (но пока его не вставляйте). Залейте овал темно зеленным цветом (#6B752A). Задайте линиии обводки шириной 3pt и светло зеленного цвета (#D3E27E) Тип линии Inside. В панеле Appearance добавьте еще одну линию обводки темно зеленного цвета (#6B752A) и толщиной в 1.5pt, тип линии Outside.

Шаг 5. Вырезаем центр

Теперь пришло время вставить скопированный нами объект (Ctrl+F). Затем дважды нажмите на инструмент Scale Tool для вызова диалога, введите 65% в поле Uniform.

Затем выберите оба эллипса и в панели Pathfinder примените Subtract From Shape Area затем нажмите Expand.

Шаг 6. Создаем название пива

У вас в клипбоарде должен еще сохраниться первоначальный овал, вставим его на передний план еще раз (Ctrl+F). Снова вызовем дилоговое окно инструмента масштабирования (Scale Tool), и введем значение в 71% поле Uniform.

Теперь выберем инструмент Type On A Path Tool и выберем шрифт (Я использовал Garamond Premier Pro 22pt) И установите цвет шрифта белым. Теперь нажмите на овал и напишите название вашего напитка.

Шаг 7. Вращение текста

Включим отображение линейки (Ctrl + R) или Menu > View > Show Rulers, затем выделите текст и нажав на линейку левой кнопки мышки не отпуская протяните до центра круга направляющую линию. Если направляющая линия не видна то перейдите в меню View > Show Guides (Ctrl + :). Используя инструмент Selection Tool (V) отцентруйте текст используя направляющие.

Шаг 8. Добавляем фон к овалу

Выбираем инструмент Ellipse Tool, нажимаем и удерживаем клавиши Alt + Shift пока рисуем новый овал с центром в нашем овале. Зальем оранжевым цветом (#DF771C) наш новый овал. Нажмите на правую кнопку мышки и выберети Arrange > Send to Back (Ctrl + Shift + [) для того чтобы разместить наш новый овал на заднем фоне.

Шаг 9. Создаем баннерную ленту

Выберите инструмент для рисования прямоугольника (M) и один раз кликните на листе. Введите следующие значения 59 мм и 8 мм для ширины и высоты соответственно. С выделенным прямоугольником перейдите в панель Gradient и выствьте линейный градиент с цветом #533930 по краям и в центре #A6583F. Задайте обводку толщиной в 1pt и черным цветом, отметьте галочкой пункт Round Join.

Шаг 10. Сжимаем!

С выделенным нашим прямоуугольником перейдем в меню Object > Envelope Distort > Make With Warp и выберем Squeeze, отметим Horizontal и в Bend выставим только 2%.

Шаг 11. Создаем текст на баннере

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

Шаг 12. Создаем концы баннера (Часть 1)

Выберите инструмент Rectangle Tool (M) и кликните один раз на листе, введите следующие размеры в открывшееся диалоговое окно: 13мм и 8 мм. Добавьте обводку шириной в 1pt черного цвета, также выделите пункт Round Join. Не снимая выделения с прямоугольника перейдите в панель градиента и выставьте линейный градиент со значениями цвета слева #533930 и #DF771C справа.

Шаг 13. Создаем концы баннера (Часть 2)

С выделенным нашим прямоугольником перейдем в меню Object > Path > Add Anchor Points. Затем выбираем инструмент Direct Selection Tool (A) выделяем среднюю точку справа на нашем прямоугольнике и перетаскиваем ее влево, чтобы создат острые края. Нажмите и удерживайте клавишу Shift пока будете тянуть точку влево, это позволит вам ее перетянуть ровно.

Шаг 14. Позиционирование и дублирование концов баннера

Разместите получившийся объект справа и чуть ниже нашего большого прямоугольника и нажав правую кнопку на мышке выберите > Arrange > Send Backward. Скопируйте и вставьте на передний фон (Ctrl+F) наш объект . Выбрав скопированный объект и нажав правую кнопку выберите Transform > Reflect.

Выберите vertical и 90 градусов для поворота.

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

Шаг 15. Создание деталей баннера

Теперь добавим нашему баннеру реалистичности: нарисуем переход между полотнищем и окончанием баннера. Выберите инструмент перо Pen Tool(P) и нарисуйте треугольник от правого нижнего угла баннера к левому нижнему угла окончания, затем вверх и затем к началу треугольника. Залейте получившийся треугольник темно коричневым цветом (#2D1C17) и черным контуром шириной в 1pt затем переместите получившийся треугольник между верхним баннером и его окончанием.

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

.

Шаг 16. Изгибаем баннер

Выделяем все части баннера и переходим в меню Object > Envelope Distort > Make With Warp, выберите Arc и 12% в поле Bend.

Шаг 17. Создание пшеничных зерен

Конечно мы могли бы воспользоваться готовыми шаблонами, но мы ведь с вами учимся работать, поэтому мы сами создадим пшеничные колосья. Используем инструмент Ellipse Tool (L) создадим маленький овал любого цвета (2х3мм). Затем используя инструмент Convert Anchor Point Tool кликнем на верхней точке овала. Скопируйте и вставьте копию нашего зерна, нам оно пригодится позже, поэтому передвиньте его пока в сторону.

Выделим наш оригинал овала и выберем инструмент Direct Selection(A) Tool и потянем вверх верхнюю точку направляющей слева на нашем овале в право и вверх. Теперь это больше похоже на зарнышко пшеницы.

Дважды кликните на инструменте поворота Rotate Tool (R) для вызова диалогового окна и введите значение -20 градусов.

Шаг 18. Трансформация зерен

Выделите наше зернышко, затем перейдите в меню и выберите Effect > Distort & Transform > Transform. Это изуметельное свойство программы Illustrator. Используя этот инструмент вы можете создавать интереснейшие заливки и формы. В нашем случае мы хотим создать колосок и для этого нам нужно повторить наше зерно несколько раз. Поставьте галочку на Preview и введите 3 в поле копии и -2,8 мм в поле дистанции по вертикали. Затем нажмите ОК.

Шаг 19. Создание левой стороны колоска

Скопируйте и вставьте на передний план нашу правую сторону (Ctrl + F), затем нажмите на правую кнопку и выберите > Transform > Reflect, и Vertical 90 градусов. Затем поставьте наверх нашего колоска копию зернышка, которую мы вначале отодвинули в сторону.

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

Шаг 20. Изгибаем пшеницу

Выберем все элементы колоска и зальем их белым цветом. Выберем из меню Object > Envelope Distort > Make with Warp, выберем Arc для формы изгиба, отметим Vertical, введем значение 30% в поле Bend.

Шаг 21. Размещение колосков на этикетке

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

Шаг 22. Добавление текста снизу

Добавим год создания нашего пива "2009" или любой другой текст, какой вы захотите.В меню перейдите Object > Envelope Distort > Make with Warp и введите отрицательное значение в эффекте Arch. Разместите полученный текст снизу и по центру нашей этикетки.

Шаг 23. Добавление текста сверху

Скопируем наш верхний текст на жтикетке. Затем вставим его на передний фон. Увеличим размер овала зажав одновременно клавиши Alt+Shift для равномерного увеличения от центра. Когда овал с текстом станет больше нашей этикетки поменяем размер шрифта и фразу на слоган. Изменим цвет с белого на #6B752A. Используя инструмент Selection Tool (V) отцентруем наш слоган относительно центра этикетки.

Шаг 24. Добавление изображения

Добавим теперь фотографию пивовара или любое другое изображение на нажу этикетку.. Желательно, чтобы изображение было на белом фоне. Я решил добавить изображение вампира. Откроем это изображение в Adobe Photoshop.

Шаг 25. Подготовка изображения

В Photoshop перейдем в меню Image > Adjustments > Threshold и выровняем ползунком до хорошего значения баланса черного и белого.

Затем используя инструмент Elliptical Marquee Tool (M) создадим выделение вокруг головы и плеча.Изменим выделение на обратное Select > Inverse и удалим лишнее. После этого обрежем фотографию до нужного размера и сохраним ее.

.

Шаг 26. Трассировка фотографии

Поместим нашу фотографию в Иллюстратор. Выделите фото и нажмите на кнопку Live Trace, выберите необходимые настройки.

Шаг 27. Заливка пустующих областей

Выберите инструмент Live Paint, затем используя Live Paint Bucket Tool (K), залейте все пустующие места белым цветом. Отмасштабируйте изображение и поставьте его на оранжевй фон, но ниже нашего зеленого овала.

Шаг 28. Добавляем фон и линии

Выделим наш квадрат фона этикетки и закрасим его светло-зеленным цветом (#D3E27E), и уберем контур. Используйте инструмент Line Tool для создания двух горизонтальных линий шириной 0.25pt черного цвета; одну расположите возде верха этикетки, а другую возле низа. Длина линий должна быть чуть больше фона, они потом все равно обрежутся по нашим мектам обреза.

Шаг 29. Заливка линиями

Используя инструмент Blend Tool легко создать заливку из линий. Выберите обе линии перейдите в меню Object > Blend > Blend Options и выберите занчение 50 для Specified Steps и нажмите OK.

Теперь перейдите в меню Object > Blend > Make для применения эффекта. Переместите получившиеся линии на задний план, но перед нашим светло-зеленным фоном.

Шаг 30. Размытие линий в центре

Еще одной замечательной особенностью в Illustrator является Opacity Mask. Я использую это для того чтобы убрать линии из центра. Скопируем наш светлозеленный квадрат и вставим его перед линиями, закрасим его радиальным градиентом от белого к черному с черным цветом в центре.

Выберите квадрат с градиентом и линии, в панеле Transparency выберите Make Opacity Mask.

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

Шаг 31. Подготовка к печати

Теперь нам нужно подготовить нашу этикетку к печати. Для этого во-первых нам нужно перевести все тексты в кривые. Выделите все тексты в вашем дизайне, перейдите в меню и выберите Type > Create Outlines. Во-вторых иногда при печати могут возникнуть проблемы с печатью замаскированных объектов, чтобы этого не произошло выберите нашу маску прозрачности и перейдите в меню Object > Flatten Transparency

Вот теперь вы можете передавать ваш файл в типографию.

Заключение

А вот и наш готовый продукт.

Если Вам был интересен этот урок и Вы хотите получить больше знаний по программам Adobe Illustrator и Adobe Photoshop, то мы рекомендуем записаться к нам на курс "Графический Дизайн: Adobe Illustrator" и "Графический Дизайн: Adobe Photoshop".
Наш телефон: 03-5610283 - BeitNelly Media