Создаем 3D коробку

Создаем 3D коробку

Предоставляю интересный урок по созданию 3D коробки для какого-нибудь продукта.

Создаем 3D коробку

Предоставляю интересный урок по созданию 3D коробки для какого-нибудь продукта.
Ну, начнем! Для начала создадим новый лист размером 500×500 пикселов. Фон холста белый.

Создаем 3D коробку

Выбираем Rectangular Marquee Tool (Прямоугольная область выделения) и создаем прямоугольное выделение. Затем создайте новый слой и залейте это выделение градиентом, используя цвета: #013a55 и #005f82.

Создаем 3D коробку

Теперь отделим отвод от передней части коробки (см. рисунок ниже). Выделенный фрагмент залить черным цветом, применив непрозрачность (примерно 20-30%)

Создаем 3D коробку

Далее снимем выделение (CTRL+D) и переходим к следующему шагу. Я хотел бы привести некоторые примеры абстракции к нашей коробке. Создайте новый слой и сделайте пару белых мазков кистью.

Создаем 3D коробку

Затем применим Filter > Distort > ZigZag (Фильтр > Искажение > Зигзаг) с такими параметрами:
Amount (Степень) — 52
Ridges (Складки) – 8
Style (Стиль) – Pond ripples (Круги на воде)

Создаем 3D коробку

Меняем режим наложения на Overlay (Перекрытие) и ставим непрозрачность до 35%

Создаем 3D коробку

Теперь добавим логотип продукта, я использовал вот этот:

alt

 Добавляем его на холст, немного уменьшив и изменив цвет на белый.

Создаем 3D коробку

Выделим наш логотип. И с помощью Прямоугольного лассо оставляем выделенным только большой лепесток. Далее зальем выделенную область с помощью градиента, используя такие цвета: #a8f522 и #547300.

Создаем 3D коробку

Далее дублируем слой с логотипом (CTRL+J), ставим слою непрозрачность 20% и применяем Edit > Flip Vertical (Редактирование > Трансформирование > Отразить по вертикали), и сожмем немного слой вертикально.

Создаем 3D коробку

Соедините два слоя (логотип и отражение его) и создайте дубликат (CTRL+J). Далее переместите его в левый верхний угол. Не забудьте уменьшить изображение.

Создаем 3D коробку

Хорошо, теперь добавим текст. Используя Горизонтальные текст, добавим на холст надпись. Цвет надписи выберем #a3e30a и разместим текст под логотипом.

Создаем 3D коробку

Какой же продукт не имеет информации о компании и краткого описания? Добавим описание и название организации на коробку. Используем шрифт Arial Narrow белого цвета.

Создаем 3D коробку

Далее добавим надписи на боковой поверхности. Для этого просто дублируем название и описание, и поворачиваем их на 90 градусов (CTRL+T). Также по желанию можно добавить штрих код.

Создаем 3D коробку

Объединяем все слои, кроме фонового. И с помощью прямоугольного выделения, выделяем переднюю часть коробки.

Создаем 3D коробку

Нажимаем CTRL+SHIFT+J для того, чтобы передняя часть создалась в новом слой. Далее применяем к ней Edit> Transform> Perspective (Редактирование > Трансформирование > Перспектива) и делаем нечто подобное как на картинке ниже.

Создаем 3D коробку

Далее дублируем слой, применяем к нему Отражение по вертикали, и размещаем его под нашей коробкой (как показано ниже).

Создаем 3D коробку

Применяем Edit > Transform > Skew (Редактирование > Трансформирование > Наклон) и делаем как показано ниже.

Создаем 3D коробку

Теперь займемся боковой стороной, принцип тот же. Сначала трансформируем саму боковую сторону (Перспектива). После трансформации дублируем боковую сторону, применяем Отражение по вертикали, применяем Наклон, и располагаем так как показано на рисунке.

Создаем 3D коробку

Выбираем режим быстрой маски, и применяем градиент от черного к прозрачному, как на рисунке.

Создаем 3D коробку

Теперь вернемся в Стандартный режим, и удаляем выделенный участок.

Создаем 3D коробку

Снимаем выделение с помощью Ctrl + D и устанавливаем непрозрачность до 37% для этого слоя.

Создаем 3D коробку

Вот и все, мы получили отличную 3D коробку для ваших продуктов. Удачи всем.
Урок переведен специально для PsdTop.Ru!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>