In this tutorial, we are going to learn how to create a triangle grid photo collage in GIMP. We'll be using the Grid, the Paths Tool to create a triangle path, the Move Tool to align the triangle, the Scale tool to resize the triangle and Layer Mask to clip images into the triangle layer. Let's get started!
Download GIMP Triangle Grid Photo Collage template here or browse others free GIMP Collage Templates.
1. Create a New Image
Use File>New or else just press Ctrl+N.
The Create a New Image dialog box appears.
In the pop-up window, you can set the Width and Height of the new image.
Enter a value for the initial width with 3000 px and height with 3000 px manually or through the up and down arrows.
Click Advanced Options, select Transparency for “Fill with”.
Click OK.
Create a New Image.
2. Show Grid
GIMP gives us The Grid, a flexible type of positioning aid.
The Grid is horizontal and vertical lines we can temporarily display on an image while we are working on it.
The Grid helps us to line up the rectangle shape.
Enable displaying Grid by going to View>Show Grid.
Now configure the Grid by going to Image>Configure Grid...
The Configure Grid dialog box appears.
In the Configure Grid dialog box, choose the color of the grid lines, the spacing, and offsets.
Snapping is a useful feature in GIMP that allows us to align images with the Grid.
Choose View>Snap to Grid to enable snapping that will help you to align any images or shapes you want.
Show Grid.
Configure Grid.
3. Create a New Layer
Use Layer> New Layer or press Shift+Ctrl+N to create a new layer.
The New Layer window open.
Type a name in the Layer Name text box and choose Transparency in the Fill with drop-down menu.
Click OK.
A new, empty layer, added to the layer stack of the image, just above the active layer.
Create a new layer.
A new, empty layer, added to the layer stack of the image, just above the active layer.
4. Create a Triangle Selection
Select the new layer on the Layers Dialog.
Go to Tool>Paths.
Now use the Paths tool to create a triangle path, then convert the triangle path into a triangle selection by going to Select>From Path.
Now, the selected portion of the document has been picked.
Select the new layer on the Layers Dialog.
Create a triangle selection.
5. Fill Selection With White Color
Make sure the background color is white by pressing keyboard key D, then go to Edit> Fill with BG color (or by using the keyboard shortcut Ctrl+.).
Now the white color fills the active layer selection.
Make sure the background color is white by pressing keyboard key D.
Fill the selection with the background color.
6. Shrink Selection
Use Select> Shrink.
The Shrink Selection dialog box appears.
In the pop-up window, set your shrink value manually or through the up and down arrows.
Click OK to apply.
The Shrink command reduces the size of the selected area.
Shrink selection.
7. Fill Selection With Color You Like
Click the background color box.
The Change Background Color dialog box appears.
Choose a color you like and click OK.
Go to Edit> Fill with BG color (or by using the keyboard shortcut Ctrl+.).
Now the color you choose fills the active layer selection.
You can remove the selection by going to Select> None.
Click the background color box, then choose a color you like.
Fill the selection with the color you like.
8. Duplicate The Triangle Layer
Select the Triangle layer on the Layers Dialog.
Use Layer> Duplicate Layer (or by using the keyboard shortcut Shift+Ctrl+D).
A new layer which is a nearly identical copy of the active layer added to the image.
Now select the duplicate layer on the Layers Dialog.
Click the Move Tool icon or else use Tools>Transform Tool>Move and then Click and hold anywhere inside the duplicate square layer and drag to the position you want.
You can use the Grid as a guide.
Select the Triangle layer on the Layers Dialog.
Use Layer> Duplicate Layer. Make sure the duplicate layer is selected.
The Move Tool icon.
Click and hold anywhere inside the duplicate triangle layer and drag to the position you want.
9. Duplicate The Triangle Layer As Many As You Want
Repeat steps 7 through 8 to duplicate the triangle layer as many as you want and then arranged it all to your satisfaction.
Duplicate the layer as many as you want.
10. Insert Image
Stock images used in this GIMP Collage tutorial: 569070, 583761, 622750, 1203030, 516044, 712662, 712665, 715539, 715542, 494706, 556489, 1170665, 968657, 1002838, 544073, 556491, 1006694, 1584999.
You must stack the image layer above the Triangle layer.
Select the Triangle layer to which you want to insert an image.
Use File> Open As Layers command in the top menu (or just pressing Ctrl+Alt+O) to open the image you'd like to insert.
The Open Image as Layers dialog box appears.
Navigate through your folders and click on the image, then click Open.
You can now edit the image as follows:
Select the triangle layer to which you want to insert an image.
The Open Image As Layers dialog box.
Resize the image using the Scale Tool and reposition it using the Move Tool.
11. Add Layer Mask
Toggling the visibility of the image's layer by clicking on the eye icon on the left.
Click “Select by color” tool or else use Tools>Selection Tools>By color Select and then click on the inner rectangle layer that is in green color.
Click on the image's layer.
Again, toggling the visibility of the image's layer by clicking on the eye icon on the left and then go to Layer> Add Layer Mask, choose “Selection”.
Click the Add button.
Now the content of the Rectangle layer clips the layers above it (the image layer).
You can remove the selection by going to Select> None.
Toggling the visibility of the image's layer by clicking on the eye icon on the left.
The Select by color tool.
Select the Triangle layer then click on the inner triangle layer.
Select the image's layer on the Layers Dialog and toggling the visibility of the image's layer by clicking on the eye icon on the left.
The Add Layer Mask dialog box.
Now the content of the triangle layer, clips the layers above it (the image layer).
12. Insert Other Images
Repeat steps 10 through 11 to insert all the images.
Insert other images.
13. Save Your Document
Use File>Save command in the top menu or else just press Ctrl+S to save your project file.
The Save Image dialog box appears.
Navigate to the folder where you want to store your project file.
Type a name in the Name text box and leave the default GIMP (*.XCF) format.
XCF is GIMP's native format and is useful because it stores everything about your image and will allow you to later edit your image in GIMP, in case you notice a problem.
Click Save to store the 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.
Here is the result:
How to Create a Triangle Grid Photo Collage in GIMP.
The Create a New Image dialog box appears.
In the pop-up window, you can set the Width and Height of the new image.
Enter a value for the initial width with 3000 px and height with 3000 px manually or through the up and down arrows.
Click Advanced Options, select Transparency for “Fill with”.
Click OK.
2. Show Grid
GIMP gives us The Grid, a flexible type of positioning aid.
The Grid is horizontal and vertical lines we can temporarily display on an image while we are working on it.
The Grid helps us to line up the rectangle shape.
Enable displaying Grid by going to View>Show Grid.
Now configure the Grid by going to Image>Configure Grid...
The Configure Grid dialog box appears.
In the Configure Grid dialog box, choose the color of the grid lines, the spacing, and offsets.
Snapping is a useful feature in GIMP that allows us to align images with the Grid.
Choose View>Snap to Grid to enable snapping that will help you to align any images or shapes you want.
3. Create a New Layer
Use Layer> New Layer or press Shift+Ctrl+N to create a new layer.
The New Layer window open.
Type a name in the Layer Name text box and choose Transparency in the Fill with drop-down menu.
Click OK.
A new, empty layer, added to the layer stack of the image, just above the active layer.
4. Create a Triangle Selection
Select the new layer on the Layers Dialog.
Go to Tool>Paths.
Now use the Paths tool to create a triangle path, then convert the triangle path into a triangle selection by going to Select>From Path.
Now, the selected portion of the document has been picked.
5. Fill Selection With White Color
Make sure the background color is white by pressing keyboard key D, then go to Edit> Fill with BG color (or by using the keyboard shortcut Ctrl+.).
Now the white color fills the active layer selection.
6. Shrink Selection
Use Select> Shrink.
The Shrink Selection dialog box appears.
In the pop-up window, set your shrink value manually or through the up and down arrows.
Click OK to apply.
The Shrink command reduces the size of the selected area.
7. Fill Selection With Color You Like
Click the background color box.
The Change Background Color dialog box appears.
Choose a color you like and click OK.
Go to Edit> Fill with BG color (or by using the keyboard shortcut Ctrl+.).
Now the color you choose fills the active layer selection.
You can remove the selection by going to Select> None.
8. Duplicate The Triangle Layer
Select the Triangle layer on the Layers Dialog.
Use Layer> Duplicate Layer (or by using the keyboard shortcut Shift+Ctrl+D).
A new layer which is a nearly identical copy of the active layer added to the image.
Now select the duplicate layer on the Layers Dialog.
Click the Move Tool icon or else use Tools>Transform Tool>Move and then Click and hold anywhere inside the duplicate square layer and drag to the position you want.
You can use the Grid as a guide.
9. Duplicate The Triangle Layer As Many As You Want
Repeat steps 7 through 8 to duplicate the triangle layer as many as you want and then arranged it all to your satisfaction.
10. Insert Image
Stock images used in this GIMP Collage tutorial: 569070, 583761, 622750, 1203030, 516044, 712662, 712665, 715539, 715542, 494706, 556489, 1170665, 968657, 1002838, 544073, 556491, 1006694, 1584999.
You must stack the image layer above the Triangle layer.
Select the Triangle layer to which you want to insert an image.
Use File> Open As Layers command in the top menu (or just pressing Ctrl+Alt+O) to open the image you'd like to insert.
The Open Image as Layers dialog box appears.
Navigate through your folders and click on the image, then click Open.
You can now edit the image as follows:
- Use Tools>Transform Tools>Scale command to resize the image. Click anywhere inside the image. In the Scale dialog box, click the chain icon to keep the image does not distort. Enter new values for the image's width and height manually or through the up and down arrows. Press the Scale button when you are done.
- Use Tools>Transform Tools>Move command to move the image. Click and hold anywhere inside the image and drag.
- Rotate the image by using Tools>Transform Tools>Rotate, a Rotation Information dialog is open. Set the angle, center X, and center Y, and click the Rotate button.
- Press Enter key when you are done.
Toggling the visibility of the image's layer by clicking on the eye icon on the left.
Click “Select by color” tool or else use Tools>Selection Tools>By color Select and then click on the inner rectangle layer that is in green color.
Click on the image's layer.
Again, toggling the visibility of the image's layer by clicking on the eye icon on the left and then go to Layer> Add Layer Mask, choose “Selection”.
Click the Add button.
Now the content of the Rectangle layer clips the layers above it (the image layer).
You can remove the selection by going to Select> None.
12. Insert Other Images
Repeat steps 10 through 11 to insert all the images.
13. Save Your Document
Use File>Save command in the top menu or else just press Ctrl+S to save your project file.
The Save Image dialog box appears.
Navigate to the folder where you want to store your project file.
Type a name in the Name text box and leave the default GIMP (*.XCF) format.
XCF is GIMP's native format and is useful because it stores everything about your image and will allow you to later edit your image in GIMP, in case you notice a problem.
Click Save to store the 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.
See also other GIMP Collage tutorials:
No comments:
Post a Comment