• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Trying to create a picture frame template for populating automatically

Community Beginner ,
Oct 09, 2018 Oct 09, 2018

Copy link to clipboard

Copied

Hi there. I have managed to create my own 'mock up' template which has a picture frame on it that I can use to put in my own image. I just did this by selecting the inner image area, creating a clipping mask and then converting to smart object. However what I ideally would like is to create a template that I could use to automate for batch processing. ie. I have over 100 images that I would like to insert into the picture frame and then save these as individual files, named individually as per the inserted image. Here is an example of my picture frame file:

template.jpg

My query is a little like this one I think How to fit image in particular frame?

Which I understand that Bojan Živković helped with. Except I have a picture frame rather than a games box.

I have also tried to use .JJMack's PhotoCollageToolkit which looks as if may solve the problem but I am getting various error messages. When I try to use the Collage Template Builder I get this error message:

error1.png

and when I just take the plunge and test the template with the TestCollageTemplate script I get this error message:

error 1200.png

I am using PS CS6 only version 13.0 x64. I appreciate that it must have taken hours and hours to create something like this ToolKit and I am sure many many people have benefited from it.

Please excuse my extremely basic PS knowledge as I am new to this. I am sure there must be an easier way! If anyone can advise I'd really appreciate it as it would save me hours and hours of work. Thanks!

TOPICS
Actions and scripting

Views

759

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 Expert ,
Oct 09, 2018 Oct 09, 2018

Copy link to clipboard

Copied

Something similar can be done for your template as in this thread How to fit image in particular frame? The difference between box and picture frame does not change anything. Exactly the same approach can work for your mockup. The only difference is that you will need to use (probably) Reveal All command in action after copying and pasting composition in the file which is open and used to substitute image in Smart Object layer (image open by Image Processor Pro in batch).

If you have any further question do not hesitate to ask. I gave you my opinion and insight without to actually test and check anything and pulling things from my memory but I am pretty sure that action provided for Claudio can work for you. It will need your time and effort to watch video and understand how to prepare template (one that you have posted above, I guess).

Votes

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
Community Beginner ,
Oct 09, 2018 Oct 09, 2018

Copy link to clipboard

Copied

Hi Bojan. Apologies I had not noticed the video that you had posted. I was just looking at the top answer on the thread. I scrawled down to find your video and watched that. I have uploaded your Action, downloaded Image Processor Pro and ..... success! It has all worked. There was white space on the bottom of my jpegs but I reread your instructions and ticked the trim box in replace SO content action and bingo it worked! Thanks SO much you have saved me. Apologies for not having realised that the answer was staring me in the face!

Tomorrow I will have a go with JJmack's Collage Tool as I am determined to managed that too!

Again, thanks SO MUCH and have a great rest of day!

Votes

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
Community Expert ,
Oct 09, 2018 Oct 09, 2018

Copy link to clipboard

Copied

Image Processor Pro is a great Plug-ins script. And it can use your Axctions.  

Hoewver Actions can not use logic to deals with different size images the has different Aspect ratios and Print resolution.  This the main reason I stopped recording Actions to populate Photocollage templates.

Actions can not determine  many image need to be populate into a template  where the images should be position what size they need be or what shape the should.

All step in an action are hard coded steps every thing is fixed except fot Script steps and Plug-in steps. Even Plug-in steps have settings recorded into the Action step by the Plug-in.

You may be able to record an action to Batch populate a single image into a template.  I do not think the more than a single image could be populated by an action unless the additional images after the first one are always the same.  To me those additional images should have been in the template from the start.

So when it come down to it  Image Processor Pro can not populate multiple images into a template using user supplied  actions.  Actions also need to be recorded for each template you want to populate.  I do not believe an action can be recorder to populate more than one template unless the template PSd files  have the same layers name, same layer structure and deal with the same fixed size images.

JJMack

Votes

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
Community Beginner ,
Oct 09, 2018 Oct 09, 2018

Copy link to clipboard

Copied

Thanks JJMack. I think I see what you mean. I will try the Photocollage Template way too.

Votes

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
Community Beginner ,
Oct 10, 2018 Oct 10, 2018

Copy link to clipboard

Copied

Hi Bojan. Thanks - as I said I had complete success in trying your method. Could I just ask one more piece of advice please? I have some picture frames which I wish to populate which have inner shadows in the frames. Do you know how I could make either the template or your actions include adding (or keeping) the shadow please? Maybe it would be best to just add it into the actions would it, creating a new layer style? Or is it possible to retain the original shadow? The same goes for things that might appear in front of the picture. If I am getting too far of myself, apologies! Here are 2 pictures which illustrate a little what I mean.

A4 Landscape.jpg

A4 LANSCAPE MOUNT WHITE.jpg

Votes

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
Community Expert ,
Oct 10, 2018 Oct 10, 2018

Copy link to clipboard

Copied

You will need to create shadows in the template, not to record steps in action to add shadows.

Shadows: inner, cast and so on... should be part of the template.

Votes

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
Community Expert ,
Oct 10, 2018 Oct 10, 2018

Copy link to clipboard

Copied

LATEST

Jilly with my toolkit there are two ways you can do that.  My scripts can add a layer styles to populated image placed smart object layer.  I supply some layer styles you can use with my package.  You can also add you own custom style by adding them to the preferences for my scripts.  The other way to add a style is add it to the template. If you add a layer that covers the image the will be place in the template you can add your layer style to that layer and set the layer fill to 0.  The layer will have no visible pixels but the pixels generated for the layer and be blended into the populate composite. There are other ways to embellish a populated image like I did in my 911 example. Where layer 1 fill 0 Layer did not cover all of the populated image just parts of it. Its inner shadow style blends into the populated image 5 placed smart object layer. Populated image can also have a layer style add and images can be stamped with the names.

JJMack

Votes

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
Community Expert ,
Oct 09, 2018 Oct 09, 2018

Copy link to clipboard

Copied

As I wrote is is very easy to create Templates that are comparable with my scripts. To do what you want to do all your template would need is a PSD file with your background image and an Alpha channel that maps your single image Size Location and Shape. Any size image can be populated into your template.  But for good image composition your images should have a portrait aspect ratio near the aspect ration of your template's Alpha channel image map.  Your image has an aspect ratio near a 2:3 Portrait. I created a template using your screen capture.  The template is therefore for web size output images 865px by 856px.  Any size image can be populated.  Image layers will be placed smart object layers that are sized to fill you image area positioned via the smart object layers associated transform  and masked to you image area to mask off any excess image content because for any image with a aspect ration mismatch.

I do not understand what you can not follow.  It does not take much to create a template.   Replacing a smart object layer object requires two batch processes one to size you image like the templates object and a second batch process to  replace the smart  object layers.   My scripts will not replace smart object layer objects.  My scripts place in new smart object layers and uses the Associated layer transform to do most of the work.  My scripts only place images in squares to the canvas not rotation id distortion will be added by mat scripts. Those tweaks need be added by manually done by editing populated templates that need this type of distortion

Capture.jpg

JJMack

Votes

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
Community Expert ,
Oct 09, 2018 Oct 09, 2018

Copy link to clipboard

Copied

Four Simple Rules you need to adhere to for Creating Template to be use with my scripts.

  1. Size the photo collage templates for the print size you want - width, height and print DPI resolution.
  2. Photo collage templates must have a Photoshop background layer. The contents of this layer can be anything.
  3. Photo collage templates must have alpha channels named "Image 1", "Image 2", ... "Image n". These map your images Location Position, Shape and size.
  4. Photo collage templates layers above the background layers must provide transparent areas to let the images that will be placed below them show through.

A template to what you want to do requires the following.

1 A  PSD Sized for want your populated image composite to have.

2 Your Background Layer

3 An Alpha Channel named "Image 1" the that maps the image placement size and shape.

A Very simple template to crreate.

JJMack

Votes

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
Community Beginner ,
Oct 09, 2018 Oct 09, 2018

Copy link to clipboard

Copied

Thanks so much! You are a genius. I will try again tomorrow and make it happen. In the meantime, I have managed to work something out with Bojan's video and actions using Image Processor Pro but I am determined to make yours work too. The only fault there is, is my ignorance of Photoshop. But I am learning thanks to you!

Votes

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