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

How to create a product mock-up template?

Explorer ,
Aug 05, 2020 Aug 05, 2020

Copy link to clipboard

Copied

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?

Views

3.4K

Translate

Translate

Report

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

Explorer , 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

Votes

Translate

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

Copy link to clipboard

Copied

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.

 

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

LATEST

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

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

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
Explorer ,
Aug 05, 2020 Aug 05, 2020

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

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