Серия «Фотошоп»

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

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

Я хочу поменять надпись Мороз на какое-нибудь имя, т.к. подразумевается что это карточка рассадки на какую-нибудь свадьбу.

2. Дважды нажимаем на значок смарт-объекта и жмём Ок в выскочившем окне

3. Открывается пустой слой, выбираем Файл - Поместить и выбираем ваш дизайн в формате PNG

4. Я выбрала надпись имя Юлия монолайном, которую я сделала заранее

5. Редактируем надпись, уменьшаем, выравниваем и т.д.

6. С помощью сочетания клавиш CTRL + S обновляем дизайн на нашем мокапе и возвращаемся к нему

7. Сохраняем картинку в нужном нам формате, чаще всего JPG и вставляем в свой проект или презентацию

Заранее приготовьте фото для вашего будущего мокапа или сделайте их с помощью нейросети. Как сделать фото для мокапа с помощью нейросети я покажу в другой статье.

1. Откройте фото в фотошопе Файл - Открыть

2. Я взяла фото карточки рассадки сделанное с помощью ИИ. С помощью инструмента Прямоугольник, белым цветом залейте приблизительную область

3. Кликнув ПКМ по созданному слою нажмите Преобразовать в смарт-объект

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

5. Нажав два раза на значок смарт-объекта, откроется то куда можно поместить свой дизайн.

С помощью Файл - Поместить вставляем дизайн. Я выбрала что-то из старых своих леттеринг-работ формата PNG без фона.

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

С помощью CTRL + S обновляем дизайн и возвращаемся к файлу мокапа. Сохраняем готовый мокап.

Мокап (от английского mockup — «макет») — это цифровой макет, трёхмерная модель, которая отображает будущий вид объекта, продукта или дизайн-концепции.

Любой дизайн, принт, картину, паттерн выгоднее представить в рамочке, на готовом продукте(футболке, стаканчиках, баночках и т.п.) чем просто одну "голую" иллюстрацию или узор.

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

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

О том как работать с мокапами в графическом редакторе я расскажу в следующей статье.

Все использованные изображения в данной статье - мокапы и иллюстрации моего авторства. Не считая помощи ИИ с фото)