September 06, 2021

Photo Collage Number Template in Photoshop

Photo Collage Number Template in Photoshop
In today’s Photoshop tutorial we’ll learn how to make a photo collage number template in Photoshop fast and easy using Contact Sheet. We'll be using contact sheet to create a grid. Type a number, load selection and then create layer mask. You can insert images using File-Place, Clipping Mask and resize it using Free Transform.



If you liked my tutorials, please subscribe to my YouTube channel - JTSGraph.

Download Photo Collage Number Template (PSD)

Download this Photo Collage Number collage template here or find others Photoshop Collage Templates here

Steps to make a number collage in Photoshop:

1. Create a square image.
Click the Background color box then choose grey color. 
Click the Background color box then choose grey color.

Choose File> New (Ctrl+N) to create a new document. 
File> New.

Enter the following information: Width 400 pixels, Height 400 pixels, Resolution 300 Pixels/Inch, Color Mode RGB color, and choose Background color for the Background contents. Click OK. 
The New Document dialog.

Create a square image.
Create a square image.

Choose File>Save As (or Shift+Ctrl+S).
File>Save As.

Save As .PNG or .JPG
Save As .PNG or .JPEG.

2. Duplicate the square image.
Duplicate the square image using Ctrl+C (copy) then Ctrl+V (Paste). For this Photoshop tutorial, I'll duplicate it 35 times to create a 6x6 contact sheet.
I'll duplicate the square image 35 times to create a 6x6 contact sheet.

3. Create a Contact Sheet.
I’ll create a 6x6 Contact Sheet. Choose File > Automate > Contact Sheet II
File > Automate > Contact Sheet II.

Choose your source folder (your square images). Choose Width, Height, and Resolution values for the contact sheet. Choose across first and the desired number of Columns and Rows. Click OK. 
Contact Sheet II dialog.

Please wait, while Photoshop opens each image and creates the contact sheet.
Create a 6x6 Contact Sheet.

4. Delete all layer mask.
Right-click on every layer mask thumbnail then choose Delete Layer Mask. We'll be using clipping mask to insert images.
Delete All Layer Mask.

5. Group all square layers.
While holding down the Shift key, click the first and last square layer.
Select all square layers.

Then choose Layer>Group Layers.
Group Layer.

All layers grouped.
Layer Grouped.

6. Type a number.
Grab the Horizontal Type Tool in the Tools Panel.
The Horizontal Type Tool.

Type a Number then resize it using Free Transform (Ctrl+T).
Type a Number then resize it using Free Transform (Ctrl+T).

7. Load selection.
Ctrl+Click on the number layer thumbnail to Load selection.
Ctrl+Click on the number layer thumbnail to Load selection.

8. Create layer mask.
Hide the number layer visibility and select the Group layer by clicking on it.
Select the Group layer.

Select the Group layer then create layer mask by choosing Layer>Layer Mask>Reveal Selection.
Create layer mask on the contact sheet/Group layer.

9. Duplicate group.
Press Ctrl+J to duplicate the Group layer if you want to create another number. Load Selection and create layer mask.
Duplicate group layer for another number.

10. Insert image.
Activate/Select the square layer you want to insert an image. 
Select the square layer you want to insert an image.

Choose File>Place Embedded to insert an image into the document then press Enter or click Commit checkmark.
Choose File>Place Embedded.

Insert an image into the document.
Choose your image.

Press Enter or click Commit checkmark.
Press Enter or click Commit checkmark.

11. Create clipping mask.
Create clipping mask by choosing Layer>Create Clipping Mask.
Layer>Create Clipping Mask.

The image clipped the square layer below.
The image clipped the square layer below.

12. Resize the image.
Use Free Transform (Ctrl+T) to align and resize the image. Press Enter when you're done.
Resize The Image.

13. Insert all images.
Repeat the previous steps to insert all of your images into the square layers.
Repeat the previous steps to insert all of your images into the square layers.

14. Add background.
Select the background layer and choose Edit>Fill to fill it with a color you like.
Select the background layer and choose Edit>Fill to fill it with a color you like.

There you have it, a photo collage number in Photoshop!
Photo Collage Number Template in Photoshop 

15. Save document.
Choose File>Save or Ctrl+S to save your project file. Once you have finished, you will probably also want to export the image in a more widely used format, such as JPEG, PNG, TIFF, etc.

Generative AI in Photoshop. You have to try it to believe it.
Generative AI in Photoshop. You have to try it to believe it.

1 comment:

  1. i cant' get this to work during the step where you Place Embedded

    ReplyDelete