Known Participant

Answered

Batch process one image into multiple sized frames

Forum|Forum|2 years ago
February 12, 2024
5 replies
2213 views

Please help with advice on the quickest way to do the following:
I have 1000 .jpg portrtaits, all the same size. I want to take one portrait at a time and place it in say four different sized frames on one file, and save this as a new file/.jpg. Essentially, allowing me to print an A4 sized print which will have an A5, A6, A7 and A8 sized portrait on it. NB the A6 and A8 frames are rotated to horizontal to be able to fit in the layout:

I have created a template with the different sized frames as holders.

Actions and scripting

This topic has been closed for replies.

Correct answer Stephen Marsh

Right! thanks, got that sorted. This is amazing!!
I am now getting the following error after selecting to run the script under File, Scripts, and the input folder name. I have Adobe PS 2024 25.4.0

I didn't spot this before in your screenshot, see the notes of the various conditions that need to be in place:

* There must be existing linked smart object images in each frame

and

* All files must be the same pixel width and height - and the same PPI resolution
* There must be a layer named 'Frame 1' containing a linked smart object
* Remaining frame layers must use the same linked smart object as found in 'Frame 1'

The frames can't be empty, there needs to be an existing placeholder image in all frames for the replacement to work.

P.S. The script could have the required template name changed from 'Picture Package Template.psd' to 'A5_Jumbo_A7_A8 template.psd'.

I'm guessing that the previous code was fine, it's just that there wasn't an image to swap!

Stephen Marsh

Community Expert

@StephenC Photography

So how did things go?

StephenC PhotographyAuthor

Known Participant

Yes!! I got it working!! Thank you soo so much 😄 But...I can only with portrait oriented photos. I need these horizontally positioned photos (x3 in the below image) too and I can't get the 'Place linked' image to rotate 90 degrees inside the frame. Any ideas?

Many many thanks!

Lucinda

StephenC PhotographyAuthor

Known Participant

Fixed! I got it working (my lack of skills delaying me!) perfectly. You're a super star. Thanks for your patience xx

Stephen Marsh

Community Expert

This updated 1.2 version adds overall sharpening (this will increase the processing time):

/*
Picture Package from Linked Smart Object Template PSD.jsx
v1.2 - 14th February 2024, Stephen Marsh
https://community.adobe.com/t5/photoshop-ecosystem-discussions/batch-process-one-image-into-multiple-sized-frames/td-p/14417350
Notes:
* The template file must be called 'Picture Package Template.psd'
* There must be existing linked smart object images in each frame
* All files must be the same pixel width and height - and the same PPI resolution
* There must be a layer named 'Frame 1' containing a linked smart object
* Remaining frame layers must use the same linked smart object as found in 'Frame 1'
* A sub-directory in the input directory will be created titled 'Picture Packages'
* JPEG picture packages saved to the 'Picture Packages' directory will silently overwrite existing files of the same name
* A temporary sharpening layer was added, however this will increase the processing time
*/

#target photoshop

if (app.documents.length) {

    if (app.activeDocument.name == "Picture Package Template.psd") {

        var origDialogs = app.displayDialogs;
        app.displayDialogs = DialogModes.NO;

        // Hide the Photoshop panels
        app.togglePalettes();

        // Script Execution Timer - Function    
        var timeDiff = {
            setStartTime: function () {
                d = new Date();
                time = d.getTime();
            },
            getDiff: function () {
                d = new Date();
                t = d.getTime() - time;
                time = d.getTime();
                return t;
            }
        };

        // Script Execution Timer - Start    
        timeDiff.setStartTime();

        // Set the file processing counter
        var fileCounter = 0;

        // Select the input folder
        var inputFolder = Folder.selectDialog("Please select the input folder:");

        // Limit the input files to JPG/JPEG extensions
        var fileList = inputFolder.getFiles(/\.(jpg|jpeg)$/i);

        // Alphabetical sort
        fileList.sort();

        // Input folder sub-folder
        var destinationDir = new Folder(inputFolder + "/" + "Picture Packages")
        if (!destinationDir.exists) {
            destinationDir.create();
        }

        // Loop over the input folder files
        for (var i = 0; i < fileList.length; i++) {

            try {
                // Select Frame 1
                app.activeDocument.activeLayer = app.activeDocument.layers["Frame 1"];

                // Relink
                var idplacedLayerRelinkToFile = stringIDToTypeID( "placedLayerRelinkToFile" );
                var desc384 = new ActionDescriptor();
                var idnull = stringIDToTypeID( "null" );
                desc384.putPath( idnull, new File(fileList[i].fsName) );
                var idlayerID = stringIDToTypeID( "layerID" );
                desc384.putInteger( idlayerID, 39 );
                executeAction( idplacedLayerRelinkToFile, desc384, DialogModes.NO );

            } catch (e) {
                alert("Error!" + "\r" + e + ' ' + e.line);
            }

            // Temp sharpen layer
            app.activeDocument.activeLayer = app.activeDocument.layers[0];
            var idmergeVisible = stringIDToTypeID( "mergeVisible" );
            var desc1416 = new ActionDescriptor();
            var idduplicate = stringIDToTypeID( "duplicate" );
            desc1416.putBoolean( idduplicate, true );
            executeAction(idmergeVisible, desc1416, DialogModes.NO);
            //
            app.activeDocument.activeLayer.blendMode = BlendMode.LUMINOSITY;
            //
            var idset = stringIDToTypeID("set");
            var desc1429 = new ActionDescriptor();
            var idnull = stringIDToTypeID("null");
            var ref151 = new ActionReference();
            var idlayer = stringIDToTypeID("layer");
            var idordinal = stringIDToTypeID("ordinal");
            var idtargetEnum = stringIDToTypeID("targetEnum");
            ref151.putEnumerated(idlayer, idordinal, idtargetEnum);
            desc1429.putReference(idnull, ref151);
            var idto = stringIDToTypeID("to");
            var desc1430 = new ActionDescriptor();
            var idblendRange = stringIDToTypeID("blendRange");
            var list124 = new ActionList();
            var desc1431 = new ActionDescriptor();
            var idchannel = stringIDToTypeID("channel");
            var ref152 = new ActionReference();
            var idchannel = stringIDToTypeID("channel");
            var idchannel = stringIDToTypeID("channel");
            var idgray = stringIDToTypeID("gray");
            ref152.putEnumerated(idchannel, idchannel, idgray);
            desc1431.putReference(idchannel, ref152);
            var idsrcBlackMin = stringIDToTypeID("srcBlackMin");
            desc1431.putInteger(idsrcBlackMin, 0);
            var idsrcBlackMax = stringIDToTypeID("srcBlackMax");
            desc1431.putInteger(idsrcBlackMax, 0);
            var idsrcWhiteMin = stringIDToTypeID("srcWhiteMin");
            desc1431.putInteger(idsrcWhiteMin, 255);
            var idsrcWhiteMax = stringIDToTypeID("srcWhiteMax");
            desc1431.putInteger(idsrcWhiteMax, 255);
            var iddestBlackMin = stringIDToTypeID("destBlackMin");
            desc1431.putInteger(iddestBlackMin, 0);
            var iddestBlackMax = stringIDToTypeID("destBlackMax");
            desc1431.putInteger(iddestBlackMax, 0);
            var iddestWhiteMin = stringIDToTypeID("destWhiteMin");
            desc1431.putInteger(iddestWhiteMin, 0);
            var iddesaturate = stringIDToTypeID("desaturate");
            desc1431.putInteger(iddesaturate, 255);
            var idblendRange = stringIDToTypeID("blendRange");
            list124.putObject(idblendRange, desc1431);
            desc1430.putList(idblendRange, list124);
            var idlayer = stringIDToTypeID("layer");
            desc1429.putObject(idto, idlayer, desc1430);
            executeAction(idset, desc1429, DialogModes.NO);
            //
            var idunsharpMask = stringIDToTypeID( "unsharpMask" );
            var desc1433 = new ActionDescriptor();
            var idamount = stringIDToTypeID( "amount" );
            var idpercentUnit = stringIDToTypeID( "percentUnit" );
            desc1433.putUnitDouble( idamount, idpercentUnit, 150.000000 ); // Amount
            var idradius = stringIDToTypeID( "radius" );
            var idpixelsUnit = stringIDToTypeID( "pixelsUnit" );
            desc1433.putUnitDouble( idradius, idpixelsUnit, 1.000000 ); // Radius
            var idthreshold = stringIDToTypeID( "threshold" );
            desc1433.putInteger( idthreshold, 4 ); // Threshold
            executeAction( idunsharpMask, desc1433, DialogModes.NO );

            // JPEG Save
            var fileName = fileList[i].fsName.replace(/(^.+\/)(.+)(\.[^\.]+$)/, '$2')
            var jpgSave = new File(destinationDir + "/" + fileName + "_Picture_Package.jpg");
            var jpgOptns = new JPEGSaveOptions();
            jpgOptns.formatOptions = FormatOptions.STANDARDBASELINE;
            jpgOptns.embedColorProfile = true;
            jpgOptns.matte = MatteType.NONE;
            jpgOptns.quality = 10;
            app.activeDocument.saveAs(jpgSave, jpgOptns, true, Extension.LOWERCASE);

            // Remove the temp sharpen layer
            app.activeDocument.activeLayer.remove();

            fileCounter++;
        }

        // End of script
        app.displayDialogs = origDialogs;
        app.togglePalettes();
        app.beep();
        alert('Script completed!' + '\r' + fileCounter + ' files processed' + '\r' + '(' + timeDiff.getDiff() / 1000 + ' seconds)');

    } else {
        alert("The active document isn't named 'Contact Sheet Template.psd'...");
    }

} else {
    alert("The 'Contact Sheet Template.psd' document must be open!");
}

