19 Sep How to merge two PSD files in Photoshop
How to merge two PSD files in Photoshop
And other batch scripts for Photoshop
If you needed to merge several PSD files into a single Photoshop document then you probably found out that Photoshop doesn’t have a native function for merging or to combine layered PSD files.
In this post we will talk about a few Photoshop batch scripts we can use to import or export different file types:
1.- Combine 2 Photoshop files into a single PSD
Bad news is… you can’t combine Photoshop layered files with default functions. But you can move the layers/folders from one file to another one manually. For a couple of documents doing it manually it is not a big deal (if you need to merge a lot of PSD files, please move to the next point).
There are 2 quick workarounds:
- Drag layers and/or folders manually from one PSD document to the next. It will place the layers in a random position of the canvas.
- Or better, use Duplicate feature if you want to place the layers exactly in the same position (both canvases must have the same dimensions).
How to use Photoshop Duplicate Feature
The best way to merge or combine 2 Photoshop files is by using Duplicate feature. If the canvas in both documents have the same dimensions the elements will fall exactly in the same position. You can also move the layers to a new document that Photoshop will create, it will have the same dimensions as the original canvas.
- Open file A and file B
- In canvas A select the layers (or groups) that you want to move to file B
- Go to top menu Layer> Duplicate Layers
- Choose document B as destiny… and done!
2.- Combine lots of Photoshop files into a single PSD
You can do it with Load Files into Stack native script, unfortunately it will merge all layers within each document before. But don’t panic! we have created a custom Photoshop script that combine lots of Photoshop layered files into a single psd.
In an empty folder place psd-merger.jsx and your PSD files, then run the script:
File > Scripts > Browse… locate psd-merger.jsx file and click OK
3.- Load JPG or PNG images as Photoshop layers
Load files into Stack is a Photoshop native script that do the job smoothly and it is quite easy to use. It will stack alphabetically all your selected files, then you can save it as PSD.
File > Scripts > Load Files into Stack
4.- Bulk rename Photoshop layers
Photoshop doesn’t have any native function for this but don’t panic !!… We have created a Photoshop script that rename dozens of Photoshop layers with just a click.
This script uses folder’s names as prefixes:
You create this structure.
Run the script and get all layers renamed.
File > Scripts > Browse… locate bulk-rename.jsx file and click OK
5.- Export Photoshop layers to PNG files without prefix
For certain projects you could need to export Photoshop layers to PNG files, for example, if you want to build a web based avatar creator.
Option 1: Layers to files
Native script layers to files can export layers to PNG, JPG, GIF, SVG…
File > Export > Layers to files
PROBLEM: Photoshop adds annoying _0000_ prefixes to your images.
Option 2: Quick export as PNG and Export as
In layers palette you can right-click 1 or more layers and select Export as or Quick export as PNG.
This is the default PNG you get in both cases
And this if you set canvas dimensions on Export As
PROBLEM: You get a PNG file with the name of the layer but Photoshop crop the canvas to your layer dimensions. If you set specific dimensions photoshop will place the element just in the center of the canvas, losing its original placement.
OUR SCRIPT: Export layers to PNG, keep canvas size, position and layers name (without prefix).
So… we created a script to export layers to PNG files preserving the original position and size into the canvas, and layers name. No annoying prefixes, no trimmed images.
You have this.
Run the script and get this.
… while preserving the original placement.
File > Scripts > Browse… locate layers-to-png.jsx file and click OK