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

Авторизация

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

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


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


Создание пластиковой бутылки Coca Cola
Adobe Illustrator » Уроки 02 августа 2009 DeNRiXПечать


Создание пластиковой бутылки Coca Cola
 

Чтобы сделать этот урок, вам должны быть знакомы с трехмерными эффектами Illustrator'а. В этом уроке мы будет использовать эти методы и посмотрим, как Illustrator использует свойства прозрачности в трехмерных объектах. Только в нескольких шагах Вы создадите пластмассовую бутылку колы, дизайн которой будет интересен для тех из Вас, кто возможно вовлечён в маркетинг или рекламу этого продукта.

Вот что мы надеемся получить в нашем уроке.

Шаг 1.
Чтобы сделать наш объект, нам нужна этикетка и структура полосок на крышке бутылки. Сделайте этикетку с пропорциями, показанными ниже или используйте вашу собственную. Сгруппируйте эти объекты (Objects > Group). Примите во внимание то, как используются градиенты. Illustrator будет растрировать градиенты, накладывая изображения на трехмерные объекты. Это нужный эффект, при этом Вы ограничите масштабируемость своего заключительного объекта.
 
Создание пластиковой бутылки Coca Cola

Шаг 2.
Откройте панель символов (Window > Symbols) и перетащите каждый из этих двух объектов в это окно. В зависимости от версии Иллюстратора, появиться либо автоматический диалог вариантов символов, или вам, вероятно, придёться два раза щёлкнуть на символе, когда они будут находиться в этом окошке (в CS3, у меня то бишь, автоматически появляется диалог - прим. переводчика).
Выберите любой вариант, введите имя для каждого из двух символов в диалоге Symbol Options и нажмите ОК. Можете также настроить панель символов , чтобы сделать его выглядящим, как список (показано на изображении ниже), который позволяет Вам видеть списки символов с назначенными названиями. Теперь можете удалить изображения на рабочем поле.

Создание пластиковой бутылки Coca Cola

Шаг 3.
Теперь я перехожу в режим Outline, (Ctrl+Y, чтобы переключаться между основным режимом и Outline), работаю с векторными объектами, выбирайте удобный для вас способ.
Используйте различные инструменты (примитивы, такие как квадрат и круг), чтобы очертить форму бутылки колы. Выровняйте их по центру, но не переживайте, являются ли они идеально симметричными, мы собираемся разрезать посередине наш объект и использовать только половину. Есть много подходов к подготовке форм для применения эффекта вращения. Этот способ покажет вам, как создать заключительную форму перед тем,как применить трехмерный эффект.

Создание пластиковой бутылки Coca Cola

Шаг 4.
Используйте инструменты Pathfinder, чтобы слить формы, тогда нажмите кнопку Еxpand, чтобы получить 1 объект.

Создание пластиковой бутылки Coca Cola

Шаг 5.
Начертите вертикальную линию, пересекающую середину нашей бутылки. Потом выровняйте их вместе по центру. Теперь нажмите кнопку Divide. Вы разделите наш объект на 2 части. Разгруппируйте наш объект, (Objects > Ungroup) и удалите одну половину из них, не важно, какую. Вы поймете разницу в 11 шаге.

Создание пластиковой бутылки Coca Cola

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

Создание пластиковой бутылки Coca Cola

Шаг 7.
Мы снова возвращаемся к нашим инструментам Pathfinder. У вас нет никакой необходимости выравнивать наши линии, просто выделите всё на странице (Сtrl+A) и нажмите Divide. Нажмите Еxpand как и прежде. Затем разгруппируйте наши объекты.

Создание пластиковой бутылки Coca Cola

Шаг 8.
Используйте Direct Selection Tool, чтобы выбрать 4 точки вдоль края нашего объекта (см. на изображении). После этого удалите их. Должен остаться сегментированный вектор, определяющий внешний край половины бутылки

Создание пластиковой бутылки Coca Cola

Шаг 9.
Если вы до сих пор работаете в режиме Outline, переключитесь в нормальный (Ctrl+Y), таким образом мы можем задать цвета отдельным частям. Задайте цвет каждой из пяти секций бутылки и оставьте ширину обводки по умолчанию, это 1px, (ширина обводки определит толщину пластмассы Вашей бутылки, поиграйтесь с этим)

Создание пластиковой бутылки Coca Cola

Шаг 10.
Выделите все секции бутылки и сгруппируйте их (Object > Group). Это простой, но важный шаг в подготовке формы к применению трехмерного эффекта. Мы хотим, чтобы все секции рассматривались как одна единица для эффектов, которые будут применены к группе в целом. Не группируя их, эффект вращения был бы применен к каждой секции индивидуально, создавая пять отдельный трехмерных объектов. Попробуйте сами!

Создание пластиковой бутылки Coca Cola

Шаг 11.
Выделите теперь нашу бутылку. Идите в Effect > 3D > Revolve и нажмите Preview в панели опций. Вы увидите вашу трехмерную модель, с применённым эффектом вращения на 360 ° вокруг левого края (это по умолчанию).
Вспомните 5 шаг, когда я разделял объект на две части, я удалил правую часть, оставляя левую. Если вы сделали так же, ваша бутылка будет выглядеть, как же, как и у меня.
Вы должны будете изменить параметры настройки так, чтобы объект вращался вокруг правой стороны, (см. на втором изображении.)

Создание пластиковой бутылки Coca Cola
Создание пластиковой бутылки Coca Cola

Шаг 12.
В опциях 3D Revolve нажмите на Map Art, который откроет Mapping dialogue. Вы должны выбрать поверхности для нанесения наших заранее сохранённых символов. Для выбора используйте навигационные стрелки. Для того, чтобы выбрать нужные вам поверхности, может потребоваться время, так же будьте осмотрительны, вы можете выбрать обратные стороны объектов вместо внешних.
Нажмите Shade Artwork затем нажмите ОК. Вы вернётесь обратно в 3D-опции, поиграйте с углом, перспективой, освещением (или большим количеством опций), пока вы не будете довольны результатом. Затем нажмите ОК.
 

Создание пластиковой бутылки Coca Cola

Шаг 13.
Теперь у нас есть трехмерная бутылка с этикеткой и небольшой структурой на крышке, но пластмасса и кола непрозрачны; мы должны решить проблему непрозрачности (это самая важная часть обучающей программы). Есть несколько путей, которыми можно добиться этого. Я сначала покажу неправильные пути, и затем продемонстрирую правильный способ.  
1. Выбирая объект и уменьшая непрозрачность в панели Тransparency целый объект будет исчезать равномерно. Кроме того, вы даже не будете в состоянии видеть обратную сторону объекта, ее будут рассматривать как 2-хмерное изображение. Это потому, что когда Illustrator понижает прозрачность трехмерного объекта, она равномерна по всему объекту (см. первое изображение ниже).
2. Вместо этого мы могли бы перейти на уровень выделения элементов нашей группы в панели Слоев. Выбирая те или иные элементы группы, мы могли бы изменять их прозрачность, таким образом добились бы нужного нам результата. Правильный подход? Неправильный!

Создание пластиковой бутылки Coca Cola
Создание пластиковой бутылки Coca Cola

Шаг 14.
Технически мы достигли того результата, которого мы добивались, но среди наград лучших способов этот метод бы явно не выиграл бы "Золотую звезду" ! Illustrator понизил прозрачность главного объекта (в этом случае целая группа), также мы изменили свойства прозрачности в пределах группы. Однако эта прозрачность не применена в эффекте 3D.
Предположите, что у нас не было группы. Вместо этого мы бы построили единственный векторный контур, чтобы сделать простую стеклянную бутылку, и мы также хотели бы применить прозрачность. У нас не было бы группы, для выбора её подобъектов,а мы должны бы были изменить прозрачность элемента в пределах нашего векторного контура, таким образом мы должны будем применить третий правильный метод.
3. Откройте панель Window > Appearance и используйте Direct Selection tool, чтобы выбрать часть векторного контура, прозрачность которого Вы хотели бы изменить. В панели Appearance Вы можете изолированно работать со свойствами прозрачности обводки этого объекта. Таким образом вы можете изменять свойства прозрачности для именно для неё. Вы изменяете не свойства объекта, а свойства его обводки, которая является самым нижним элементом в иерархии объекта. Гарантируемая прозрачность!
Понизьте прозрачность элементов бутылки до 40%, а элементов крышки и этикетки до 60%.

Создание пластиковой бутылки Coca Cola

Шаг 15.
Если вы считаете, что бутылка должна на чём-то стоять и, следовательно, отбрасывать тень, то сделайте эллипс и примените к нему вертикальный градиент с переходом от чёрного к белому (см. на изображении ниже) и поместите его под бутылку. Сделайте (больший) эллипс, примените к нему радиальный градиент от 20%-ого черного к белому.
Тогда примените к этим двум объектам маску (Ctrl+7), поместите этот объект сзади бутылки. К сожалению, Illustrator еще не создает такого окружения, как в трехмерных программах, таким образом Вы должны будете фальсифицировать тень.

Создание пластиковой бутылки Coca Cola

Заключение.
Теперь у нас есть прозрачная трехмерная пластмассовая бутылка колы! Дублируйте свою бутылку, если Вы хотите действительно продемонстрировать, что такое "реальная прозрачность". Учтите при этом расстояние одной бутылки от другой и перспективу. Примите во внимание, что, изменяя масштаб трехмерных объектов (или ширину обводки и т.д.) ваша картография изображения в эффекте 3D (нанесение символов на трехмерный объект), возможно, должна быть изменена. Вероятно, у ваших поверхностей изменят числа и ваши символы будут находиться в различных местах.
 
Создание пластиковой бутылки Coca Cola



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

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

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

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

#1 написал: DeNRiX | 6 августа 2009 15:10
     

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