How to create a product mock-up template?

Question

There are tons product mock-up templates available, but I'm curious how I could create my own "place your image here" layer on an product image of my own.

For example, I have a image of a blank coffee mug, and I want create a layer where I drop in some flat artwork, and then Photoshop automatically maps it to the curved surface of the coffee mug image. Then I can repeat for another piece of art, and another, and so on, without having to manually "warp" each artwork image every time.

How do I build that template myself, like any of the thousands of mock-up templates that are out there?

bobtem · Accepted Answer

I found this tutorial, which is what I wanted to do. The tutorial is a little long-winded, but I eventually got it. I'm sure the other suggestions here also work, but I followed this tutorial. Thanks all.

https://www.youtube.com/watch?v=f5FRcbfHKck

JJMack · Answer

There is no standard for Mockup Template. Most Product mockup use smart object layers so they can use the layer's object transform to scale, rotate, distort and and warp the object for the Templates layout. To facilitate automatic population you will often see that there are duplicated smart object layer on top the layer stack with the layers content not visible, Visibility may be off, fill, opacity 0. Left side coded green. The actual mockup is in the mockup group under the none visible smart object layer on top of the layer stack. The Smart Object layer in the groups that share none visible layers object are used creating the Mocup overall Layout.

My Standard Mockup Template looks like this and my scripts can populater them.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded