2 Correct answers
You can try this:
// place files on random background and save jpg;
// 2022, use it at your own risk;
var theOrigFiles = "H:\Product Photos\Designs";
var theBackgroundFiles = "H:\Product Photos\BK";
var theTargetFolder = "H:\Product Photos";
if (Folder(theOrigFiles).exists == true) {
var theOrigFiles = Folder(theOrigFiles).getFiles(/\.(psd|png)$/i);
} else {
var theOrigFiles = selectFile(true)
};
if (Folder(theBackgroundFiles).exists == true) {
var theBackgroundFiles = Folder(theB
Here is the final 1.4 script, there is no longer any need to use an action or batch/image processor/image processor pro as this script is now self-contained. You will be prompted to select the JPG, PNG and Save folders and the script will then create the final combined JPG files with random backgrounds.
/*
Place Random Background Image.jsx
Version 1.4, Stephen Marsh, 3rd April 2022
https://community.adobe.com/t5/photoshop-ecosystem-discussions/place-many-pngs-on-many-different-backgrounds/
Explore related tutorials & articles
29
Replies
Another point:
Do the pngs and the backgrounds (which file format are those by the way?) have the same proportions, pixel dimensions and resolution?
If not: How exactly are the pngs and the backgrounds to be combined? Could you post examples?
By @c.pfaffenbichler
The background images are all 1000x1000 px but the PNG images are resized to fit within 800x800 px
The PNGs need to be aligned in the center
You can try this:
// place files on random background and save jpg;
// 2022, use it at your own risk;
var theOrigFiles = "H:\Product Photos\Designs";
var theBackgroundFiles = "H:\Product Photos\BK";
var theTargetFolder = "H:\Product Photos";
if (Folder(theOrigFiles).exists == true) {
var theOrigFiles = Folder(theOrigFiles).getFiles(/\.(psd|png)$/i);
} else {
var theOrigFiles = selectFile(true)
};
if (Folder(theBackgroundFiles).exists == true) {
var theBackgroundFiles = Folder(theBackgroundFiles).getFiles(/\.(psd|jpg)$/i);
} else {
var theBackgroundFiles = selectFile(true)
};
if (Folder(theTargetFolder).exists == false) {
theTargetFolder = Folder.selectDialog ("please select target folder")
};
// jpg options;
var jpegOptions = new JPEGSaveOptions();
jpegOptions.quality = 7;
jpegOptions.embedColorProfile = true;
// process files;
for (var m = 0; m < theOrigFiles.length; m++) {
var theFile = File(theOrigFiles[m]);
var theIndex = Math.floor(Math.random()*theBackgroundFiles.length);
var theBG = File(theBackgroundFiles[theIndex]);
var myDocument = app.open(theBG/*File(theBackgroundFiles[theIndex])*/);
// fit on screen;
app.runMenuItem(charIDToTypeID('FtOn'));
// place image;
placeScaleRotateFile (theFile, 0, 0, 100, 100, 0, false);
myDocument.saveAs((new File(theTargetFolder+'/'+theFile.name.match(/(.*)\.[^\.]+$/)[1]+".jpg")),jpegOptions,true);
myDocument.close(SaveOptions.DONOTSAVECHANGES)
};
////////////////////////////////////
////// place //////
function placeScaleRotateFile (file, xOffset, yOffset, theXScale, theYScale, theAngle, linked) {
var idPxl = charIDToTypeID( "#Pxl" );
var idPrc = charIDToTypeID( "#Prc" );
var idPlc = charIDToTypeID( "Plc " );
var desc5 = new ActionDescriptor();
var idnull = charIDToTypeID( "null" );
desc5.putPath( idnull, new File( file ) );
var idFTcs = charIDToTypeID( "FTcs" );
var idQCSt = charIDToTypeID( "QCSt" );
var idQcsa = charIDToTypeID( "Qcsa" );
desc5.putEnumerated( idFTcs, idQCSt, idQcsa );
var idOfst = charIDToTypeID( "Ofst" );
var desc6 = new ActionDescriptor();
var idHrzn = charIDToTypeID( "Hrzn" );
desc6.putUnitDouble( idHrzn, idPxl, xOffset );
var idVrtc = charIDToTypeID( "Vrtc" );
desc6.putUnitDouble( idVrtc, idPxl, yOffset );
var idOfst = charIDToTypeID( "Ofst" );
desc5.putObject( idOfst, idOfst, desc6 );
var idWdth = charIDToTypeID( "Wdth" );
desc5.putUnitDouble( idWdth, idPrc, theYScale );
var idHght = charIDToTypeID( "Hght" );
desc5.putUnitDouble( idHght, idPrc, theXScale );
var idAngl = charIDToTypeID( "Angl" );
var idAng = charIDToTypeID( "#Ang" );
desc5.putUnitDouble( idAngl, idAng,theAngle );
if (linked == true) {
var idLnkd = charIDToTypeID( "Lnkd" );
desc5.putBoolean( idLnkd, true );
};
executeAction( idPlc, desc5, DialogModes.NO );
// get layerid;
var ref = new ActionReference();
ref.putProperty (stringIDToTypeID ("property"), stringIDToTypeID ("layerID"));
ref.putEnumerated( charIDToTypeID("Lyr "), charIDToTypeID("Ordn"), charIDToTypeID("Trgt") );
var layerDesc = executeActionGet(ref);
var layerID = layerDesc.getInteger (stringIDToTypeID ("layerID"));
// return [app.activeDocument.activeLayer, layerID];
return layerID;
};
////// select file //////
function selectFile (multi) {
if (multi == true) {var theString = "please select files"}
else {var theString = "please select one file"};
if ($.os.search(/windows/i) != -1) {var theFiles = File.openDialog (theString, '*.jpg;*.tif;*.psd;*.png', multi)}
else {var theFiles = File.openDialog (theString, getFiles, multi)};
////// filter files for mac //////
function getFiles (theFile) {
if (theFile.name.match(/\.(jpg|tif|psd|png)$/i) || theFile.constructor.name == "Folder") {
return true
};
};
return theFiles
};
Note that existing jpgs of the same name would be replaced without warning.
Edit: My test results (the names differ):
I originally thought that this task was beyond my abilities, however, with some time to think about it I have a solution.
Here is the background folder, in this example, it has 6 background images, which could be 20+. It is important that the various filenames are consistent and based on digits/numbers:
Here are the PNG files, in this example, there are 12 files, however, this could be 500+:
And here is the combined result:
Here is a second run, with only 6 random images and 12 input files, there is obviously a lot of repetition. I don't know if there are "better" random number generators?
I will make a separate post with the code and screenshots of how to run...
The JS code (original code edited):
/*
Place Random Background Image.jsx
Version 1.1, Stephen Marsh, 28th March 2022
https://community.adobe.com/t5/photoshop-ecosystem-discussions/place-many-pngs-on-many-different-backgrounds/td-p/12839669
*/
//#target photoshop
(function () {
// Set the random background folder
var bgFolder = Folder("~/Desktop/random-bg/");
// Get and limit the returned objects to JPEG files
var bgFiles = bgFolder.getFiles(/\.jpg$/i);
// Count the JPEG files
var bgCount = bgFiles.length;
// Only used for debug console instead of alert
$.writeln(bgCount);
var fileNumber = Math.floor(Math.random() * bgCount) + 1;
var fileName = "~/Desktop/random-bg/bk (" + fileNumber + ").jpg"
placeFile(fileName, 100);
/***** FUNCTIONS *****/
function placeFile(file, scale) {
try {
var idPlc = charIDToTypeID("Plc ");
var desc2 = new ActionDescriptor();
var idnull = charIDToTypeID("null");
desc2.putPath(idnull, new File(file));
var idFTcs = charIDToTypeID("FTcs");
var idQCSt = charIDToTypeID("QCSt");
var idQcsa = charIDToTypeID("Qcsa");
desc2.putEnumerated(idFTcs, idQCSt, idQcsa);
var idOfst = charIDToTypeID("Ofst");
var desc3 = new ActionDescriptor();
var idHrzn = charIDToTypeID("Hrzn");
var idPxl = charIDToTypeID("#Pxl");
desc3.putUnitDouble(idHrzn, idPxl, 0.000000);
var idVrtc = charIDToTypeID("Vrtc");
var idPxl = charIDToTypeID("#Pxl");
desc3.putUnitDouble(idVrtc, idPxl, 0.000000);
var idOfst = charIDToTypeID("Ofst");
desc2.putObject(idOfst, idOfst, desc3);
var idWdth = charIDToTypeID("Wdth");
var idPrc = charIDToTypeID("#Prc");
desc2.putUnitDouble(idWdth, idPrc, scale);
var idHght = charIDToTypeID("Hght");
var idPrc = charIDToTypeID("#Prc");
desc2.putUnitDouble(idHght, idPrc, scale);
var idAntA = charIDToTypeID("AntA");
desc2.putBoolean(idAntA, true);
executeAction(idPlc, desc2, DialogModes.NO);
} catch (e) {}
}
}());
This presumes that the random background folder is named "random-bg" and is located on the desktop.
As the script uses the place image command, to avoid sizing issues, the PPI values must be the same between the random background images and the various transparent PNG images. Both sets of images also had the same pixel width and height so positioning was not required.
I recorded the script into an action:
Note that I have included a step to move the active layer backwards, as the background image has to be behind the transparent image. I could have added this in the script, but took the easy path for this example.
I then used Image Processor Pro to run the action over the 12 images:
It works with the basic Image Processor script that is installed with Photoshop, however, I only had a successful result with PSD, using JPEG I had an incorrect result with only the background image being visible, which is why I used the Image Processor Pro script. One could also try the Batch command.
More could be done, I don't have much time tonight so this was the best that I could come up with.
… And can the script be modified to take variable number of backgrounds (whatever backgrounds containted in the folder) so I don't have to change the number each time I run the script?
By @hameedfarah
You can try something like that:
var count = Folder("~/desktop/YourFolderName").getFiles(); // if there are no subfolders or nested folders
alert(count.length)
AdChoices