StephenC PhotographyAuthor

Known Participant

Many thanks for this! From what I understand, the above needs to be copied into Apple Script Editor and then compiled. Trying that I get a syntax error, "Expected expression, property or key form, etc. but found unknown token.". Adobe tell me I can record my key strokes to a script when setting up my layout, and the run that script within the batch process. I am trying to do this - just hitting a few snags 😛 trial and error.

Stephen Marsh

Community Expert

Many thanks for this! From what I understand, the above needs to be copied into Apple Script Editor and then compiled. Trying that I get a syntax error, "Expected expression, property or key form, etc. but found unknown token."

By @StephenC Photography

No, that isn't correct, the code is ExtendScript/JavaScript, not AppleScript.

Copy the code text to the clipboard
Open a new blank file in a plain-text editor (not in a word processor)
Paste the code in
Save as a plain text format file – .txt
Rename the saved file extension from .txt to .jsx
Install or browse to the .jsx file to run

https://prepression.blogspot.com/2017/11/downloading-and-installing-adobe-scripts.html

Stephen Marsh

Community Expert

@StephenC Photography

Notes (original code updated to a 1.1 version):

* The template file must be called 'Picture Package Template.psd'

* There must be existing linked smart object images in each frame

* All files must be the same pixel width and height - and the same PPI resolution

* There must be a layer named 'Frame 1' containing a linked smart object

* Remaining frame layers must use the same linked smart object as found in 'Frame 1'

* A sub-directory in the input directory will be created titled 'Picture Packages'

* JPEG picture packages saved to the 'Picture Packages' directory will silently overwrite existing files of the same name

/*
Picture Package from Linked Smart Object Template PSD.jsx
v1.1 - 14th February 2024, Stephen Marsh
https://community.adobe.com/t5/photoshop-ecosystem-discussions/batch-process-one-image-into-multiple-sized-frames/td-p/14417350
Notes:
* The template file must be called 'Picture Package Template.psd'
* There must be existing linked smart object images in each frame
* All files must be the same pixel width and height - and the same PPI resolution
* There must be a layer named 'Frame 1' containing a linked smart object
* Remaining frame layers must use the same linked smart object as found in 'Frame 1'
* A sub-directory in the input directory will be created titled 'Picture Packages'
* JPEG picture packages saved to the 'Picture Packages' directory will silently overwrite existing files of the same name
*/

#target photoshop

