Создание 3D коробки для профессиональной презентации продукта

Создание 3D коробки для профессиональной презентации продукта

Предлагаю Вашему вниманию один из самых интересных уроков о том, как создать 3D коробку для профессиональной презентации конкретного продукта. Я хочу создать коробку для продукта программного обеспечения.

Итак, начнём! Для начала создаем новый документ с разрешением 500×500рх. Выбираем белый цвет в качестве цвета нашего холста.

Создание 3D коробки для профессиональной презентации продукта

Используем Rectangular Marquee Tool для создания прямоугольного выделения, как показано на моей картинке ниже. Затем создаем новый слой и заливаем его линейным градиентом, используя цвета #013a55 и #005f82.

Создание 3D коробки для профессиональной презентации продукта

Теперь попробуйте отделить визуально боковую часть коробки от лицевой. Зажимаем кнопку Alt и отрезаем большую часть выделения, как показано ниже. Остаток выделения заливаем градиентом от черного к прозрачному.

Создание 3D коробки для профессиональной презентации продукта

Снимаем выделение с помощью Ctrl+D и переходим к следующему шагу. Я хотел бы добавить какую-то абстрактную картинку на нашу будущую коробку. Итак, я создаю графический элемент самостоятельно. Создаем новый слой и, используя инструмент Brush Tool, добавляем несколько мягких линий белым цветом.

Создание 3D коробки для профессиональной презентации продукта

Затем применяем фильтр Filter > Distort > ZigZag со следующими установками:

Создание 3D коробки для профессиональной презентации продукта

Меняем режим отображения слоя на Overlay и устанавливаем непрозрачность 35%.

Создание 3D коробки для профессиональной презентации продукта

Теперь нам необходимо очистить все белые линии, которые выходят за размеры коробки. Выделяем фигуру коробки (Ctrl+левая кнопка мыши на значке слоя в наборе слоев), затем инвертируем выделение с помощью Ctrl+Shift+I и нажимаем кнопку Delete на выделенной области.

Создание 3D коробки для профессиональной презентации продукта

Снимаем выделение с помощью Ctrl+D. Отлично, теперь можно добавить логотип программы на коробку. Вы можете найти какой-то логотип, используя Google Images или использовать мой логотип. Открываем эту картинку и копируем её на основной холст. Затем немного уменьшаем её.

Создание 3D коробки для профессиональной презентации продукта

Загружаем выделение логотипа через Select > Load Selection, затем удерживаем кнопку Alt, используем Polygonal Lasso Tool, чтобы снять выделение со всех лепестков, кроме самого большого. Заливаем выделенную область линейным градиентом, используя цвета #a8f522 и #547300.

Создание 3D коробки для профессиональной презентации продукта

Снимаем выделение с области с помощью Select > Deselect. Затем дублируем слой с помощью Ctrl+J, после этого меняем непрозрачность на 20% для текущего слоя и используем Edit > Flip Vertical, чтобы отразить картинку по вертикали.

Создание 3D коробки для профессиональной презентации продукта

Производим слияние двух слоев с логотипом в один, затем дублируем новый слой и передвигаем его в левый верхний угол коробки. Не забудьте также его уменьшить.

Создание 3D коробки для профессиональной презентации продукта

Отлично, переходим к следующему шагу: пришло время добавить текст. Я хочу добавить название продукта первой строкой цветом #a3e30a посредине лицевой части коробки над логотипом.

Создание 3D коробки для профессиональной презентации продукта

На изображении выше я использовал шрифт Arial Narrow, который является одни из стандартных шрифтов Windows. Используя белый цвет, добавляем ещё несколько строк тем же шрифтом, но других размеров. Это должны быть небольшое описание, копирайт и т.д.

Создание 3D коробки для профессиональной презентации продукта

Переходим к следующему шагу. Мы должны добавить 2 строчки текста на боковую часть. Просто копируем название программы и короткое описание. Передвигаем их влево и, используя Ctrl+T, поворачиваем на 90 CCW. После чего немного уменьшаем, как показано на моей картинке ниже.

Создание 3D коробки для профессиональной презентации продукта

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

Создание 3D коробки для профессиональной презентации продукта

Отлично, теперь производим слияние всех слоев, кроме слоя фона, в один и начинаем создавать трехмерную модель для презентации. Нам нужно добавить перспективу нашему объекту. Используем инструмент Rectangular Marquee Tool, чтобы отделить лицевую часть от боковой.

Создание 3D коробки для профессиональной презентации продукта

Нажимаем Ctrl+Shift+J, чтобы отрезать выделенную область на новый слой. Затем применяем Edit > Transform > Perspective к новому слою, чтобы добавить перспективу.

Создание 3D коробки для профессиональной презентации продукта

Затем передвигаем курсор к правой средней точке трансформирующей сетки по вертикали. Когда Вы увидите две стрелки вверх и вниз, передвиньте курсор немного вверх. Результат должен быть таким же, как мой:

Создание 3D коробки для профессиональной презентации продукта

После этого дублируем слой с помощью Ctrl+D, чтобы создать отражение, и применяем Edit > Transform > Flip Vertical, после чего перемещаем трансформированную копию вниз. У Вас должна получиться такая же картинка, как и у меня:

Создание 3D коробки для профессиональной презентации продукта

Теперь применяем Edit > Transform > Skew, чтобы немного трансформировать нижнюю часть.

Создание 3D коробки для профессиональной презентации продукта

Отлично, теперь переходим на слой с боковой частью и применяем к нему тоже Edit > Transform > Perspective.

Создание 3D коробки для профессиональной презентации продукта

Затем нажимаем Ctrl+J, чтобы дублировать текущий слой, и применяем Edit > Transform > Flip Vertical, затем перемещаем отраженную копию вниз.

Создание 3D коробки для профессиональной презентации продукта

Затем используем Edit > Transform > Skew, чтобы трансформировать эту часть изображения, как показано на моей картинке ниже:

Создание 3D коробки для профессиональной презентации продукта

Производим слияние двух слоев, которые Вы отразили, и применяем режим Quick Mask Mode с градиентом, как показано ниже:

Создание 3D коробки для профессиональной презентации продукта

Теперь возвращаемся в режим Standard Mode. У нас появилась выделенная область. Нажимаем кнопку Delete, чтобы очистить выделенную часть изображения.

Создание 3D коробки для профессиональной презентации продукта

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

Создание 3D коробки для профессиональной презентации продукта

На этом шаге наша работа заканчивается. Мы сделали 3D коробку для профессиональной презентации программного продукта. Надеюсь, Вы получили лучший результат, чем я! Если нет, просто не переставайте тренироваться, и Вы получите лучшие результаты!

Создание 3D коробки для профессиональной презентации продукта

http://www.photoshopstar.com/
Перевод: http://www.4webmaster.ru/

Рекомендуем почитать:
Создание голливудской улыбки
Типографская врезка
Отбрасывание тени


Один комментарий

  1. edikss1 07.09.2012

    Спасибо огромное!!!

Оставить комментарий: