Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

I'm working on a site. The width will be fixed, but the length will vary.

What would be the best way to create a grid like the following in Photoshop?:

here is the image of the grid, please someone tell me how to make similar in photoshop based on the previous details

share|improve this question
    
Edited the question as required by Ahmed - Please re-vote if you feel it is now a better fit. Brendan's answer was good, so I thought it'd be a shame to lose it. Ahmed, if Brendan's solution was good, please accept it as an answer. –  Yisela Mar 21 '13 at 22:26
add comment

1 Answer

up vote 5 down vote accepted

What you could do is create a few layers and give them layer masks that are sized to the different image sizes that you want. I did this by using the Rectangular Marquee tool to make a selection, then going to Select > Transform Selection and sizing the selection to be 150px wide by 50, 100, 150, and 200px high:

enter image description here

Now, drag your images in and apply the masks to the images by holding Option/Alt while clicking a layer mask in your Layers palette and dragging it to your new image layer:

enter image description here

Then, click the little link icon that's between the image thumbnail and the mask thumbnail in the Layers palette. Next, click the image thumbnail to select it, then press Ctrl + T to resize the image without disturbing your layer mask:

enter image description here

Repeat as necessary. I would find this to be more intuitive than opening up separate images, cropping/sizing them, then pulling them in; plus, if you want to change how they're cropped later you can do that more easily here. If you convert your image to a smart object right after placing it on the canvas before applying the clipping mask, then that allows for even more flexibility.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.