How can I automate the placement of different images onto a background?

[MarkBurns]

I have a background image that I want to individually place 100s of images on, individually. The background is a photo frame, and I have a lot of photos that I want to each be put in the frame and saved individually as a JPEG.

I'm familiar with Photoshop's batch automation, but can't figure out how to do this.

Thanks in advance.

[Stephen Marsh]

Oops, wrong topic!

Many topic threads discuss this, but the new forum software search is not great!

Edit: Here is one such previous topic thread, there are many to be found. You should be able to use a custom built action (helper scripts may be required) or one of JJMack’s template scripts:

https://community.adobe.com/t5/photoshop/how-to-automate-batch-merge-2-images/m-p/10373314#M233731

[Bojan Živković]

You have a couple of options: photoshop actions, scripts, data driven graphics. Perhaps it is easiest for you to record action for batch process. Action can do the following: place frame above each of the images in batch process for what you need frame with transparent areas and a couple of other requirements like aspect ratio of frame to match aspect ratio of images.

Another option is to record action which will copy batch open image, paste it into another document with frame, copy frame with image then paste back into document with image open in batch process. This is more difficult and you need some experience in order to make things work.

[JJMack]

Templates PSD file and Photoshop scripts 

[iampurple]

Wondering how to change the script to work on the image size to be square 335px x 335px with 1 to 3 per row?

Thanks

[Stephen Marsh]

Wondering how to change the script to work on the image size to be square 335px x 335px with 1 to 3 per row?

Thanks

By @iampurple

Unfortunately, JJMack has since passed on.

Can you share a PSD sample of your template?

[iampurple]

Hi @Stephen Marsh, thanks a lot for quick replied. I think I can try one more time to see if it works.
Wondering is there a way to have a photoshop template created for the users to use the google spreadsheet to generate image out on their own?

thanks

[Stephen Marsh]

The native method from .csv spreadsheet data is Image > Variables... AKA Data Driven Graphics:

https://helpx.adobe.com/au/photoshop/using/creating-data-driven-graphics.html

[iampurple]

I thought of this, but for the users who doesn't know how to use photoshop and no photoshop account. 

[Stephen Marsh]

Then you need to look into the Photoshop API or other "Web to Print" systems on the market.

[iampurple]

thanks a lot!!

[iampurple]

Hi @Stephen Marsh, would you help to take a look script, I tried to add the margin 15px left & bottom for stamp filename on image? like this

function stampFilename(textFont,sizeFactor,textColor,Name) {

        /* textX and TextY positions text placement 0 and 0 Top Left corner of image in pixels */

var textX = 0;

var textY = 0;

/* END Variables hard coded */

var txtWidth =  app.activeDocument.width * .90 ; // 90% of Doc with

var txtHeight = app.activeDocument.height * .90 ; // 90% of doc height

activeDocument.selection.deselect(); // make sure no active selection

text_layer = activeDocument.artLayers.add(); // Add a Layer

text_layer.name = Name ; // Name Layer

text_layer.kind = LayerKind.TEXT; // Make Layer a Text Layer

text_layer.textItem.color = textColor; // set text layer color

/* Do not set TextType to Pargarph so the layer can be aligned

  text_layer.textItem.kind = TextType.PARAGRAPHTEXT; // Set text layers text type

  */

text_layer.textItem.font = textFont; // set text font

text_layer.blendMode = BlendMode.NORMAL // blend mode

text_layer.textItem.fauxBold = false; // Bold

text_layer.textItem.fauxItalic = false; // Italic

text_layer.textItem.underline = UnderlineType.UNDERLINEOFF; // Underlibn

text_layer.textItem.capitalization = TextCase.NORMAL; // Case

text_layer.textItem.antiAliasMethod = AntiAlias.SHARP; // antiAlias

    textLayer.textItem.position = [15, doc.height - 15 - textLayer.textItem.size];

/* Calulate font size to use for keep size same for landscape and portrait base on text area size */

if (txtWidth >= txtHeight) {var fontSize = Math.round(txtHeight / (30 * sizeFactor));}

else {var fontSize = Math.round(txtWidth / (30 * sizeFactor));}

if (fontSize<14){fontSize=14}; // don't use Font size smaller then 10

text_layer.textItem.size = fontSize; // set text font Size

text_layer.textItem.position = Array(textX, (textY + fontSize )); // set text layers position in and down for Stamp add in fontsize

// Do not set Text Area so so the layer can be aligned

text_layer.textItem.contents = Name ;

}

also, why it generated out the image bleed to bottom, there is suppost to have a margin at the bottom?

 vs 

thanks