Gimp Oxidized Copper Tutorial


Gimp is free image manipulating program. If you don't already have it, download it from www.gimp.org

 

This is Gimp 2.8 tutorial. How to make sort of oxidized copper tileable texture. Not very realistic!

Step 1.

 

1. Fire up your gimp.

2. File – New -

3. 512 x 512 canvas size for this tutorial. How ever there are preset template sizes one can choose from or enter preferred size for height and width.

4. In the Toolbox , set Foreground color to #553417 or something similar.

5. Toolbox - Bucket Fill tool - fill new canvas with that sort of brown color.

6. Layers – Transparency – Add Alpha Channel.

7. Just to check if Alpha Channel been added, go back to Layers – Transparency - Add Alpha Channel should be grayed out. That is a good thing!

8. By default Gimp in the Layers Dialog Box named layer “Background”. So we can leave it at that.

 

Maybe good idea to save your work!

File – Save As. By default gimp saves canvas as .xcf file which supports layers. Give your texture some name and save. To save texture in different file format go to File – Export – From there can choose file extension type. Gimp supports zillions of file extensions!

 

Step 2

 

1. Create new layer by going to Layers – New.

2. By default layer dimensions will be same as your canvas. Make sure Transparency is checked and hit OK. Short cut for new layer – Shift + Ctrl + N.

 

3. In the Layers Dialog Box, make sure newly created layer is selected if not, left click on it.

4. Go to Filters – Render – Clouds – Plasma.

Enter 3 for Turbulence. Some wild colors will show up in the preview! Yaips!. Hit okay.

5. Colors – Desaturate.

In the pop up window choose Average. Now wild colors should turn shades of gray.

 6. Filters – Map – Make seamless. There is no pop up windows for this one. You should see shades of gray changing pattern some.

 7. By default Gimp names layers as “Layer”, let's call this shades of gray layer “Grunge”. In Layers Dialog Box double click on the words next to the layer itself as soon it highlights start typing.

 I think we need to adjust color levels a bit.

8. Colors – Levels.

In the pop up window enter in the Input levels field Gamma 1.44 (the middle one)

Output field the left side should stay at 0 and on the right enter 214.

 

9. Create new layer.

Layer – New or Shift + Ctrl + N.

Name layer “OxiColor”

10. In the Toolbox set Foreground color to #42848e.

11. Toolbox - Backet Fill Tool and fill “OxiColor” Layer. Quick tip: anytime you are working on the layer make sure it is highlighted (light gray ) in the Layers Dialog Box.

 

12. Move “OxiColor” layer under all other layers. To do that look at the bottom of Layers Dialog Tool there are little green arrows showing up and down. With “OxiColor” Layer selected keep clicking on the down arrow until “Oxicolor” Layer appears under all others.

13. Layers Dialog Box - left click to select the “Grunge” layer.

14. Right click on the "Grunge" layer - Drop down menu - choose Duplicate layer. By default Gimp will name duplicated layer to “Grunge copy”. So we leave it at that.

15. While “Grunge copy” layer is selected let's bring it under “Grunge” layer.

16. Select “Grunge” layer and hide it by clicking on the little eye icon next to it.

 

Some work to do with “Grunge copy” layer.

17. Make sure it is selected in the Layers Dialog Box.

Colors – Threshold.

In the pop up window enter values on the left 94, on the right 110.

18. At this point “Grunge copy” layer should turn totally black and white and weirdo looking. That is what we need.

Save your work! File – Save or short cut Ctrl + S.

 

19. Create new layer.

Layers – New. Name it “OxiGrunge”

“OxiGrunge” layer should be above “Grange copy” layer.

20. Layers Dialog Box - select - “Grunge copy” layer.

21. Zoom on to your canvas. To do that you can go to View – Zoom and choose amount of zoom from there or at the bottom of your canvas a small window at the moment should be showing (100%) zoom. From there choose 400%. As soon you do that the black and white colors of the “Grunge copy” layer will be lot easier to see.

 

We are going to select only white color on the “Grunge copy” layer.

