A simple Photoshop action reveals the image in file browsers
Can you tell what the two images above are? No? I’ll give you a hint. The one on the left is from Creative Victorian’s Combobulated scrap kit. The other is from Valentina’s Winter Wedding scrap kit. Still don’t know what they are? If so, then creating the following action just might be useful to you, and if you’re new to writing actions, you’ll find this an easy start to learning to create them. Actions are especially useful for the kind of little everyday tasks you do. This one creates an additional file in JPEG format that shows the element on a colored background. (PSE users can’t create actions, but they can manually perform these easy steps, or find a friend with Photoshop to make the action for them.)
First create a folder on your desktop (or another location, if you prefer—it’s a temporary place for the Save As step of the action). Then open one of your own PNG files that is a plain white image on a transparent layer. The action is going to use your Foreground color, so make sure your Foreground Swatch is a medium tone color or darker to help the details in the white image show up clearly. It doesn’t matter what the color is at this point as the action won’t record an actual color—only that it is using the Foreground color.
Now open the Actions panel and, if you don’t have a custom set to put your action in, choose “New Set” from the flyout menu. Actions must always be part of a set, even if it’s a set containing only one action. Once you know what set you’ll be using, choose “New Action” or click on the Create new action icon at the bottom of the panel . Give your action a descriptive name, such as “Scrap Preview,” and click Record Action. This lights up the “Record” icon at the bottom of the panel.
Back in the Layers panel, Cmd/Ctrl-click on the Create a new layer icon to add an empty layer below your original image layer. Next, press Option-delete/Alt-Backspace to fill that layer with your Foreground Color.
After creating the color-filled layer, choose File> Save As, leave the filename alone, and select JPEG as the format.* Photoshop automatically tells you that it will save a copy, not the file itself, which is exactly what we want it to do. Choose the temporary folder you created back at the start. When the JPEG Options dialog opens, choose a low quality for the file. You don’t need high quality for a file you’re never going to use on a scrap page.
*Your version of Photoshop may be too old to automatically flatten your layers before entering the Save As dialog, in which case you should choose Flatten Image first.
Once the file has been saved and you’re back in Photoshop with your original file open, choose File> Close. Be careful here! When the dialog pops up asking if you want to save the file before closing, choose Don’t Save. You don’t want to overwrite you original PNG file. You just want to close it.
Your action is now complete. Click on the square icon to the left of the red record button to stop recording. Now select the set containing the action, open the Action panel’s flyout menu, and choose Save Actions. If you don’t save your actions somewhere, you might lose them entirely. You can accept the default Presets folder that Photoshop chooses for you, or you can save them to another drive that you routinely backup—or both. When it comes to the reality of computers crashing and dying, I like the belt and suspenders method of taking care of anything I create.
But now you have an action that will automatically save every preview you create into that desktop folder, far removed from where you actually are storing your scrapbook kits. Modal controls to the rescue. To the left of the Save step in your action are two columns. The leftmost column has a checkmark which tells Photoshop to play that step, and the next column, the modal control column, is blank. Click to toggle it on. The modal control tells Photoshop that it’s not to complete the step, but to open the dialog and to wait for input from you. It works with filter settings, adjustment layers, and more.
Now whenever the Save As step plays, the action will stop and you can navigate to the scrap kit folder that contains your original PNG file, click Save and Okay (in the JPEG Options dialog) to complete saving the file and Photoshop will automatically close your original file for you.
One further step might help save time when running it on several files in one session. If you disable Save As to Original Folder under Preferences> File Handling, you’ll only have to navigate to the folder you want once. Photoshop will remember the last used folder and return there for the rest of the session, or until you navigate to another folder. If you re-enable Save As to Original Folder, the action will again navigate to the temporary folder you created or, if you threw that away, to whatever is left of the path you recorded.
Another option to preview white on transparent PNGs is to open them and add a drop shadow. You’ll need to save the file as a larger PSD file to keep the layer style live, and the image might not appear as attractive, but if you prefer this, you can use your action skills now to create an action that adds a layer style and saves the file as a PSD instead. Use the file the same way you would use the original PNG—simply edit or remove the drop shadow to suit the image you’re creating.