Мокап(Mockup или mock-up) - это специальным образом подготовленный файл, в котором можно свой дизайн размещать на реальных предметах. Они нужны, чтобы показать как картинка будет выглядеть в реальной жизни. (определение взято с интернетов, на мой взгляд оно подходит очень хорошо)
Если вам надо показать текст/картинку/логотип на какой-нибудь поверхности - вы используете Mockup .
Что понадобится?
1) Adobe Photoshop - скачиваем с официального сайта Adobe и пользуемся триалкой в 7 дней.
2) Сам мокап. Они легко гуглятся запросом "мокап+нужное слово", например "мокап чашки".
Нам нужен мокап для фотошопа, потому он должен быть в формате .psd, их часто так и ищут "PSD мокап чашка".
3) Логотип, картинка, текст, который надо разместить на мокапе.
Качаем архив, вытаскиваем из архива "Mockup.psd", открыл его в фотошопе.
Видем вот такую картину:
В нижнем правом углу мы видим раздел со слоями.
В этом разделе показаны все слои, которые есть в данном файле.
Нам нужен смарт слой, который и требуется отредактировать для нужного результата.
Обычно слой для редактирования выделяют цветом, как в данном случае.
Так как на чашке есть две картинки, то тут есть два слоя для редактирования, делаем по иконке первого слоя двойной клик мышкой.
После двойного клика по иконке слоя открывается дополнительная вкладка с содержимым данного слоя.
Перетаскиваем с папки в фотошоп эту картинку и помещаем ее так, что бы она сильно не вылазила за текущий логотип, который на заднем фоне.
На слое со старым логотипом мы нажимаем на "глазик"(после нажатия он исчезает), что бы скрыть данный слой, и что бы остался виден только слой с пикабушной картинкой.
Нажимаем Ctrl+S, изменение смарт слоя сохраняется и мы переходим на главную вкладку и видим результат.
После этого то же самое проделываем со вторым слоем. Далее сохраняем картинку через File -> Save as(Файл -> Сохранить как), выбираем формат JPEG и вот результат: