How To Create A Photo Grid In Photoshop

In today tutorial, we are going to learn how to make a Grid Collage in Photoshop from multiple images.

We'll be using Guides, Free Transform, Rectangular Marquee Tool and Layer Style that comes with Photoshop.

Once you have arranged it to your satisfaction, you can play around with other Photoshop's tools to add your own artistic effects.

Let's get started!

Final result.

Video: How To Make A Grid Collage In Photoshop.

Watch the video for detailed instructions and use the written steps for quick reference. If you enjoyed this video, I highly encourage you to subscribe to my Youtube channel -PhotoEffect.

1. Create a New Document

Choose File> New (orCtrl+N).

In the pop-up window, type a name in the Name field and enter the following information:

Width 1350 pixels, Height 1350 pixels, Resolution 72 Pixels/Inch, Color Mode RGB color, and Background contents White.

Click OK.

2. Create Vertical and Horizontal Guides

Guides help you position any object (shapes or images) precisely.

See this tutorial on how to make a grid or guides.

We will create two horizontal and two vertical guidelines.

• Create the first vertical guide. Choose View> New Guide. In the dialog box, select Vertical orientation, enter 450 px position and click OK.  Repeat this step for position 900 px.
• Now create a horizontal guide. Choose View>New Guide. In the dialog box, select Horizontal orientation, enter 450 px position and click OK. Repeat this step for position 900 px.
• If you didn't see the guidelines, then choose View> Show> Guides.
• If you want to lock all guides, choose View>Lock Guides. This way you can't move them by accident.
• Choose View>Snap to enabling snaping that will help you to align any object (including shape) you want. Make sure that View>Snap to>Guides is checked.

Create guides.

3. Open All Images

Stock images used in this Photoshop Collage tutorial: 643102, 320774, 717599, 2544, 21690, 175254, 175605, 699516, 708410.

You can use File>Place to place an image onto the canvas.

But in this tutorial, I will use Edit>Paste command.

Choose File> Open.

Navigate to the folder that contains your image file then select the name of the file you want to open.

Click on all the images while pressing the Ctrl key, then click Open.

Click on all the images while pressing the Ctrl key.

Open all photos.

4. Copy Images To Main Document

Click on one of the images, choose Select> All, then Edit>Copy, click again the main document (the photo collage document), then choose Edit> Paste.

Copy image to collage document.

5. Adjust Image Using the Free Transform

Now you can adjust image size and position using Free Transform to your satisfaction as follows:

• Select the image layer to which you want to manipulate.
• Choose Edit>Free Transform or Ctrl+F.
• Resize the image by dragging any corner while holding down the Shift key to keep the image does not distort.
• Move the image by clicking and hold anywhere inside and then drag.
• You can rotate the image by moving your cursor farther out from any corner until you see two arrows. Click and hold, then drag the image.
• Press Enter key when you are done.

Resize using Free Transform.

6. Make Selection Then Duplicate Layer

Select the Rectangular Marquee Tool at the top of the Tools panel (or just press M).

Press Shift+M to cycle through the four available marquee tools until the one you want is active.

Now, drag your mouse over part of the image in the first guide square while holding down the Shift key to keep the rectangular selection doesn't distort.

Duplicate the image layer by going to Layer>New>Layer via copy or Ctrl+J.

You can now delete the image's layer.

The Rectangular Marquee Tool.

Draw a selection and then duplicate the layer.

Delete the original layer.

7. Add Layer Style Stroke

Choose Layer> Layer Style> Stroke.

I will choose a white color, size 10 pixels, and position: Inside.

Click OK.

Add a stroke.

8. Insert All Images

Repeat steps 4 through 7 to open and manipulate each picture you'd like to insert.

You can copy stroke layer style to another layer by click and drag while pressing the Alt Key.

When you are done, you can clear the guides by going to View> Clear Guides.

Photo collage grid.

9. Add Canvas Size

To add a border in the photo collage, we can enlarge the size of the background layer by about 10 pixels.

Click on the Background layer and then choose Image> Canvas Size.

In the pop-up window, enter the following information: Width 10 pixels, Height 10 pixels, click the Relative checkbox and choose center Anchor.

Fill the background with white color by going to Edit>Fill.

Add canvas size by 10 pixels.

Fill with white color.

10. Save Your Document
Choose File>Save or else just press Ctrl+S to save your project file.

The Save As dialog box appears.

Navigate to the folder where you want to store the file.

Type a name in the File Name text box and leave the default Photoshop (*.PSD;*.PDD) format.

Click Save to store the image.

Once you have finished, you will probably also want to use File>Save As (Shift+Ctrl+S) to export the image in a more widely used format, such as JPEG, PNG, TIFF, etc.

Here is the result:

How to make a grid collage in Photoshop.

How To Create A Photo Grid In Photoshop

Source: https://effectphoto.blogspot.com/2015/10/how-to-make-grid-collage-in-photoshop.html

Posted by: currywineve.blogspot.com

Share this post