Skip to main content
Participant
September 1, 2023
Question

Creating Design Mockups in bulk

  • September 1, 2023
  • 4 replies
  • 1321 views

I have about 500 poster design files. I want to export them all into 2 images. 

  1. A PNG of the poster file inside a frame with a transparent background behind it. 
  2. A JPG of a lifestyle wall showing the poster framed. 

 

I need the exported images to be named like the original poster file + an extension. 

I have been able to create actions to do this in the past but I can not figure out how to do it again. Can someone give me the step by step to do this well? See attached for referenced images. 

 

Thank you!

4 replies

Known Participant
January 2, 2025

There is a Photoshop plugin called Batch-Replace Smart Objects which allows you to automate mockup image creation in Photoshop. Assuming your mockup template is a PSD file, featuring a Smart Object where your artwork/design image needs to go, this plugin can be used to generate all your required mockup images in bulk automatically: https://exchange.adobe.com/apps/cc/8e3097ba/batch-replace-smart-objects-mockups-in-bulk

Stephen Marsh
Community Expert
Community Expert
September 6, 2023

@huntermize - how are you going with this?

Bojan Živković11378569
Community Expert
Community Expert
September 2, 2023

If you are not experienced try using Image processor Pro which is excellent helper and single action, actually action to accomplish single task like "frame with a transparent background behind it" then "lifestyle wall showing the poster framed"

 

So my advice is to record two actions and run two separate batch proceses.

Stephen Marsh
Community Expert
Community Expert
September 1, 2023

This can work with two separate actions - one for the frame and one for the wall, using the Batch command. The batch command would open each of the 500 designs and place the same static wall image over them, with the action then moving the wall layer behind the design layer. Similar for the static frame layer, but if it had a transparent hole for the image then it might just be a matter of correctly aligning on the X or Y axis without the need for changing the layer stacking Z order.

 

That being said, you might find it easier to use a script:

 

https://github.com/MarshySwamp/JJMack-Archive

 

The simplest script to use would probably be "BatchOneImageCollage.jsx" from the "JJMacksPhotoCollageToolkit".

 

If you need more specific help, you would need to provide access to the actual image assets that you will be using, such as the wall image, the frame image and at least 2 of the 500 designs.