December 22, 2020

Create a Triangle Grid Collage in Photoshop

In this tutorial, I'll show you how to create triangles grid photo collage in Photoshop. We will use the Pen tool to draw the triangle, the Grid to assist us in laying out triangles precisely, Free Transform to move and resize the images and the triangle, and Clipping Mask to clips the image layer into the triangle layer.
How To Create Triangle Grid Collage in Photoshop
Final result.

Download This Triangle Collage Template

Download this triangle 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 new Document

Create a new document. Choose File> New (or Ctrl+N). In the pop-up window, type a name in the Name field and enter the following information: Width 3000 pixels, Height 3000 pixels, Resolution 300 Pixels/Inch, Color Mode RGB color, and Background contents White. Click OK.

Step 2: Create The Grid

Our first step is creating the grid to assist us in laying out triangle shapes precisely. To add the grid, choose View>Show>Grid. See how to make a grid and guides in Photoshop
Show Grid.

Open up the grid preferences, choose Edit> Preferences> Guides, Grid & Slices. Choose the color you want for the grid lines. I will set the “Gridline every” option to be 1000 pixels and “Subdivisions” to be 1. Choose View>Snap and then choose View>Snap to Grid, to enabling snaping that will help you to align any object (including shape) you want. 
Set the “Gridline every” option to be 1000 pixels and “Subdivisions” to be 1.

Step 3: Grab the Pen Tool

Grab the Pen tool by selecting it from the toolbar on the left. 
Grab The Pen Tool. Right-click on one of the tools above, to see all available tools.

Make sure Shape is chosen from the menu in the options bar. 
Make sure Shape is chosen from the menu in the options bar.

Choose the color of the shape and stroke by clicking the color swatch in the options bar, and then choose a color available. You can also choose a color from the Color Picker. Enter a value for the stroke size.
Choose the color of the shape and stroke by clicking the color swatch in the options bar. Enter a value for the stroke size.

Step 4: Use the Pen Tool to Draw a Triangle

Start clicking on the canvas to draw your first triangle.
Start clicking on the canvas to draw your first triangle.

Step 5: Create Variation of the Triangle

Duplicate the triangle layer by going to Layer> Duplicate layer, then rotate using Free Transform. Choose Edit> Transform Path> Rotate 180
Create variation of the triangle by duplicating and rotating it.

Step 6: Duplicate Then Arranged all the Triangles

Now duplicate the Triangle shape we created by going to Layer> Duplicate Layer (or Ctrl+J). Then reposition your duplicate shape layer using the Move Tool. Move the Triangle shape by clicking and hold anywhere inside the shape and drag. You can hide the Grid by choosing View>Show>Grid.

Click boths triangle layers while holding down the Shift key.
Click boths triangle layers while holding down the Shift key.

Duplicate layers by pressing Ctrl+J.
Duplicate layers by pressing Ctrl+J.

Move the Triangle shape by clicking and hold anywhere inside the shape and drag.
Move the Triangle shape by clicking and hold anywhere inside the shape and drag.

Duplicate Then Arranged all the Triangles to your satisfaction.
Duplicate Then Arranged all the Triangles to your satisfaction.

Step 7: Insert Image


In this step you'll learn how to make a picture into a triangle in photoshop. Select the triangle layer to which you want to insert an image. Go to File> Place to open the image you'd like to insert. Click on the image, then click OK. 

You can now edit and move the image as follows:
  • 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 the image and drag.
  • 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.
Select the triangle layer to which you want to insert an image.
Select the triangle layer to which you want to insert an image.

You must stack the image layer above the triangle layer.
You must stack the image layer above the triangle layer.

Step 8: Create Clipping Mask

When layers are put into a clipping mask, the content of the bottommost layer (the triangle layer), clips the layers above it (the image layer). On the Layers panel, make sure the layers to be clipped are listed consecutively. Remember, you must stack the image layer above the triangle layer. Click the image layer to be clipped, then choose Layer>Create Clipping Mask (or Alt+Ctrl+G). 
The content of the triangle layer, clips the image layer.

Step 9: Insert Other Images

Repeat steps 7 through 8 to open and manipulate each image you'd like to insert.
Insert other images.

Step 10: Save Document
Choose File>Save (or Ctrl+S) to save your project file. In the Save As dialog box, 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.

There you have it! How To Make 18 Triangles Photo Collage in Photoshop.
How To Create 18 Triangles Photoshop Collage.

No comments:

Post a Comment