Smart object in template: saving off each layer as a png.

[Waterbear]

I know someone must have asked for this before, however, I'm not sure how to phase it perfectly. I have provided many images to help me convey what I want, and I hope that helps. I make many mockups for smart phones and the like. Most of the time, when I present my work, my employer wants to see it "in the device".

I have a template of a phone (I grabbed an iphone just for the sake of mockups), and I load all my mockups into the smart object that makes up the phone's screen in the template. However, saving out each mockup can become very time consuming. Is there a script out there what will save out each screen once I have added all my content to the smart object? (In my example, the final result would be 3 pngs of the phone displaying one of the 3 screens)

Thanks!

[JJMack · Accepted solution]

It there is no perspective distortion need like iPhone example a straight on perspective.  That would be a snap to do with a Photo Collage Template PSD and a batch script.  The template  could be as simpla as a background image of your iPhone shot straight on and an alpha channel the maps to the iPhone display. For example BatchOneImageCollage.jsx However that script would save a set of PSD files would contain a background layer. If you want a set of files the template would need two layers a plain white background layer a layer above it a cutout of your iPhone with the screen also cutout an missing., and the mapping alpha channel.  The saved PSD file would the need to be processed with the Image Processor Pro script the save PNG for the PSD and include an action that deletes the background layer or turns off its visibility.

• Photo Collage Toolkit UPDATED Made Rotate for Best Fit an option in PasteImageRoll.jsx Edit to customize your default settings.
  Photoshop scripting is powerful and I believe this package demonstrates this.
  The package includes four simple rules to follow when making Photo Collage Template PSD files so they will be compatible with my Photoshop scripts.
  
  Documentation and Examples
  
  

       There are twelve scripts in this package they provide the following functions:

1. TestCollageTemplate.jsx - Used to test a Photo Collage Template while you are making it with Photoshop.
2. CollageTemplateBuilder.jsx - Can build Templates compatible with this toolkit's scripts.
3. LayerToAlphaChan.jsx - Used to convert a Prototype Image Layer stack into a template document.
4. InteractivePopulateCollage.jsx - Used to interactively populate Any Photo Collage template. Offers most user control inserting pictures and text.
5. ReplaceCollageImage.jsx - use to replace a populated collage image Smart Object layer with an other image correctly resized and positioned.
6. ChangeTextSize.jsx - This script can be used to change Image stamps text size when the size used by the populating did not work well.
7. PopulateCollageTemplate.jsx - Used to Automatically populate a Photo Collage template and leave the populated copy open in Photoshop.
8. BatchOneImageCollage.jsx - Used to Automatically Batch Populate Collage templates that only have one image inserted. The Collage or Image may be stamped with text.
9. BatchMultiImageCollage.jsx - Used to Automatically Batch Populate Any Photo Collage template with images in a source image folder. Easier to use than the interactive script. Saved collages can be tweaked.
10. BatchPicturePackage.jsx - Used to Automatically Batch Populate Any Photo Collage template with an image in a source image folder
11. PasteImageRoll.jsx - Paste Images into a document to be print on roll paper.
12. PCTpreferences.jsx - Edit This File to Customize Collage Populating scripts default setting and add your own Layer styles.

Four Rules Templates need to follow:

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".
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.

Example:

[Waterbear]

Seems like it might be close, but not exactly what I need since it'll require me to remake all my files. I'll test it out to see how much time it will save me.

In the meantime, more solutions are definitely welcome, everyone.

Thanks!

[Waterbear]

Upon further investigation, these are a pretty sweet bunch of scripts. I'll give it a shot on the real content tonight. Thanks!

[JJMack]

I created a template for you. http://www.mouseprints.net/old/dpr/iPhone4.psd and saved a png of a one populated

[Waterbear]

Thanks!