5. Выберите Переместить 3D-камеру по дуге на верхней панели. Курсор примет вид миниатюрной орбиты, с помощью которой вы сможете вращать трехмерную модель. Теперь можно вращать экран в разных направлениях, чтобы изменить вид банки в пространстве. Выберите вид, при котором частично видны верхняя часть банки и отбрасываемая ею тень.

6. Теперь поверните банку так, чтобы этикетка была обращена на зрителя. Для этого нажмите на банку, чтобы отобразить ось 3D. Наведите курсор на красный маркер оси y, так чтобы отобразился желтый круг. 

7. Вращайте банку перетаскиванием до тех пор, пока этикетка не окажется посередине.

Применение реалистичного материала

8. В качестве финального штриха на макете можно настроить параметры материала банки. Выберите Label_Material в категории Газированная вода на панели 3D и настройте свойства на панели выше. Установите Свечение на 9%, а Металлические свойства — на 16%.

9. Нажмите на значок трехмерного куба в нижней части панели 3D для рендеринга макета. Рендеринг может занять некоторое время — в зависимости от мощности компьютера. После завершения рендеринга можно сохранить макет. 

Вот и всё! Теперь ваша очередь. Разместите 2D-изображение на 3D-макете продукта в Photoshop. Скачайте наши материалы или используйте собственные. Опубликуйте готовую работу в Facebook, Twitter или Instagram с хештегом #MadewithPhotoshop. Получайте отзывы и общайтесь с другими творческими людьми.

Скачайте материалы к уроку.

ПРИСОЕДИНЯЙТЕСЬ

Facebook: http://facebook.com/adobecreativecloud

Twitter: http://twitter.com/creativecloud

Instagram: http://www.instagram.com/adobecreativecloud

YouTube: https://www.youtube.com/channel/UCL0iAkpqV5YaIVG7xkDtS4Q

Behance: https://www.behance.net/live Настоящие профессионалы. Реальные проекты. Смотрите наши трансляции в прямом эфире и вдохновляйтесь.

Как сделать макет упаковки коробки в Photoshop

Photoshop — идеальный инструмент для создания макетов, и хотя вы можете использовать готовые PSD-файлы макетов, создавать макеты с нуля гораздо интереснее и полезнее.

Следуя этому руководству, вы научитесь создавать макет упаковки коробки с нуля, чтобы вы могли продемонстрировать свои узоры на предполагаемой будущей упаковке.

При разработке упаковки продукта очень важно увидеть окончательный дизайн в соответствии с предполагаемой формой продукта. Хотя вы можете отправить прототип на печать, это дорого и требует много времени, и вы можете не получить желаемых результатов. Использование мокапа позволяет вам увидеть дизайн предполагаемого продукта без каких-либо дополнительных затрат, и это не займет много времени.

Существует множество способов создания макетов, но макет упаковки коробки является простым и эффективным для многих продуктов, которые вы разрабатываете.

Почему бы просто не использовать готовый макет?

Если вы какое-то время занимаетесь дизайном, вы, вероятно, сталкивались с множеством готовых макетов, доступных в Интернете. Существует множество подходящих дизайнов, сделанных другими, которые вы можете скачать бесплатно или по премиальной цене.

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

Есть два способа решить эту проблему: использовать стоковые фотографии и превратить их в макет самостоятельно или сделать свои собственные фотографии, чтобы превратить их в макет. На множестве сайтов со стоковыми изображениями вы можете легко найти уникальные фотографии, на которых изображено то, что вы ищете; все, что вам нужно сделать, это создать макет из этой фотографии. Но для действительно уникальных дизайнов макетов лучше всего использовать собственные фотографии.

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

Как сделать мокап упаковки коробки в Photoshop

Прежде чем приступить к изучению этого урока, вот что вам понадобится:

• Adobe Photoshop.
• Фото коробки.
• Узор или рисунок.

Какой тип фотографии следует использовать?

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

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

Мы рекомендуем использовать фотографию с белой или светлой рамкой, чтобы цвета вашего дизайна выделялись; однако вы также можете использовать цветную коробку, если хотите. Избегайте фотографий коробок с логотипами или надписями или просто отредактируйте их с помощью инструмента «Заплатка» или «Штамп» перед созданием макета.

Какой тип шаблона следует использовать?

Для этого макета лучше всего использовать повторяющийся узор или что-то однотонное, но позже вы можете добавить к нему больше деталей дизайна. Вы можете узнать, как создать шаблон в Adobe Illustrator, или загрузить готовый шаблон с бесплатного веб-сайта.

Хотите ли вы использовать дизайн или просто изменить цвет коробки, решать вам. Мы будем использовать простой иллюстрированный дизайн, который мы сделали в Adobe Illustrator.

Как сделать макет упаковки коробки

Теперь мы собираемся создать макет. Выполните следующие действия:

1. Откройте фотографию коробки в Photoshop. Вы можете скачать изображение, которое мы использовали, с Unsplash.
2. Откройте изображение шаблона в Photoshop и выберите все, нажав [ Cmd + A ] на Mac или [ C trl + A ] на Windows. Скопируйте выделение, нажав [ C md + C ] или [ C трл + C ].
3. С фотографией коробки на одном слое вставьте шаблон сверху, нажав [ C md + V ] или [ Ctrl + V ], и он автоматически вставится на новый слой.
4. На слое с узором щелкните правой кнопкой мыши предварительный просмотр слоя на панели слоев и выберите Select Pixels . Как только бегающие муравьи окажутся вокруг вашего рисунка, скопируйте выделение, нажав [ C md + C ] или [ Ctrl + C ]. Удалите слой и снимите выделение с помощью [ Cmd + D ] или [ Ctrl + D ].
5. Откройте новый слой на панели слоев, нажав кнопку New Layer . Выбрав этот пустой слой, перейдите к Filter > Vanishing Point на верхней панели инструментов.
6. Вы увидите изображение ящика во всплывающем окне. Используйте Инструмент «Создать плоскость» [ C ] для определения четырех углов на одной стороне коробки. Затем удерживайте C md или C trl и перетащите перспективную сетку на вторую грань. Повторяйте этот шаг, пока на всех гранях коробки не появится сетка перспективы.
7. Чтобы изменить перспективу, чтобы она соответствовала фотографии коробки, используйте поле Угол вверху, чтобы выровнять угол сетки с правильными углами плоскости. Как только сетка перспективы подойдет к вашему блоку, щелкните его.
8. Вставьте шаблон во всплывающее окно, нажав [ C md + V ] или [ C trl + V ]. Сначала рисунок будет наклеен на рамку, а не на коробку. Если вы перетащите шаблон, он переместится на коробку; однако поначалу он может не покрывать все стороны равномерно.
9. Потяните дизайн с каждой стороны, чтобы весь дизайн совпал. Затем перемещайте свой дизайн, пока он вам не подойдет. Если вы довольны тем, как это выглядит, нажмите ОК .
10. Вернитесь на слой с узором, измените режим наложения на Multiply . Здесь важен исходный цвет вашей коробки; если он белый, результаты будут оптимальными, но если он коричневого или другого цвета, то это проявится в вашем новом дизайне.

Готово.

На этом этапе, если вам нужно подчистить какие-либо края — например, если линии вашей коробки не были полностью прямыми — вы можете использовать инструмент выделения или ластик , чтобы очистить его. Вы также можете изменить режимы наложения , чтобы увидеть, подходят ли разные цвета к исходной фотографии коробки.

Создание потрясающих макетов коробок в Photoshop

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

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

Сделать 3D макет коробки в фотошопе

Логотипы, веб-сайты и многое другое…

Логотипы, веб-сайты, обложки книг и многое другое…

Получить дизайн

Создание 3D-мокапа для демонстрации дизайна упаковки — отличный метод, который может дать любому дизайнеру дополнительное преимущество в конкурентной борьбе. Если все сделано правильно, мокапы могут улучшить дизайн и помочь показать клиентам, как бы выглядел дизайн, если бы он был реализован в реальном мире.

В этом пошаговом уроке мы покажем вам, как сделать простой 3D-макет коробки в Photoshop.

1. Разместите файлы

_

Для подготовки макета мы создали раскладку в Illustrator и превратили каждую сторону коробки в файл jpg.

Начнем с того, что поместим 3 файла в наш документ Photoshop. 3 файла — это jpg верхней, передней и правой стороны нашей коробки. Давайте поместим их в документ, нажав File > Place и выбрав каждый файл jpg. Когда каждый размещенный файл появится в вашем документе, нажмите Введите .

2. Растрируйте ваши файлы

_

После того, как у нас есть все 3 файла в Photoshop, мы собираемся растрировать их, чтобы их можно было отредактировать позже. Сделайте это, выбрав эти три слоя, щелкните вкладку Layers > Rasterize > Layers.

3. Используйте инструмент свободного преобразования

_

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

Начните с выбора лицевой стороны коробки, нажав Правка > Свободная трансформация. Появится окно выбора. Теперь, удерживая нажатой клавишу управления для Mac или клавишу управления для ПК, щелкните среднюю точку на стороне поля, которым вы хотите управлять, и немного перетащите ее вверх. Теперь кажется, что лицевая сторона находится под углом.

Давайте сделаем то же самое с верхней и правой стороной поля, нажав Правка > Свободное преобразование > Удерживая нажатой клавишу Command/Control > Перетащите . Каждой стороной мы будем перетаскивать края изображений, пока углы не совпадут.

4. Обрежьте задний угол

_

Теперь, когда у вас есть базовая форма коробки, давайте добавим пару эффектов, чтобы отполировать ее.

Мы обрежем задний угол, чтобы он выглядел более реалистично. Давайте сделаем это с помощью инструмента Rectangular Lasso . Выберите небольшой сегмент задней и левой стороны верха с помощью инструмента «Прямоугольное лассо» и нажмите «Удалить». Затем щелкните вкладку «Выбор» и выберите «Отменить выбор».

5. Добавьте тень

_