[Уроки Adobe Photoshop ]

17:22
Рисуем банку Coca-Cola в Фотошоп

Рисуем банку Coca-Cola в Фотошоп

Сегодня мы будем рисовать реалистичную банку Coca-Cola. В этом уроке Вы научитесь использовать 3D-функции Photoshop-а, как сделать дизайн этикетки (эти приемы Вы сможете использовать для создания собственных этикеток), а так же, как изменить параметры света, для того чтобы 3D-модель казалась реалистичной.

Для урока нам понадобится :
Adobe Photoshop CS4(или CS5)
Шрифт Loki Cola, который Вы можете скачать здесь .
Кисти от Deviart (Скачайте любые)
Текстура алюминия от psdgraphics.com
Позитивный настрой и желание творить!

Примечание переводчика: урок подходит для опытных пользователей.

Вот такая работа у нас должна получиться:

Рисуем банку Coca-Cola в Фотошоп

Ну что ж, приступим.
Шаг 1. Начнем с дизайна этикетки. Вы можете скачать этикетку из Интернета, нарисовать свою этикетку, либо попробовать нарисовать этикетку Coca-Cola по уроку.
Откройте Photoshop и создайте новый документ 800px шириной и высотой 700px. Разблокируйте фоновый слой и откройте панель LayerStyles(Стили слоя). перейдите на вкладку Gradient Overlay(Наложение градиента) и выставите там следующие параметры:

Рисуем банку Coca-Cola в Фотошоп

Примечание переводчика:если Вы используйте свою этикетку или нашли этикетку в Интернете, то сразу можете переходить к шагу 10.

Шаг 2. Напишите текст «Coca-Cola»(в новом слое), использую шрифт, который Вы скачали в начале урока, и, используя FreeTransform(Свободная трансформация,Ctrl+T). расположите его, так как показано ниже:

Рисуем банку Coca-Cola в Фотошоп

Рисуем банку Coca-Cola в Фотошоп

Шаг 4. Пришло время добавить детали. Инструментом PenToolРисуем банку Coca-Cola в Фотошоп (Перо) нарисуйте белые фигуры, как показано на рисунке. Установите параметры наложения слоев (для каждого слоя с фигурой): Fill(Заливка)-45%,BlendMode(Параметр наложения) -Overlay(Наложение) :

Рисуем банку Coca-Cola в Фотошоп

Шаг 5. Тем же инструментом нарисуйте белую фигуру, откройте LayerStyles(Стили слоя) и установите параметры DropShadow(Падающая тень):
Distance (Расстояние) – 0px, Size (Размер) - 26px, Opacity (Непрозрачность) – 70%, цвет – черный, Angle (Угол) - 150°.

Рисуем банку Coca-Cola в Фотошоп

Шаг 6. Добавьте еще несколько деталей к фигуре, созданной в шаге 5.
Используя PenToolРисуем банку Coca-Cola в Фотошоп(Перо) добавьте еще 2 тонкие тонкие фигуры.
Затем создайте отбавочную маску для слоя с белой фигурой и закрасьте ее теми кистями, которые Вы скачали в начале:

Рисуем банку Coca-Cola в Фотошоп

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

Рисуем банку Coca-Cola в Фотошоп

Шаг 8. Создайте капли воды на этикетке. Автор использовал этот видео урок :

Рисуем банку Coca-Cola в Фотошоп

Шаг 9. Итак, наша этикетка готова. Теперь нам нужно подготовить ее для использования в 3D. Выделите все слои и сгруппируйте их в группу (Ctrl+G) и назовите ее « Body Design»:

Рисуем банку Coca-Cola в Фотошоп

Примечание переводчика:ни в коем случае не растрируйте слои!

Шаг 10. Чтобы создать 3D форму у нас есть 2 варианта: Вы можете импортировать форму в формате *.3DS или создать форму в фотошопе. Автор пробовал оба варианта и советует второй. Про него мы и поговорим. Итак, выберите нашу группу и выполните действия 3DNewShapeFromLayerSodaCan(3D-Новая фигура из слоя-Банка соды)

Рисуем банку Coca-Cola в Фотошоп

Как видите, группа была преобразована в 3D слой с двумя суб-слоями: один слой для верхней и нижней части банки, другой – который имеет название нашей группы – для центральной части формы.

Шаг 11. Поработаем над дизайном банки. Откройте суб-слой Cap_Material (двойным щелчком). У нас открылся новый документ в формате *. PSB
В центр этого документа вставьте текстуру алюминия, которую Вы скачали в начале урока. Затем нажмите Ctrl+S, дождитесь сохранения и закройте этот слой. После закрытия Вы сможете увидеть, что наша текстура загрузилась, и банка стала похожа на банку.

Рисуем банку Coca-Cola в Фотошоп

Рисуем банку Coca-Cola в Фотошоп

Шаг 13. Продолжаем работу над освещением. Дважды щелкните по иконке 3D слоя, в открывшемся окне щелкните на значок лампочки. Здесь Вы можете установить параметры освещения.

Рисуем банку Coca-Cola в Фотошоп

Шаг 14. Теперь Вы можете переместить источники света. Фотошоп по умолчанию создает 3 источника света, Вы можете добавлять их еще больше(для этого щелкните на иконке нового источника света внизу панели), но в этом уроке мы поработаем с тремя. Нажмите на кнопкуToggle Lights(Переключить огни). затем щелкните на иконке поворота источника света (на рисунке отмечена зеленным цветом), выберите 1-ый источник света, наведите мышку на холст и поворачивайте. Так отрегулируйте все источники света:

Рисуем банку Coca-Cola в Фотошоп

Примечание переводчика:В ФотошопеCS5 может быть 2 источника света. Создайте третий, как описано в шаге 14.

Шаг 15. Фотошоп так же позволяет изменить свойства материалов. Щелкните на иконке рядом с иконкой лампочки (Filter by Materials (Фильтр материалов)) и выберите слой Cap_Material (слой, где лежит наша текстура с алюминием) и установите следующие параметры:
(Glossiness(Глянец) на 90% и Shininess(Блекс) до 30%. Если вы хотите изменить цвет блеска, изменение цвета на зеркальный вариант.)

Рисуем банку Coca-Cola в Фотошоп

Теперь та же самая операция, только для слоя Label_Material(Слой с этикеткой):
(Glossiness(Глянец) до 80% и Shininess(Блекс) до 90%. Это добавит серию светлых полос имитирующих блеск, который увеличивает эффект реалистичности)

Рисуем банку Coca-Cola в Фотошоп

Финальный шаг. Щелкните правой кнопкой мыши по 3D-слою и выберите RenderForFinalOutput(Визуализация для окончательного вывода).Это нужно для улучшения качества.
На этом наш урок закончен. Надеюсь, что навыки, приобретенные во время урока, Вам пригодятся в дальнейшей работе в Фотошопе. Вот конечный результат:

Рисуем банку Coca-Cola в Фотошоп

Похожие новости

 

[DIY] Рисуем тушью с помощью банки из под Coca-Cola

Интересные записи

Категория: Видео уроки | Просмотров: 731 | Добавил: KateloK | Теги: coca-cola, фотошоп, банк, рисовать | Рейтинг: 0.0/0
Всего комментариев: 0
avatar