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

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

Создаем пивную этикетку в Adobe Illustrator

4 февраля 2013 | Опубликовано в Уроки | 1 Комментарий »

В  уроке мы будем создавать пивную этикетку средствами Adobe Illustrator. Урок состоит из двух частей. в первой части будем создавать пивной бокал, во второй — саму этикетку. Для создания основных фигур будем использовать простые инструменты, такие как Pen Tool, а также пользоваться опциями панели  Pathfinder.

Конечный результат

 

Создаем стакан с пивом

Шаг 1. Создаем форму пивного стакана 

С помощью инструмента Pen Tool рисуем контур пивного стакана. В качестве эталона можно взять картинку из Интерента. Если разместить изображение на монтажной области и инструментом Pen Tool рисовать поверх нее контур, можно добиться более реалистичных результатов.

Шаг 2. Закрашиваем форму градиентом 

Переходим к Window> Gradient, или выбираем инструмент градиента на панели слоев. К форме добавляем линейный градиент. Градиент должен быть похож на картинку ниже. Это будет основная заливка стекла стакана.

Шаг 3. Наполняем стакан пивом.  

 

Снова используем инструмент Pen Tool, чтобы создать форму пива, которым будет наполнен стакан. Добавляем к пиву градиент. По краям формы пива делаем более темный цвет, чтобы придать ему реалистичный эффект. 

 

Шаг 4.  Добавить градиенты  к верхней и нижней частям пива 

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

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

Шаг 5.  Добавляем на стекле блик 

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

Шаг 6.  Добавляем другие блики

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

Шаг 7. Добавляем тень 

 

Создайте форму, которая будет повторять контуры левого края бокала с пивом. Для этого можно дублировать форму с пивом ( Copy и Paste in Front) и использовать инструмент Minus Front  в панели Pathfinder  (Window > Pathfinder). Заливаем ее градиентом, как показано на изображении ниже. Возможно, понадобиться разместить ее за некоторыми другими формами. Для этого нажимаем Object> Arrange> Send Backward.

Шаг 8. Создаем край стекла  

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

Добавляем прямоугольные блики.

Шаг 9.  Создаем дно бокала

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

Также можно добавить дополнительные отражения.

Шаг 10. Создаем верхнюю часть пива и пузыри  

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

Для того чтобы создать пузыри, рисуем круг и добавляем к нему радиальный градиент со светло-желтым цветом в центре и темным по краям. С помощью опции Minus Front  палитры Pathfinder, создаем темно-коричневое затемнение и размещаем его по левому краю нашего пузыря. Когда пузырь будет создан, группируем все его формы и уменьшаем непрозрачность до 60%. 

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

 Создаем этикетку

Шаг 11. Создаем внешнюю обводку.  

Создаем круг и добавляем к нему градиент, как показано на изображении ниже. Рисуем еще один круг немного меньше предыдущего. В панели Pathfinder выбираем инструмент  Minus Front, чтобы создать форму кольца. 

Аналогичным образом создаем еще один круг. Размещаем новую фигуру сзади и в центре предыдущей. 

Создаем еще один круг. Переходим к инструменту Type > Type on the path и нажимаем на краю созданного круга. Вводим надпись.Дублируем текст и создаем для него темную обводку. Размещаем текст с обводкой под первым. Помещаем нашу надпись в центре между внутренними и внешними краями зеленого круга. 

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

Используя инструмент  Pen, создаем форму зернышка. Дублируем ее несколько раз и размещаем так, чтобы форма напоминала стебель ячменя. Залейте формы белым цветом. Дублируйте форму и разместите на зеленой обводке. 

Используем инструмент Rounded Rectangle Tool, чтобы создать форму, похожую на форму на скриншоте. Используем такой же градиент, который использовали на внешнем круге. Дублируем форму и немного ее уменьшаем. Размещаем ее внутри предыдущего прямоугольника. Выбираем два прямоугольника и выбираем уже знакомую опцию Minus Front. Размещаем эту фигуру в нижней части предыдущих форм. 

Используя инструмент Rectangle Tool, создаем похожую форму, которая будет размещена внутри предыдущего отверстия. Залейте прямоугольник таким же градиентом, который использовали для зеленого круга. И размещаем его за предыдущей формой. 

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

Поверх этикетки добавляем стакан с пивом.

Теперь можно добавить этикетку поверх бутылки с пивом. 

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

Автор урока: my corporate logo

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




Комментарии

  1. Виталий
    Thumb up Thumb down +2

    Классно, спасибо

    Ответить

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


− 4 = один

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