if (app.documents.length) {

    if (app.activeDocument.name == "Picture Package Template.psd") {

        var origDialogs = app.displayDialogs;
        app.displayDialogs = DialogModes.NO;

        // Hide the Photoshop panels
        app.togglePalettes();

        // Script Execution Timer - Function    
        var timeDiff = {
            setStartTime: function () {
                d = new Date();
                time = d.getTime();
            },
            getDiff: function () {
                d = new Date();
                t = d.getTime() - time;
                time = d.getTime();
                return t;
            }
        };

        // Script Execution Timer - Start    
        timeDiff.setStartTime();

        // Set the file processing counter
        var fileCounter = 0;

        // Select the input folder
        var inputFolder = Folder.selectDialog("Please select the input folder:");

        // Limit the input files to JPG/JPEG extensions
        var fileList = inputFolder.getFiles(/\.(jpg|jpeg)$/i);

        // Alphabetical sort
        fileList.sort();

        // Input folder sub-folder
        var destinationDir = new Folder(inputFolder + "/" + "Picture Packages")
        if (!destinationDir.exists) {
            destinationDir.create();
        }

        // Loop over the input folder files
        for (var i = 0; i < fileList.length; i++) {

            try {
                // Select Frame 1
                app.activeDocument.activeLayer = app.activeDocument.layers["Frame 1"];

                // Relink
                var idplacedLayerRelinkToFile = stringIDToTypeID( "placedLayerRelinkToFile" );
                var desc384 = new ActionDescriptor();
                var idnull = stringIDToTypeID( "null" );
                desc384.putPath( idnull, new File(fileList[i].fsName) );
                var idlayerID = stringIDToTypeID( "layerID" );
                desc384.putInteger( idlayerID, 39 );
                executeAction( idplacedLayerRelinkToFile, desc384, DialogModes.NO );

            } catch (e) {
                alert("Error!" + "\r" + e + ' ' + e.line);
            }

            // JPEG Save
            var fileName = fileList[i].fsName.replace(/(^.+\/)(.+)(\.[^\.]+$)/, '$2')
            var jpgSave = new File(destinationDir + "/" + fileName + "_Picture_Package.jpg");
            var jpgOptns = new JPEGSaveOptions();
            jpgOptns.formatOptions = FormatOptions.STANDARDBASELINE;
            jpgOptns.embedColorProfile = true;
            jpgOptns.matte = MatteType.NONE;
            jpgOptns.quality = 10;
            app.activeDocument.saveAs(jpgSave, jpgOptns, true, Extension.LOWERCASE);

            fileCounter++;
        }

        // End of script
        app.displayDialogs = origDialogs;
        app.togglePalettes();
        app.beep();
        alert('Script completed!' + '\r' + fileCounter + ' files processed' + '\r' + '(' + timeDiff.getDiff() / 1000 + ' seconds)');

    } else {
        alert("The active document isn't named 'Contact Sheet Template.psd'...");
    }

} else {
    alert("The 'Contact Sheet Template.psd' document must be open!");
}

https://prepression.blogspot.com/2017/11/downloading-and-installing-adobe-scripts.html

Conrad_C

Community Expert

I can think of ways to do this with Smart Objects (each image size is a copy of the same linked Smart Object so replacing the linked file in one updates all of the sizes on the layout), but that would be inefficient to do by hand with 1000 images, so would this be a good way to use Photoshop variables? (Photoshop data-driven graphics)

I haven’t actually tried this, but because each image on the sheet is a layer, could each layer in one layout be associated with a spreadsheet field with the same JPEG filename in the spreadsheet, then you just hand Photoshop the folder of images and the spreadsheet and Photoshop auto-generates all the layouts?

Stephen Marsh

Community Expert

I can think of ways to do this with Smart Objects (each image size is a copy of the same linked Smart Object so replacing the linked file in one updates all of the sizes on the layout), but that would be inefficient to do by hand with 1000 image...

By @Conrad_C

Conrad, this is exactly the method that I was going to explore via scripting! :]

Stephen Marsh

Community Expert

Please provide a copy of the template PSD, or at least a screenshot of the layers.

It's a shame that Adobe never returned the Picture Package feature.

StephenC PhotographyAuthor

Known Participant

Thank you for your reply. Herewith a screenshot of the layers and blank template:

Stephen Marsh

Community Expert

There is no PSD, it would help if you could upload it, thanks.

P.S. Will all future images have the same pixel width, height and PPI value? In other words, is the input to the frames consistent, or will it be inconsistent? If the image input is consistent, what is the pixel width, height and PPI value?

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