Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

How to create a product mock-up template?

Participant ,
Aug 05, 2020 Aug 05, 2020

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?

11.4K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Participant , Aug 05, 2020 Aug 05, 2020

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

Translate
Adobe
Community Expert ,
Aug 05, 2020 Aug 05, 2020

You would have to create a blank layer called "place artwork here" then record a script to act on that layer.

The script will record any warp settings, etc. that you use to achieve the look you want.

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 05, 2022 Jan 05, 2022
LATEST

Hey. I am very interested in such a script. Do you know where to find one?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 05, 2020 Aug 05, 2020

Have a look at the Adobe Design to Print Photoshop extension – https://www.adobe.com/uk/products/designtoprint.html

You don't have to use it to get the item printed you can use it just to mock up items:

Screenshot 2020-08-05 at 20.24.58.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Aug 05, 2020 Aug 05, 2020

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

► Twitter: https://www.twitter.com/VectorSlate DOWNLOAD Blank Mockup Images for Practice: https://wp.me/p9uLDg-9A Hello world, this time I made a video tutorial for photoshop. Here I've shown you How to Create Mockup in Photoshop. I mean how to design Actual mockup, which you can reuse anytime ...
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 05, 2020 Aug 05, 2020

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.image.png 

JJMack
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines