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

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

Автор: free psd mockup · Published 22.04.2019 · Last modified 12.03.2019

PSD мокап пакетиков для кофе, чая

Макет из трех мешочков из металлической фольги. Используйте PSD мокап пакетиков для оформления дизайна упаковки пищевых продуктов. Полноуровневый PSD файл со смарт объектом. Размер 7000 x 6000 пикселей с разрешением 300 точек на дюйм. СкачатьИсточник

Автор: free psd mockup · Published 26.03.2019 · Last modified 10.03.2019

PSD мокап тубуса с бумагой

Реалистичный макет картонного тубуса с тисненой этикеткой. Используйте этот бесплатный PSD мокап тубуса для презентации логотипа компании. PSD файл высокого разрешения со смарт объектом. Размер 5000 x 3750 пикселей. СкачатьИсточник

Автор: free psd mockup · Published 23.03.2019 · Last modified 10.03.2019

PSD мокап квадратной коробки

Бесплатный PSD мокап квадратной коробки. Скачайте макет коробки, чтобы продемонстрировать свой дизайн упаковки. Вы легко сможете изменить цвета всех элементов и добавить собственную графику с помощью смарт слоев. Полностью многослойный PSD-файл. Размеры: 6000 x 5000.

Автор: free psd mockup · Published 17.03.2019 · Last modified 10.03.2019

PSD мокап флаконов

На макете изображены три косметические бутылки. Скачайте бесплатный мокап флаконов для презентации вашего дизайна упаковки для косметики. Полностью организованный PSD файл с умными слоями. Размеры 4536 x 5547 пикселей. СкачатьИсточник

Автор: free psd mockup · Published 23.02.2019 · Last modified 04.02.2019

PSD макет бутылки с термоусадочной пленкой

Бесплатный PSD макет бутылки. Скачайте мокап бутылки и меняйте брендинг по своему усмотрению. Мокап содержит несколько эффектов (матовый и глянцевый). PDF-файл со смарт-объектами. Размеры: 3118 x 2400 px. СкачатьИсточник

Автор: free psd mockup · Published 16.02.2019 · Last modified 04.02.2019

Mockup бумажных пакетов и коробок

Бесплатный mockup бумажных пакетов и коробок. PSD файл со смарт слоями. Размер 3000 x 2000 px. СкачатьИсточник

Автор: free psd mockup · Published 11.02.2019 · Last modified 07.01.2019

Мокап консервной банки (серия)

Набор из двух макетов с изображением плоских жестяных банок. Скачайте мокап консервной банки, чтобы продемонстрировать ваш дизайн этикетки. Полностью редактируемые PSD файлы со смарт объектами. Размер: 3000 x 2000 px при 300 dpi. СкачатьИсточник

Автор: free psd mockup · Published 07.02.2019 · Last modified 07.01.2019

Mockup косметической бутылки и коробки

Бесплатный Mockup косметической бутылки с медной крышкой и коробки для нее. Скачайте этот макет, чтобы продемонстрировать ваш дизайн упаковки косметической продукции. PSD файл со смарт слоями. Размер 5000 x 3750 пикселей при 300 dpi. СкачатьИсточник

Автор: free psd mockup · Published 05.02.2019 · Last modified 06.01.2019

Mockup бутылок пива

Бесплатный Mockup бутылок пива, показывающий три бутылки вблизи. Скачайте этот макет и вставьте ваш дизайн этикеток. PSD файл со смарт объектом. Размер 3000 x 2000 px, разрешение 300 точек на дюйм. СкачатьИсточник

Автор: free psd mockup · Published 01.02.2019 · Last modified 06.01.2019

Mockup шоколадного батончика (серия)

Набор макетов из трех файлов, показывающий одну или две упаковки шоколада. Скачайте Mockup шоколадного батончика и перенесите на него ваш дизайн упаковки шоколада. PSD файлы со смарт слоями. Размер каждого 3000 x 3000 пикселей при.

Mockup или mockup (макет) — модель того или иного продукта, выполненная в естественных пропорциях, созданная для быстрого предоставления дизайна продукта в готовом виде, с целью более чёткого представления дизайна конечного продукта.

Многие из нас знают, что это, а тем, кто не знает будет полезно.
Разыграем ситуацию, которая бывала, наверняка, у всех.
Вы посылаете заказчику макет на утверждение, а он Вам в ответ:

Читайте также:  Как подключить внешние колонки к ноутбуку

— Мне нравиться, но я не уверен будет ли это смотреться хорошо на поём продукте…

Дальше Вы садитесь, ищите его продукт и начинаете старательно врисовывать Ваш макет в него, и жалея потраченного времени, думаете, как бы сделать этот процесс более быстрым?

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

