Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


Банка Pepsi


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

Затем примените к контуру банки радиальную градиентную заливку от голубого к темно-синему. Не волнуйтесь, дальше мы добавим деталей.
alt
Займемся верхней частью банки. Создайте новый слой "верх банки". При помощи инструмента Ellipse нарисуйте два концентрических овала. Выделите оба овала и объедините их, выбрав Object > Compound Path > Make. Затем создайте образец "металлического" градиента и примените его к получившемуся кольцу.

alt
Остальные составные части верха банки будут располагаться под только что нарисованным кольцом (так что в принципе можно не заботиться о точности их контуров), на новом слое ниже слоя с кольцом или просто как объекты, лежащие на том же слое, но ниже. Для заливки прочих частей верха используйте тот же самый "металлический" градиент.
alt
Добавим колечко-открывашку аналогичным способом. Для заливки используйте "металлический" градиент. Здесь для придания объема был использован эффект Drop Shadow. Сделайте колечко настолько детализированным, насколько требуется.
alt
Теперь добавляем красную полоску в верхней части банки. Создайте новый слой "горлышко" и на нем нарисуйте овал в верхней части банки, как показано на рисунке ниже.
alt
Теперь с помощью Pen Tool добавьте пару точек и произвольно растяните контур овала за границы контура банки. Залейте получившуюся фигуру красным.
alt

alt
Скопируйте контур банки и вставьте его на слой с горлышком. Выделите оба объекта и в палитре Pathfinder нажмите Divide.

Разгруппируйте получившиеся фигуры и удалите все лишнее, оставив только необходимый контур верхней части банки.
alt
В зависимоcти от того, насколько реалистичной и детализированной вы хотите видеть свою банку, к горлышку можно применить либо обыкновенную градиентную заливку, либо, как это сделала я, применить градиентную заливку по сетке (Mesh Fill), прменение которой дает куда больший контроль над желаемыми бликами и тенями. Однако применение того или иного типа заливки зависит исключительно от ситуации.
alt
Наконец мы добрались до того этапа, когда наша банка становится похожа на настоящую банку. Теперь самое время заняться деталями.

Сначала мы придадим объем и блеск поверхности, а затем добавим наклейку с названием напитка.
alt
Скопируйте слой с контуром банки, назовите его, скажем, "текстура металла" и создайте еще один "металлический" градиент, на этот раз черно-белый.
alt
Залейте копию контура банки только что созданным градиентом и в палитре Transparency измените режим наложения на Overlay.
alt
Создайте новый слой и на нем нарисуйте полосу, идущую вдоль банки сверху вниз. Особенная точность здесь не важна. Залейте полосу белым и в палитре Transparency измените режим наложения на Overlay, Opacity - 25%. Так вы добавите банке металлический блик.

Чтобы лучше "вписать" блик в контур банки, можно попробовать применить к белой полосе эффект Outer Glow, цвет - белый, Opacity - 25%, Overlay. Это не обязательно, мне просто так больше нравится.
alt
Теперь мы создадим текстуру из точек, которая будет испльзована для наложения на поверхность банки.

Начните с очередной копии слоя с банкой. Расположите этот слой под слоем с "текстурой металла". Залейте контур банки на этом новом слое радиальным черно-белым градиентом, как показано на рисунке ниже.
alt
Теперь превратим градиент в узор из точек. Для этого в верхнем меню выберите Effect > Pixelate > Color Halftone с указанными значениями.
alt
Измените режим наложения на Overlay, 25%.
alt
Добавить на вашу банку логотип Pepsi очень просто. Начните с окружности.
alt
При помощи Pen Tool начертите пересекающую окружность прямую. Добавьте точку посередине прямой.
alt
Удерживая Alt, наведите курсор на добавленную точку. Вы заметите, что курсор изменил свою форму и стал похож на стрелку (это инструмент Convert Anchor Point - изменение типа узла). Выделите и тащите точку посередине; вы увидите две направляющие. При помощи этих направляющих придайте линии плавный изгиб.
alt
Продублируйте получившуюся кривую.
alt
Теперь выделите одновременно окружность и обе линии и в палитре Pathfinder нажмите Divide. Остается только лишь разруппировать получившиеся объекты и залить нижнюю часть синим, а верхнюю - красным, оставив середину белой.
alt
Добавьте логотипу блики и градиенты в зависимости от желаемого конечного результата.

Теперь осталось лишь добавить надписи и прочие мелкие детали. Для надписей я использовала стандартные шрифты Arial, Impact и MarkerFelt. Существуют шрифты, разработанные на основе популярных логотипов (например, шрифт Loki Cola).
alt
В завершении можно экспортировать результат в Photoshop, чтобы добавить свечение и прочие спецэффекты.
alt


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

комментарии (7)

#1 написал: naikon | 17 ноября 2008 15:00
     

понравилось good
#2 написал: Magus | 17 ноября 2008 15:17
     

ага прикольно)
#3 написал: -=SvoLoch=- | 17 ноября 2008 16:27
     

так и хочетса открыть и выпить drinks
#4 написал: TakeR | 17 ноября 2008 18:43
     

прикольный урок
#5 написал: INFERNAL | 14 января 2009 15:38
     

Банка так реалистично выглядит, прям как настоящая, текст тоже классно смотрится, и урок сам хороший, всё по полочкам расписано i_am_so_
#6 написал: www | 7 июня 2009 21:35
     

Мне кажется ,что надпись "MAC' кажется немного объёмной smile
#7 написал: Katya_Ket | 18 сентября 2010 16:10
     


хорошие уроки!
Спасибо)
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.