Редактируем Мокап без Фотошопа

487 full reads
662 story viewsUnique page visitors
487 read the story to the endThat's 74% of the total page views
1 minute — average reading time

Мокап - лучший способ представить свою иллюстрацию на готовом товаре, но чтобы редактировать его нужен Фотошоп... Или не нужен?

Photopea

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

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

Список, на самом деле, практически бесконечен. В сети есть бесплатные мокапы на любой вкус.

Открываем мокап

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

Открываем мокап
Открываем мокап
Открываем мокап
Как в любой программе, новый файл открывается через Open from computer

Добавляем свой дизайн

В открывшемся файле нас интересует область Слои (layers) и характерно оформленный, с пунктирной обводкой слой, который будет называться Place here/Your design или как-нибудь в этом роде.

Панель слоев
Панель слоев
Панель слоев

Дважды щелкаем прямо по этому слою.

Открываем слой для редактирования
Открываем слой для редактирования
Открываем слой для редактирования

Не пугайтесь открывшегося количества слоев.

Здесь вы можете просто сразу же перетащить свою иллюстрацию из папки на компьютере, подогнать размеры по угловым точкам, придерживая клавишу Shift, чтобы сохранились пропорции рисунка, и нажать Ctrl+S, чтобы сохранить изменения.

Мокап готов!
Мокап готов!
Мокап готов!

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

Получившуюся картинку можно сохранить как .psd для дальнейшего редактирования или экспортировать в любой другой нужный формат, нажав меню File
Редактируем Мокап без Фотошопа