22. Select – By Color. Position mouse cursor anywhere on the white color on the canvas.

Animated dashed lines will indicate that selection has been made.

23. Next we are going to hide “Grunge copy” layer by clicking on the eye icon next to it.

24. In the Layers Dialog Box – select - “OxiColor” layer. We are going to copy that color with in our selection. Hit Ctrl + C.

25. In the Layers Dialog Box – select - “OxiGrange” layer. Hit Ctrl + V to paste color.

In the Layers Dialog Box you will see new layer showed up (floating selection)

Anchor it by going to Layers – Anchor or shortcut Ctrl + H.

 

At this point we should have something like this:

 

 

Phew! Thus was intense! Save your work, get some coffee or something good. Pet yourself over the head. You can zoom out back to 100%.

 

Step 3

 

1. Duplicate “OxiGrunge” layer. By default Gimp will name duplicated layer “OxiGrunge copy”

2. Hide “OxyGrunge” layer by clicking on the eye icon.

3. Move “OxiGrunge copy” layer so it is above the “Background” layer (brown one)

 

4. With “OxiGrunge copy” layer selected - Filters – Blur – Gaussian blur.

Set both Horizontal and Vertical Blur to 50.0

By default the blur method is set to RLE so we leave it at that.

5. Colors – Hue Saturation

Pop up window turn Saturation slider to about -32. (minus)

6. In the Layers Dialog Box, right click on the “OxiGrunge copy” layer and from the drop down select Merge Down.

So the “OxiGrunge copy” layer has disappeared … for now. Yayya!

 

7. In the Layers Dialog Box – select - “Grunge” layer.

8.Right click - Duplicate.

The newly duplicated layer by default will be called “Grunge copy #1” Mamma Mia! All them names! Sure hope you not getting mixed up.

9. Unhide “Grunge copy #1” layer by clicking on the eye icon. Well actually when layer is turned off we don't see an eye icon, so just click in the area where eye icon used to be!

10. Layers Dialog Box – Select - “Grunge copy #1” - bring it down so it's stacked right above “Background” layer.

11. Colors – Invert.

The “Grunge copy #1” layer just inverted colors! That is amusing!

12. In the Layer Dialog Box up on top - layer Mode selector. Click on the drop down menu and choose Overlay mode for the “Grunge copy #1” layer.

At this point we should have something that looks like this:

 

 

 

13. Right click - “Grunge copy #1” layer - drop down - Merge Down. Yay! We have less layers!. Friendly reminder – Save your work!

 

Step 4

 

Create another yet new layer.

1. Layers – New. Transparency checked. By default this new layer will be named “Layer” so we let it be just that.

2. Make sure “Layer” is above “Background” layer.

3. Layers Dialog Box – select - “Layer” layer.

4. Filters – Render – Clouds – Plasma. Set turbulence to 2 this time.

5. Colors – Desaturate. Check - Lightness this time.

6. Filters – Map – Make Seamless.

7. Layers Dialog Box - Mode – Overlay.

8. Right click on the layer “Layer” - drop down - Merge Down onto "Background" layer.

 

Step 5

 

1. Layers Dialog Box - duplicate “OxiGrunge” layer.

2. Unhide it by clicking on the area where eye icon is as well rename it to “Green”

3. With layer “Green” selected - Filters - Blur – Gaussian Blur. Set both Vertical and Horizontal to 40.0.

4. With layer “Green” selected - Colors – Hue Saturation and set Hue slider to -20(minus)as well Lightness to -25(minus).

5. Duplicate “OxiGrunge” layer again. Automatically it will be renamed to “OxiGrunge copy”.

6. Unhide it if it's hidden, move it above layer “Green”

7. “OxiGrunge copy” selected - Filters – Blur – Gaussian Blur and set Horizontal and Vertical blur to 1.0.

8. “OxiGrunge copy” layer selected - Colors – Hue Saturation and turn Lightness down to -50(minus).

9. Layers Dialog Box - “OxiGrunge copy” layer right click - drop down - Merge Down onto "Green" layer.

 

Yaips yaips all them layers!

 

