Advertisement


How does one align images in a grid in Photoshop CS4?


Question

I have a number of equality sized square images and would like to distribute them evenly in a grid on the same image. How does one do this using Photoshop CS4? I'm trying to create a sprite. The images will have styles (borders, shadows) applied to them so using an external site isn't feasible.

2014/08/13
1
3
8/13/2014 4:45:00 PM

The easiest way is to determine how many rows and columns you want, then the width and height boundaries you want the images to display in.

Lay out the first row roughly in the order you want with the leftmost edge of the leftmost image at the left boundary and the rightmost edge of the rightmost image at the right boundary. Select every layer for the first row, select the move tool (v) and click the align vertical centers and then the distribute horizontal centers button. (repeat the steps for leftmost/rightmost edges and aligning vertical centers on all rows)

Next select all of the leftmost column and align the topmost and bottommost with their respective boundaries and use the distribute vertical centers button to get the proper alignment in that direction.

Hope this helps!

2012/05/24
1
5/24/2012 9:54:00 PM