Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


Photo frame action set and batch automation

New Here ,
Aug 04, 2021 Aug 04, 2021

Copy link to clipboard

Copied

Hi everyone,
l have a background image which is an interior room render that has a blank photo frame as part of the render. l would like to add a photo to the inside of this frame and then create an action set that l can use in a batch automation to process several images into this frame as separate jpgs. l cannot figure what actions need to be recorded for this to work.

shutterstock_1451303048.jpg

TOPICS
Actions and scripting, Windows

Views

404

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Aug 04, 2021 Aug 04, 2021

Copy link to clipboard

Copied

Please describe the process and parameters – what is the Layer structure of the image; are the replacement images identical in size and resolution; in which file format do you want to save the resulting variations; what is the naming convention; …? 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 05, 2021 Aug 05, 2021

Copy link to clipboard

Copied

Thanks for your response.
The photos l'm trying to batch place within the frame are all the same image size and resolution at 59.4cm x 42cm (A2) at 300 DPI.
The background render image is an image size and resolution of 3400px x 2650px at 300 DPI.
l have various background images that l need to create actions for as they are different sizes but all at 300 DPI.
For the purpose of minimal confusion l will name the background render image as 'image A' and the photo image that l'm looking to place in the frame as 'image B'.
Here's the process l've been trying.

1. Before recording the action, open the background render image A.

2. Hit record, open the photo image B, copy and paste image B onto image A. Image B is now above image A layer.
3. Move and transform the image B to fit within the photo frame in image A.
4. The l click 'Place embedded' and select image A.
5. Move image A layer below image B.
6. Select 'Save as' and save image as a jpeg in new folder.
7. Select 'Close' and select 'no' to saving changes to document. Stop the action recording.

l then try to create a batch automation by selecting the 'source' folder containing all the image Bs and set the 'destination' folder in a new folder. l select the box for both 'Override action "Open" commands' and 'Override action "Save as" commands'.

Here are some screenshots showing action process.

Screenshot 2021-08-06 083954.jpg

Screenshot 2021-08-06 084327.jpg

Screenshot 2021-08-06 085045.jpg

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Aug 04, 2021 Aug 04, 2021

Copy link to clipboard

Copied

"l would like to add a photo to the inside of this frame"

 

This is first tricky part that needs to be adressed: do you have layered file or flat image? That is first stone, the rest is described in @c.pfaffenbichler answer. We need much more details, ideally with screenshots or file uploaded somewhere to see it.

 

Another huge part are files for replacement. Do you have images with the same dimensions and resolution (and which resolution) or files with random dimensions and resolution?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Aug 04, 2021 Aug 04, 2021

Copy link to clipboard

Copied


Another huge part are files for replacement. Do you have images with the same dimensions and resolution (and which resolution) or files with random dimensions and resolution?


That’s definitely an important issue when automating such tasks. 

If the images should be different in size and aspect what rule should determine the placement (can they be clipped, distorted, …)? 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 05, 2021 Aug 05, 2021

Copy link to clipboard

Copied

Thanks for your response Bojan.
It is a layered file.

Aug 06, 2021

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Aug 04, 2021 Aug 04, 2021

Copy link to clipboard

Copied

That would be hard to do or impossible to do with an Action.  For all image will not have the same aspect ratio as the frame.  Also the Batch processor would  open the Picture Images not the frame image. So the action would need to get the frame image into the open image picture document the action would need to scale the current image for the Frame images picture ares set the document canvas size and resolution to the Frame Image canvas size and resolution then place in the frame image into the current document , Move the image layer above the placed  smart object layer you frame image and position the image over the frame and mask the image layer to the frame's aspect ratio shape. Finally save the composite image to an output folder with the Image's name. before closing no save the current document.

 

However, it would be a simple task to make your frame images a PSD Template that could be batch populated with your images using one of my free scripts.  Any image that does not have the same aspect ratio as the frame will  look like a centered frame aspect ratio crop. Free Photoshop Photo Collage and Mockup Toolkit 

 

Image Aspect Ratio is very important.  Placed image should have a aspect ratio like the frames aspect ratio...

Capture.jpg

 

There are scripts that will frame any aspect ratio image and  adding frame the any aspect ratio image is an easy Action you can record.  Adobe installs a Frame Action set in Photoshop.

Capture.jpg

JJMack

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 05, 2021 Aug 05, 2021

Copy link to clipboard

Copied

Thanks for your response JJMack.

So are you saying the process l've listed below has no workaround to be a possible action command?
All my photo images are the same size/resolution and at an aspect ratio of 1.414:1. Majority of the frame images are the same aspect ratio 1.414:1 either landscape or portrait, however there will be other frame images that are not this same ratio in which l would have to mask the photo image to fit as you said.

l'm not very familiar/knowlegable with the use of scripts but you're saying if l create a PSD template for the frame image/s (A) the l can use your 'Simple Mockup Templates' scripts to batch place my photo images (B) into the frame image (A)?



Process l've been trying.

Aug 06, 2021

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Aug 06, 2021 Aug 06, 2021

Copy link to clipboard

Copied

Batch would open your replacement image not your frame image. It may be possible for an action to do what you want. An Action can not test that the current image is the correct size it can however add an empty layer so it can flatten any image document opened by batch then use  Use Fit Image size the current image to fit within the frame's known image area canvas size. Then add white canvas to insure the image is the correct known size.The action would then convert the background layer to a normal layer..So it can add transparent canvas to make the Document the correct canvas size for the frame Image file known canvas size and resolution. The Frame image file would then be placed into the current document and moved to the bottom the stack. The Action then select the Frame's image area and aligns the top image layer to the selection saves the composite as a jpeg to an output folder  finally it closes no save the current document and batch open the next image,

 

You would need to record a complex action like that for each Frame type template you create,  The action has to record the Frame file path and name in the place  step it also has to select the image are in the placed frame's. The size of the frame's image canvas area need to be recorded into the Fit Images step and the canvas size of the image area and the canvas size of the frame file need to be recorded into the two canvas size steps canvas sizes of the Frame document and canvas sized of the framed document frame image area to be able to place in the frame document and it must record the select area in the placed in layer selecting the Image area to align the image layet to it.

 

You have never used Image processor, Photomerge, merge to hdr, contact sheet II, export layer to files, load file into a stack etc. Scripts can do more than Actions. They are Programs not just a sequence of fixed action steps like Actions.

image.png

 

 

JJMack

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 07, 2021 Aug 07, 2021

Copy link to clipboard

Copied

Thanks for that JJMack. I'll try setup this action set. l did have a crack of your 'BatchOneIMageCollage' script and had success although is it possible to modify this script so it sets the blending mode of the replacement image to multiply?



Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Aug 07, 2021 Aug 07, 2021

Copy link to clipboard

Copied

There is no need to modify the script. You can add Multiply as a Image Layer style option.

 

My Collage  Scripts  have an options to add a layer style to placed image layers. I supply a few Image and text  layer style in my Package. You can select these in my scripts dialog.  All the script use a Photo Collage Preferences scripts for the lists of layer Style names supported by the scripts. So you can Add you own layer styles. The script name is "PCTpreferences.jsx" the var statement

 

var imageStyleList = ['Default Style (None)','Photo Collage Style 1','Photo Collage Style 2','Photo Collage Style 3','Photo Collage Style 4','Photo Collage Style 5','Photo Collage Style 6','Photo Collage Style 7','Photo Collage Style 8','Photo Collage Style 9','Photo Collage Style 10','Photo Collage Style 11'];

 

Is the array used for for  available image layer styles. So you can add your own Image Layer styles. Set a new Layer style Preset in your Photoshop Styles Palette that sets the layer blending to multiply. Add this preset name to the var imageStyleList array.  Then select this Multiply style in 'BatchOneIMageCollage'  script for Image layers.

image.png

image.png

image.png

JJMack

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 10, 2021 Aug 10, 2021

Copy link to clipboard

Copied

l've added new layer style to the 'imageStyleList array' however it doesn't seem to appear in the 'BatchOneIMageCollage' styles list. l think l may have missed a step here.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 10, 2021 Aug 10, 2021

Copy link to clipboard

Copied

l also tried running the 'PCTpreferences.jsx' script but nothing happened in Photoshop.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Aug 10, 2021 Aug 10, 2021

Copy link to clipboard

Copied

You need to add the style you add the Style  you added to Photoshops's Style Palette into the var image Style list in the  'PCTpreferences.jsx' script on your machine, Edit the  'PCTpreferences.jsx' script  add: ", 'Your Multiply Style Name' "into the list

 

 

var imageStyleList = ['Default Style (None)','Photo Collage Style 1','Photo Collage Style 2','Photo Collage Style 3','Photo Collage Style 4','Photo Collage Style 5','Photo Collage Style 6','Photo Collage Style 7','Photo Collage Style 8','Photo Collage Style 9','Photo Collage Style 10','Photo Collage Style 11', 'Your Multiply Style Name' ];

 

If the Late style you add blend mode is multiply and you add no style effects. The Placed smart object  image layer will have no "fx" style icon in the layers palette the layer blend mode will be your Style blend mode.

Capture.jpg

 

JJMack

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 10, 2021 Aug 10, 2021

Copy link to clipboard

Copied

l don't know how to edit the 'PCTpreferences.jsx' script though, if l open it in Photoshop nothing appears or happens, it's just a blank Photoshop screen. Although if l double click/open the 'Photo Collage Styles.asl' the 'Photo Collage Styles' appears in my 'Styles' window and l've then added my multiply style preset to it.

Screenshot 2021-08-10 200731.jpg


l'm not sure how you get this 'var imageStyleList' to appear.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Aug 10, 2021 Aug 10, 2021

Copy link to clipboard

Copied

Edit the 'PCTpreferences.jsx'  file with a text editor add the style name and save the file.

JJMack

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 10, 2021 Aug 10, 2021

Copy link to clipboard

Copied

Thanks for that. l've edited the 'PCTpreferences.jsx' scrip in the text editor, the 'Mulitply' layer style is now appearing however it isn't changing the added image's layer style to multiply for some reason. Do you know why this might be happening?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 10, 2021 Aug 10, 2021

Copy link to clipboard

Copied

Although my psd file of the exported image has a different layer structure to what yours is showing.
l'm guesing this is the problem.Screenshot 2021-08-10 210657.jpg

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Aug 10, 2021 Aug 10, 2021

Copy link to clipboard

Copied

Are you sure the Layer Style names are the same in the var and in your styles palette?  If they do not match there will be no style effect added. There will be no error indication if the Layer style does not exist in the Image Style List. No layer style was added to you Placed Images  smart object layer.   When I added your Multiply style  it was added on my machine as my screen capture showed.

image.png

 

You could create a Mockup Template instead of a Collage template.  You add the Smart object Image layer that will have its Content replaced by the "BatchMockupTemplates.jsx" script.  You have complete control of the smart object layer. You can scale it, add perspective distortion, warp it, style it  mask it etc. Only its contents will be replaced by the script text stamping is  not supported in mockup templates and the output defaults to tp Jpeg but the is an option toe save PSD as will and Ant size imat can be use with the Edit option.  .The script can replace any number of smart object it does not have the 53 Image limit my collage scripts have. There is also the "BatchUpdateSmartObject.jsx" it interface is quitle like the one image collage script.  Here I Placed in a 3:2  16 mega pixel PSD image as a top level Smart object layer  scaled, it masked it and set blend to multiply. 

Capture.jpg

 

Here are the output document saved by my scripts for the Collage and for mockup templates.   Templates are easy to create....

image.png

 

JJMack

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Aug 10, 2021 Aug 10, 2021

Copy link to clipboard

Copied

You can have overlay layers in Collage and Mockup templates that is not a problem. I only support Image File Name stamping in Collate templates for the script knows the size, location and shape of the placed images layer via the alpha channels.

Capture.jpg

 

JJMack

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 10, 2021 Aug 10, 2021

Copy link to clipboard

Copied

Thanks for that JJMack. Yes the Layer Style names are the same in the 'PCTpreferences.jsx' script as the styles palette. I think l may have created the Collage template wrong, my template uses a mask for 'Image 1', is that ok for the script?
Screenshot 2021-08-11 092402.jpg

l will give the mockup scripts l try also.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Aug 10, 2021 Aug 10, 2021

Copy link to clipboard

Copied

If the Names are exactly the sane the layer style in your Style Palette should set the placed smart object layer's  blending to multiply. The Smart Object layer you show in your screen captute has blending Normal there is either a problem with the names not being the same  or the Layer style added to your Photoshop Styles Palette does not havw layer blending set to multiply. Try selecting one of my Photo collage layer style like Style 3. Make syre the script is working. 

 

Here are two template PSD  files for you to try.   One is a Mockup Template the other a collage template. The mockup template is a large file foe the embedded Smart Object  is a layered 16 MP psd.

FrameImageMockup.psd  

FrameImageCollage.psd 

JJMack

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 10, 2021 Aug 10, 2021

Copy link to clipboard

Copied

l've tried your layer styles and they are working just not my 'Multiply'.
Here are some screenshots to show the layer style name and structure and also the 'PCTpreferences.jsx'Screenshot 2021-08-11 133544.jpgScreenshot 2021-08-11 133925.jpgScreenshot 2021-08-11 133723.jpg

 

 l'm getting a 'ERROR 404 - PAGE NOT FOUND' error when clicking on those links.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Aug 11, 2021 Aug 11, 2021

Copy link to clipboard

Copied

'ERROR 404 - PAGE NOT FOUND' is a Web Browser error What are you browsing for? What Link??

 

You show no Style Names and no var stayement?

 I showed you I had no problem adding  your multiply style to to my Style Palette with the namse "Your Multiply Style Name" and to the script var and it worked.

Capture.jpg

JJMack

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Aug 11, 2021 Aug 11, 2021

Copy link to clipboard

Copied

When you select something my name you need to be careful in Photoshop foe many object do not have the have unique Names. You can have many layers in a document with the name "Layer 1" you can have many styles in the style palette with the name "Multiply" Duplicate names do not have always have the same content.  Use the Style Palette search to make sure your style has a unique name.

image.pngimage.png

If look like the two outline styles could be the sames style with different names

 

Capture.jpg 

JJMack

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
    • 1
    • 2