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.
Final Result
Let’s get started!
Download Photo Collage Number Template (PSD)
Download this Photo Collage Number collage template here or find others Photoshop Collage Templates here.
If you liked my tutorials, please subscribe to my YouTube channel - JTSGraph.
Step 1: Create a Square Image
Click the Background color box then choose grey color.
Choose File> New (Ctrl+N) to create a new document.
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.
Create a square image.
Choose File>Save As (or Shift+Ctrl+S).
Save As .PNG or .JPG
Step 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.
Step 3: Create a Contact Sheet
I’ll create a 6x6 Contact Sheet. Choose 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.
Please wait, while Photoshop opens each image and creates the contact sheet.
Step 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.
Step 5: Group All Square Layers
While holding down the Shift key, click the first and last square layer.
Then choose Layer>Group Layers.
All layers grouped.
Step 6: Type a Number
Grab the Horizontal Type Tool in the Tools Panel.
Type a Number then resize it using Free Transform (Ctrl+T).
Step 7: Load Selection
Ctrl+Click on the number layer thumbnail to Load selection.
Step 8: Create Layer Mask
Hide the number layer visibility and select the Group layer by clicking on it.
Select the Group layer then create layer mask by choosing Layer>Layer Mask>Reveal Selection.
Step 9: Duplicate Group
Press Ctrl+J to duplicate the Group layer if you want to create another number. Load Selection and create layer mask.
Step 10: Insert Image
Activate/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.
Insert an image into the document.
Step 11: Create Clipping Mask
Create clipping mask by choosing Layer>Create Clipping Mask.
The image clipped the square layer below.
Step 12: Resize The Image
Use Free Transform (Ctrl+T) to align and resize the image. Press Enter when you're done.
Step 13: Insert All Images
Repeat the previous steps to insert all of your images into the square layers.
Step 14: Add Background
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!
Step 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.
More on Photoshop Collage tutorials:
No comments:
Post a Comment