Okay now we are left with “Green” layer again!.

1. Right click and duplicate layer “Green”. Automatically it will be named “Green Copy”. Make sure it is above layer “Green”

2. “Green copy” selected - Filters – Edge-Detect – Edge.

In the pop up window Algorithm set to Sobel, amount 3.0 and Smear is checked.

3. In the Layers Dialog Box set “Green copy” layer to Mode - Screen.

4. Right click on the “Green copy” layer and choose Merge Down onto "Green" layer.

 

By now you should have something that looks like this:

 

 

Weeeeeeeee!!! Some wild stuffs!

 

Step 6

 

1. Layers Dialog Box - select the “Grunge copy” layer, unhide it if it was hidden. The black and white one! Finally some more use of it!

2. Select – By Color. This time we are going to select the black color. Once selection has been made (animating dashed lines). Hide “Grunge copy” layer again.

3. Layers Dialog Box – select - layer “Green”, then hit delete key on your keyboard.

4. Select – None.

5. Layers Dialog Box - select “Background” layer.  Filters – Map – Bump map.

Pop up window:

  • From drop down menu next to Bump map choose layer “Green”
  • Map Type – Linear
  • Compensate for Darkness - Checked
  • Invert bumpmap - Unchecked
  • Tile bumpmap – Checked
  • Azimuth slider – 135.00
  • Elevation – 45.00
  • Depth – 1
  • Rest can stay at 0's

 

 

 

6. Layers Dialog Box - layer “Green” selected, up on top ... under Mode selector is Opacity options. Let's turn “Green” layer opacity to 85.

7. Provided layer “Green” is on top of “Background” layer, merge “Green” onto “Background”

Save your work! (Reminder just in case :) Gimp can crash at a times.

We are on a home stretch!!!!

 

8. Duplicate “Background” layer

Hence Gimp's auto courtesy is to rename newly duplicated layer to “Background copy”, with it selected: - Filters – Edge-Detect – Edge.

In pop up: Algorithm – Sobel, amount – 1.0, smear checked.

9. Make sure “Background copy” is above “Background” layer in the Layers Dialog Box.

10. Set “Background copy” layer to Mode Screen, and set opacity to 35.

11. Merge “Background copy” layer onto “Background”

12. Create another yet layer above “Background” Rename it to “Scratches”

13. n the Toolbox select 1 pixel brush. Set brush size to 1.00.

14. In the Toolbox select Paintbrush tool.

15. Set Foreground color to white.

 

 

 

16. With layer “Scratches” selected draw some lines on the canvas.

Something like this:

 

 

17. Once done drawing, layer "Scratches Selected - Filters – Map – Make seamless.

18. Filters- Distort – Shift

Pop up window – Horizontal – Checked, shift amount 10.

19. With layer “Scratches” selected in the Layers Dialog Box

  • Filters – Map – Bump Map.
  • Pop up Bump map “Scratches” Layer.
  • Map Type – Linear.
  • Compensate for darkness – Checked.
  • Invert bumpmap – Unchecked.
  • Tile bumpmap - Checked.
  • Azimuth – 135.00
  • Elevation – 45.00
  • Depth – 2.0
  • Rest at 0's

 

Now we can bump map scratches onto our texture.

20. With layer “Background” selected

  • Filters – Map – Bump Map
  • Pop up – Bump map “Scratches” layer
  • Pretty much same as above for settings except:
  • Invert bumpmap – Checked
  • Depth – 1.00

 

21. Set layer “Scratches” to Overlay Mode from the Layers Dialog menu and merge “Scratches” onto “Background” layer.

 

At this point “Background” layer should look like it got few scratches. To make it look even better, one can repeat steps for scratches as many times as needed. Draw some more lines on the new layer so they are in a different location and repeat the steps with bump map and shift distortions. I will go scratch up mine!

 

22. And after you are done scratching up the canvas, go to Filters – Map – Make seamless.

Not much should change on the canvas, hence we tried to make it tileable right from the get go!

Here is my Oxidized Copper!

 

 

 

The End!

Previous page: menu within the page title