Опять же, для тех, кто не знает, расскажу…

Как это работает?

1. Вы загружаете Ваш mockup (psd) в фотошоп и в области управления слоями ищите слой с таким значком:. Чаще всего этот слой подписан «Put your design here», «Your design», «Double click me», «Edit me» и т.п.

Хотите узнать, как можно самим создать реалистичную упаковку продукта (Mockup Box) в Photoshop? Тогда этот урок для вас.

Данный урок был сделан, чтобы помочь моим читателям создать свой собственный макет коробки для продукта. Для начала мы начнем с того, что сделаем форму коробки. Далее, мы добавим некоторые дополнительные элементы конструкции к коробке. И, наконец, мы закончим наш урок добавив тени и блики, чтобы сделать нашу работу более реалистичной. Для этого урока вам понадобится Photoshop CS3 или более новая версия.

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

Создание и настройка документа

Давайте начнем создав в Photoshop холст размером 1588×1191 пикселей, затем, изменим цвет фона на #d2d3d5;

Для удобства и обеспечения более аккуратного вида в работе над уроком, нам нужны линейки и сетка. Вы можете получить доступ к вспомогательным линейкам, перейдя в View> Rulers (или нажмите Ctrl + R), а для включения сетки выберите View> Show> Grids (или нажмите Ctrl + ,). Ниже вы можете посмотреть на мои настройки для сетки:

Рисуем коробку

Создайте новую группу и назовите ее «Right Side / Правая сторона». Создайте в этой группе новый слой и назовите его как «Right Side / Правая сторона», а также, используя инструмент Rectangular Marquee Tool, создайте выделенный диапазон 795×1078 пикселей. После того, как вы это сделали – залейте выделенную область любым цветом. Я сделал его белым (#ffffff).

Затем, переведите этот слой в смарт-объект (сделать это можно щелкнув правой кнопкой мыши на слой и выбрав «Make A Smart Object«). Это позволит нам вносить изменения в слой без необратимой деградации.

Создать еще одну группу, но на этот раз назовите ее «Left Side / Левая сторона». Создайте новый слой с таким же именем (Left Side). Так же, как мы делали ранее, нужно сделать выделение области и заливку любым цветом. На этот раз сделайте выделенную область размером приблизительно 483×1078 пикселей. Преобразуйте слой в смарт-объект.

Перед тем как приступить к непосредственному дизайну, давайте настроим слои и приведем их в 3D вид. И начнем мы с правой стороны коробки. Выберите этот слой и нажмите Ctrl + T, нам необходимо немного уменьшить этот слой (примерно на 75%). Убедитесь, что вы не забыли нажать на иконку цепочки, чтобы сохранить пропорции объекта. Затем перейдите к Edit> Transform> Perspective и трансформировать его так, как показано на картинке ниже: (изменяя положение узлов правой стороны):

Читайте также:  Как в эксель поставить формулу суммы

Нажав Ctrl + T, и удерживая клавишу Ctrl вы будете изменять положение только выделенного узла.

Что касается левой части коробки, то мы сделаем следующее: Во-первых, уменьшаем слой на 75%. Удерживая клавишу Ctrl – трансформируйте его так, чтобы он стал выглядит как 3D. У вас должно получится что-то вроде этого:

Создаем оформление коробки

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

Для своего дизайна я сделал небесно-синюю цветовую схему. Так что если вы хотите сделать как у меня – измените цвет фона на #e1ebe4. После того мы создали задний план, давайте продолжим, и сделаем заголовок (размещенный сверху и по центру). Я использовал для этого следующие шрифты и настройки (цвет #1f1f20):

Чтобы не было слишком скучно я решил добавить больше деталей и вставил символ «галка» (#009a81). А также символ зарегистрированного товарного знака, используя Custom Shape Tool.

Затем, я добавил текст под заголовком, используя Paragraph Tool. Я использовал следующие параметры:

Закончим, добавив еще один текстовый блок внизу по-центру.

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

Теперь давайте продолжим с левой частью. Так же, как и прежде, выберите и дважды щелкните значок смарт-объекта в панели слоев, чтобы открыть его, а затем создайте для него свой дизайн. Для тех, кто решил последовать за моим уроком до конца – измените цвет фона на #a5dfda, а затем просто скопируйте и поместите название и описание, которые мы делали на правой части коробки, но с одним только изменением – поверните текст на 90 градусов (как показано на картинке ниже). Изменение цвета символа «галки» на белый и добавьте еще два дополнительных символа (все символы, которые я здесь использовал, можно найти во вкладке Custom Shape Tool).

Затем так же, как и прежде, добавьте произвольный текст в нижней части.

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

Дополнительные детали

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

Давайте начнем этот этап с создания новой группы и на этот раз назовем ее «Shadows / Тени». В этой группе создайте новый слой и назовите его «Back». Продолжим, сделайте выбор, размер которого должен быть примерно как наша коробка, и залейте его черным цветом. После того, как вы сделали это, удерживая клавишу Ctrl, сделаем его искажение, как показано ниже. После, сделайте размытие слоя с помощью фильтра Gaussian Blur, затем, измените режим смешивания этого слоя с тенью на Soft Light.

Читайте также:  Как найти периметр куба

Создайте новый слой и назовите его «Bottom«. Измените цвет переднего плана на #000000, и с помощью инструмента кисти (относительно большого размера, и твердости 0%), случайным образом сделайте несколько мазков в нижней части окна, затем измените режим смешивания на Soft Light и измените непрозрачность слоя до 85%.

Создайте новый слой и на этот раз назовите его «Light«. Изменение цвета фона на #ffffff. Сделайте размер кисти немного больше и сделайте три мазка в центре коробки. Измените режим смешивания слоя на Soft Light.

Создайте новый слой и назовите его «Bottom 2«. Затем выберите инструмент кисть и измените для его настройки следующим образом:

Выберите инструмент Pen Tool и сделайте путь вдоль нижней части коробки, которая соприкасается с полом, а затем нажмите правой кнопкой мыши и выберите Stroke Path. Убедитесь, что у вас выставлена галочка рядом с настройкой Stimulate Preassure. Далее, измените непрозрачность и заполнение (Opacasity / Fill) соответственно до 50% и 55%.

Откройте группу «Right Side» и создайте два новых слоя и назовите их «Shadows / Тени» и «Shadows 2 / Тени 2». Сделайте эти оба слоя маскированными по базовому (Ctrl+Alt+G). Используйте мягкую кисть с твердостью 0% и установив режим смешивания для обоих слоев на Soft Light. На первом слое «Shadows» нарисуйте большую форму «U» по краям коробки. На втором слое «Shadows 2», используя ту же самую кисть, но с небольшой непрозрачностью, сделайте несколько мазков вокруг текста, чтобы придать ему больше глубины.

Создайте два новых слоя и назовите их «details:shadows / детали:тени» и «details:highlights / детали:свет».

Повторите два последних шага для левой части коробки.

Создайте новую группу и назовите ее «Details / Детали». Далее, создайте новый слой и назовите его «Left Flap / Левый клапан». Используя инструмент Pen Tool, вам нужно создать фигуру похожую на треугольник, но плоской формы и со сглаженным верхним углом. Затем щелкните правой кнопкой мыши и залейте его # 767676 цветом. Затем, добавьте внутреннюю тень (Inner Shadow):

А также добавьте внутреннего свечения (Inner Glow):

Создайте новый слой и назовите его «Shadow / Тень». Повторим сделанные ранее манипуляции, но с немного большим размером кисти (размер 4-6px), нарисуйте линию вдоль грани, которая разделяет левую и правую часть коробки (разместите ее чуть правее). Затем, немного размойте ее с помощью Gaussian Blur и измените режим смешивания на Soft Light (на рисунке ниже она изображена красной линией):

Повторите предыдущий шаг, но на этот раз назовите слой «Highlights» и используйте цвет #ffffff. Сместите этот слой немного левее (как на изображении ниже синяя линия):

Создайте еще один слой и назовите его «Line / Линия», и используя инструмент Line Tool проведите линию (примерно 2-3px и цветом #000000) между нарисованными ранее линиями. Измените ее режим смешивания на Soft Light (На рисунке ниже я обозначил ее белой линией):

Вот, что должно получится в конечном результате:

А вот еще одна вариация:

У нас все получилось! Не стесняйтесь и пишите в комментариях, если вы столкнулись с проблемами на каких-либо этапах.

Ссылка на основную публикацию
Как сделать кроссворд в ворде 2010
Пользоваться файлами, созданными в MS Office, можно как угодно: открыть документ Ворд онлайн, составить в Экселе квартальный отчёт или в...
Как поставить старую версию скайпа
Программа Skype, как и любой другой активно развивающийся софт, постоянно обновляется. Однако не всегда новые версии выглядят и работают лучше...
Как поставить фотографию на контакт в андроид
На любом смартфоне реализована возможность установки изображения на телефонный контакт. Оно будет отображаться при поступлении входящих звонков от этого контакта...
Как сделать местный разрез
Основным назначением видов является определение формы внешних поверхностей предмета. Выявление на видах формы внутренних поверхностей при помощи штриховых линий не...
Adblock detector