Let’s automate the export of previews! It must be really lazy to open and place inside the smart objects the photos or designs and export them one by one, right?

To explain how it works I will use the following mockup, a Portrait Canvas Mockup with Ratio 2×3, and it is very important that the images have the right dimensions to be compatible.

Image Dimensions

Normally for mockups that require large images, what I do is to reduce the dimensions of the images to 50%, in order that the mockup doesn’t weigh too much, and at the same time not lose the quality of the image used in the mockup. Taking into account the above, the following that we are going to do is necessary for the PERFECT and optimal functioning of this automation.

In this example, I reduced to 50% the dimensions of the images to use the Portrait Canvas Ratio 2×3 Mockup 02 – 0.75 In Edge.psd

Image DPI: 300

Artwork size: 20×30 cm – 8×12 In – 2363×3544 px

Once we have our images in the correct dimensions and DPI, we will proceed to customize the mockup, you can increase or decrease shadows, brightness and change the color and texture of the background.

How to use the Script?

Select the Smart Object layer where your images will be inserted, in this case, I will use “Canvas Layout – Mirror Wrap”.

Script replace_smartobject_image.js

Searching the web I found this script created by @Circle B, this script allows replaces the images inside the smart object and export a batch of images and pass them through the Smart Object Selected in the PSD before running it, and then export each result with a unique name, all this in a matter of minutes or seconds depending on the number of images and of course the speed of your computer.

Search for the Script, so you must go to the Main Menu and select File / Scripts / Browse

Inside the bundle folder, there is another folder called “Export Automation Script“, select and load the file named replace_smartobject_image.js

A new window will open where you will search and select all the images that you want to use in the canvas mockup.

After pressing the OK button Photoshop will process the images and this can take several minutes, I recommend you to leave some free memory so it doesn’t take so long. My recommendation is, reduce the size of the mockup so that your images are exported with the optimal size for what you are going to use them for, and this way the automation will be done faster.

The objective is to make this work more and more agile in order to save time, which equals money.

I have only tested this script in Photoshop CC 20.0.6, if you want to help me, let me know what version of photoshop you used and how many images you processed so I can update the information in this post.

All Category
TOP KEYWORDS: Canvas, Brochure, Book