Posted 7 years ago
·
Author
First of all we are going to create a new pattern that consists of a diagonal line.
1. Create a new square transparent image of 6x6 pixels:
2. Choose the menu option File -> New and a window will pop-up.
3. Set Width and Height to 6 and select pixels as the measurement unit
4. Expand the Advanced Options part and select Transparency from the "Fill with" drop down list, as shown in picture Adding a transparent 6x6 image.
5. Press the + key several times to zoom the image you've just created until it is big enough for you to work in it.
6. We are going to paint now one pixel at a time.
7. Select the pencil tool from the toolbox
8. Keep the opacity at 100%
9. Select the Circle (01) brush, and keep its scale at 1.00, in Pencil settings
10. Set the foreground color to black and paint the pixels in the diagonal of the image, from top left to bottom right as shown in picture Diagonal line pattern.
11. Now we are going to save the image as a pattern
12. Select the menu option File -> Save as
13. Enter a name for the file with extension .pat (for example, DiagonalLine.pat)
14. Save it to the folder \Program Files\GIMP-2.8\share\gimp\2.8\patterns\
15. After pressing the Save button a window will pop up asking for a description. Enter a suitable one like Diagonal Line (this description is what you will see in GIMP when browsing your installed patterns, so enter something meaningful).
16. Next step is to make GIMP to load the new pattern we've just created
17. Select the Bucket Fill tool from the Toolbox as shown in picture Adding the pattern to GIMP.
18. Select the Pattern Fill option
19. Click on the pattern little square image and a window will be displayed showing all installed patterns.
20. Click on the little bucket icon at the bottom right corner of the available patterns window and this will open the Patterns dialog
21. Click on the Refresh patterns button (the two circular arrows icon) and wait while GIMP adds all the new patterns it finds to the list.
22. Close the Patterns dialog and now the Diagonal Line pattern will be available.
23. Create the basic texture
24. RGB noise window
25. Fill top layer with diagonal line pattern
26. Bump map window
Basic Denim texture
1. Create a new square image. For this tutorial I've created a 512x512 image, but you can use any size you want.
2. Fill the image completely with a dark blue color. For this tutorial I've used the 3b3b85 color.
3. Add noise to the image
4. Select the menu option Filters -> Noise -> RGB Noise.
5. A window will pop-up Uncheck the Independent RGB flag and set a high value in the noise boxes (I've left it to the edfault value of 0.20 but you can try different values)
6. Press OK to close the window and wait until GIMP has finished adding the noise to your image.
7. Now add a new transparent layer on top of the blue one
8. Select the menu option Layer -> New Layer
9. Add a name for the new layer, select Transparency on the pop-up window and click OK
10. Note: To see and work with the different layers that you have in your image
11. Select the menu option Windows -> Dockable Dialogs -> Layers
12. This will open a window with the layers stack for your image as the one shown in picture Layers stack
13. To work on one of the layers, select the corresponding layer in the stack and then work in GIMP main edition window: all you do (painting, erasing, resizing, etc) will be done on the selected layer.
14. To hide/show one of the layers, click on the eye icon at the left of each of the layers in the layer stack.
15. Fill the new layer with the Diagonal Line pattern we created before
16. Select the Bucket Fill tool from the Toolbox, Adding the pattern to GIMP.
17. Select the Pattern Fill option
18. Click on the pattern little square image and a window will be displayed showing all installed patterns.
19. Select the Diagonal Line pattern you've just created from the list.
20. Fill the transparent layer with the pattern. Fill top layer with diagonal line pattern.
21. The next step is to use the bump map filter that was explained in the tutorial Giving sense of volume to textures using GIMP.
22. Select the bottom layer (the one we painted in blue)
23. Select the menu option Filters -> Map -> Bump Map.
24. A Bump map window will pop up
25. In the Bump map box, at the top, select the layer that you've filled with the Diagonal Line pattern.
26. Check the Invert bumpmap checkbox.
27. You can change the values of the properties, and see how if affects the original texture in the Preview window (check the Preview box to see this changes). In this case I find that the Sinusoidal map type gives better results, but you can try the other values and see which one looks best for you.
28. Once you've got the results you want, click OK.
29. Delete the top layer that you filled with the Diagonal Line pattern as we only needed it to use it with the bump map filter.
30. Now your image looks like the Basic Denim texture.
31. Note: If you want the diagonal lines to be more deeply marked in your texture
32. Don't delete the layer that you filled with the Diagonal Line pattern. Select this layer in the layer stack and change its layer mode from Normal to Burn and the Opacity value from 100 to 20 (you can play with other blend modes and values to see which ones fulfill your needs)
33. In the main edition window, select the menu option Layer -> Merge Down
34. Done
1. Create a new square transparent image of 6x6 pixels:
2. Choose the menu option File -> New and a window will pop-up.
3. Set Width and Height to 6 and select pixels as the measurement unit
4. Expand the Advanced Options part and select Transparency from the "Fill with" drop down list, as shown in picture Adding a transparent 6x6 image.
5. Press the + key several times to zoom the image you've just created until it is big enough for you to work in it.
6. We are going to paint now one pixel at a time.
7. Select the pencil tool from the toolbox
8. Keep the opacity at 100%
9. Select the Circle (01) brush, and keep its scale at 1.00, in Pencil settings
10. Set the foreground color to black and paint the pixels in the diagonal of the image, from top left to bottom right as shown in picture Diagonal line pattern.
11. Now we are going to save the image as a pattern
12. Select the menu option File -> Save as
13. Enter a name for the file with extension .pat (for example, DiagonalLine.pat)
14. Save it to the folder \Program Files\GIMP-2.8\share\gimp\2.8\patterns\
15. After pressing the Save button a window will pop up asking for a description. Enter a suitable one like Diagonal Line (this description is what you will see in GIMP when browsing your installed patterns, so enter something meaningful).
16. Next step is to make GIMP to load the new pattern we've just created
17. Select the Bucket Fill tool from the Toolbox as shown in picture Adding the pattern to GIMP.
18. Select the Pattern Fill option
19. Click on the pattern little square image and a window will be displayed showing all installed patterns.
20. Click on the little bucket icon at the bottom right corner of the available patterns window and this will open the Patterns dialog
21. Click on the Refresh patterns button (the two circular arrows icon) and wait while GIMP adds all the new patterns it finds to the list.
22. Close the Patterns dialog and now the Diagonal Line pattern will be available.
23. Create the basic texture
24. RGB noise window
25. Fill top layer with diagonal line pattern
26. Bump map window
Basic Denim texture
1. Create a new square image. For this tutorial I've created a 512x512 image, but you can use any size you want.
2. Fill the image completely with a dark blue color. For this tutorial I've used the 3b3b85 color.
3. Add noise to the image
4. Select the menu option Filters -> Noise -> RGB Noise.
5. A window will pop-up Uncheck the Independent RGB flag and set a high value in the noise boxes (I've left it to the edfault value of 0.20 but you can try different values)
6. Press OK to close the window and wait until GIMP has finished adding the noise to your image.
7. Now add a new transparent layer on top of the blue one
8. Select the menu option Layer -> New Layer
9. Add a name for the new layer, select Transparency on the pop-up window and click OK
10. Note: To see and work with the different layers that you have in your image
11. Select the menu option Windows -> Dockable Dialogs -> Layers
12. This will open a window with the layers stack for your image as the one shown in picture Layers stack
13. To work on one of the layers, select the corresponding layer in the stack and then work in GIMP main edition window: all you do (painting, erasing, resizing, etc) will be done on the selected layer.
14. To hide/show one of the layers, click on the eye icon at the left of each of the layers in the layer stack.
15. Fill the new layer with the Diagonal Line pattern we created before
16. Select the Bucket Fill tool from the Toolbox, Adding the pattern to GIMP.
17. Select the Pattern Fill option
18. Click on the pattern little square image and a window will be displayed showing all installed patterns.
19. Select the Diagonal Line pattern you've just created from the list.
20. Fill the transparent layer with the pattern. Fill top layer with diagonal line pattern.
21. The next step is to use the bump map filter that was explained in the tutorial Giving sense of volume to textures using GIMP.
22. Select the bottom layer (the one we painted in blue)
23. Select the menu option Filters -> Map -> Bump Map.
24. A Bump map window will pop up
25. In the Bump map box, at the top, select the layer that you've filled with the Diagonal Line pattern.
26. Check the Invert bumpmap checkbox.
27. You can change the values of the properties, and see how if affects the original texture in the Preview window (check the Preview box to see this changes). In this case I find that the Sinusoidal map type gives better results, but you can try the other values and see which one looks best for you.
28. Once you've got the results you want, click OK.
29. Delete the top layer that you filled with the Diagonal Line pattern as we only needed it to use it with the bump map filter.
30. Now your image looks like the Basic Denim texture.
31. Note: If you want the diagonal lines to be more deeply marked in your texture
32. Don't delete the layer that you filled with the Diagonal Line pattern. Select this layer in the layer stack and change its layer mode from Normal to Burn and the Opacity value from 100 to 20 (you can play with other blend modes and values to see which ones fulfill your needs)
33. In the main edition window, select the menu option Layer -> Merge Down
34. Done