Gimp Reptile Eye Tutorial Part 1

 

Gimps is totally free and absolutely great image manipulation program. If you don't already have it, grab it from www.gimp.org.

This is gimp 2.8.0 tutorial. How to make reptile eye texture.

 Step 1

 

1. Fire up your Gimp

2. File – New.

3. This is tutorial for 256 x 256 canvas size.

4. Above canvas – Layers – Transparency – Add Alpha Channel.

5. To check if Alpha Channel has been added one can go back to Layers – Transparency – Add Alpha Channel should be grayed out.

6. Below image maybe confusing. I used it from previous tutorial. So don't mind canvas image.

 

 

 Next we are going to create New Layer.

7. Layers – New – or short cut Shift + Ctrl + N.

  • In the pop up make sure Transparency is checked.
  • By default Gimp will name newly created layer “Layer” So let's leave it as is for now.

 

8. Layers Dialog menu – delete layer “Background” The white one.

  • To do so Layers Dialog Box – layer “Background” selected – Right click – Drop down – Choose Delete layer.
  • To select layer – left click it.
  • Yes we did not had to add Alpha Channel hence newly created layer already has it and we deleted “Background” layer, but hey! Poking buttons is a good practice!

 

I think this is a good time to save your work!.

9. File - Save As. Gimp by default will save it as .xcf file. It supports layers and for now this is what we need!. Gimp supports zillions of different file extensions. To save image in different file extension go to File – Export. From there one will have all sorts of options.

 Step 2

We need some guides to see center of the canvas.

1. Above canvas - Image – Guides – New Guide (by percent)

  • Pop Up – Direction – Horizontal
  • Position in % - 50
  • Repeat same step only this time let's choose for Direction – Vertical.

 

Next we need to draw a circle.

2. ToolBox – Ellipse select tool selected.

  • ToolOptions – Expend From Center - Checked.
  • Aspect Ratio – Fixed – Checked.

 

3. Bring your mouse cursor onto canvas, right where Guide lines meet in the center.

4. Left click and drag your circle.

  • If you watch in the Tool Options under Aspect Ratio, the numbers for size should be changing as you drag circle.
  • Let's make circle 200 by 200 px.
  • Position of the circle on the canvas should be 28 x 28. If it is not, one can simply type this coordinates as well circle size in the corresponding fields in the ToolOptions.

 

5. Once circle is stretched – let go of the left mouse button and click inside the circle to actually make selection.

6. ToolBox – Bucket Fill tool – selected

7. Let's paint circle black color. By default Gimp Foreground color at a start up is black and background is white. Just click inside circle on the canvas to fill it with black color.

8. Layers Dialog Box – rename layer to “Ball”

9. Layers Dialog Box – double click on the word next to layer and as soon word highlight start typing, once done hit enter.

Layer “Ball” is made so we don't have to torture our self’s stretching and positioning ellipse tool in the future.

Step 3

Next we are going to create eye colors.

1. Layers – New Layer – pop up – Transparency – Checked.

2. Layers Dialog Box – rename newly created layer to “EyeColor”

3. Layers Dialog Box – layer “EyeColor” selected.

4. ToolBox – Foreground color – 6e785d or what ever other color you prefer.

5. ToolBox – Bucket Fill tool – Fill circle on the canvas with new color.

Create new layer.

6. Layers – New Layer – Pop Up – Transparency – Checked.

  • By default Gimp will name it “layer” so we let it be just that for now.

 

7. ToolBox – Select – Ellipse tool.

  • ToolOptions – Aspect Ratio – Unckeck – Fixed.

 

8. Touch inside the circle selection on the canvas. You should see square outline around circle. Yay it is ready to be repositioned!

9. Drag Ellipse tool handles so the size is 150 by 180 and position should be 53 by 38 or type numbers in the ToolOptions in corresponding fields.

Over all we should have an ellipse selection made by now.

10. ToolBox – Foreground color – b3b39f

11. Fill with bucket fill tool the ellipse selection we just made.

Next we are going to create another yet ellipse but smaller and fill it with previous color.

12. ToolBox – change Foreground color back to – 6e785d.

13. ToolBox – Ellipse select tool - selected

14. Touch inside ellipse selection previously made on the canvas to get positioning handles.

15. ToolBox – ToolOptions – Position – 98 by 48

16. ToolBox – ToolOptions – Size – 60 by 160

17. ToolBox – Bucket Fill tool selected

18. Fill newly created ellipse with color.

19. Above canvas - Select – None. Or shortcut to deselect Shift + Crtl + A.

20. Layers Dialog Box – select layer “Ball”

  • Above Canvas – Select – By Color
  • Touch canvas to select very original black color we have made.

 

21. Layers Dialog Box – Select layer “layer”

  • Above canvas – Filters – Blur – Gaussian Blur
  • Set both blur radius to 30.0
  • RLE – Checked.

 

22. Layers Dialog Box – layer ”layer” selected

  • Right click – Drop Down – choose Merge Down onto layer “EyeColor”
  • Above canvas – Select – None.

 

By now we should have something like this:

 

 

 

Yay! We should have only two layers in the Layers Dialog Box “EyeColor” and “Ball”. Probably would be a good idea to create a pupil.

 

23. Layers – New layer – Pop Up – Transparency – Checked

 

  • Layers Dialog Box – rename newly created layer to “Pupil”

 

24. Layers Dialog Box – select layer “Ball”

 

25. ToolBox – change Foreground color to black – 000000

 

26. Above canvas – Select By Color

 

  • Touch canvas where original black circle was made.
  • As soon animating dotted lines will outline circle,

 

27. Layers Dialog Box – select layer “Pupil”

 

28. ToolBox – select ellipse select tool.

 

29. Touch inside selection, drag handles or type in the TooOptions in corresponding fields:

 

  • Size – 24 by 134.
  • Position – 116 by 60.

 

30. Fill newly created ellipse should be rather narrow with black color.

 

31. Above canvas – Select – None.

 

Just a friendly reminder! Save your work. File – Save.

 

 Step 4

 

Next we shall create new layer and render some clouds.

 

1. Layers – New Layer – Pop Up - Transparency – Checked.

 

  • By default Gimp will name it “Layer” so for now we let it be just that.

 

2. Layers Dialog Box – layer “Layer” selected.

 

  • Filters – Render – Clouds – Solid Noise.
  • Pop Up – Random Seed – 11
  • Turbulent – Checked
  • Tilable – Unchecked
  • Detail – 5
  • X size – 5
  • Y size – 7

 

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

 

  • Filters – Distorts – Whirl and Pinch
  • Pop Up – Whirl Angle – 0.0
  • Pinch amount – 0.500
  • Radius – 1

 

4. Layers Dialog Box – layer “Layer” selected.

 

5. Move layer “Layer” so it is above layer “EyeColor” by using little up and down arrows in the Layers Dialog Box (located down below)

 

6. Layers Dialog Box – layer “Layer” selected

 

  • Right click – Drop Down – Choose duplicate layer.
  • By default Gimp will name newly duplicated layer into “Layer copy”. Let's rename it to “Vessels”

 

7. Layers Dialog Box – Hide layer “Vessels” by clicking on the little eye icon next to it.

 

8. Layers Dialog Box – layer “Layer” selected

 

  • Set layer “Layer” to overlay mode. Layer mode selector is located on top of Layers Dialog Box.

 

9. Layers Dialog Box – layer “Layer” selected

 

  • Right click – Drop Down – Choose Merge Down onto layer “EyeColor”

 

10. Layers Dialog Box – layer “EyeColor” selected

 

  • Right click to duplicate it.
  • By default Gimp will name it “EyeColor copy” so we leave it as is.

 

11. Layers Dialog Box – layer “EyeColor copy” selected.

 

  • Above canvas – Filters – Edge Detect – Edge.
  • Pop Up – Algorithm – Sobel
  • Amount – 2.0
  • Smear – Checked

 

12. Layers Dialog box – layer “EyeColor copy” selected.

 

  • Set layer “EyeColor copy” to Screen Mode
  • Set layer “EyeColor copy” to Opacity – 40

 

13. Layers Dialog Box – layer “EyeColor copy” selected.

 

  • Above canvas – Colors – Color Balance.
  • Pop Up – Shadows – Checked
  • Cyan slider – set to -16 (minus)
  • Magenta slider – set to 33
  • Yellow – set to 9

 

14. Layers Dialog Box – layer “EyeColor copy” selected

 

  • Right click – Drop Down – Choose Merge Down onto layer “EyeColor”

 

By now we should have something like this:

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

 Step 5

Okay I think we need a bit more colors in here!

Create new layer

1. Layers – New layer – Transparency - Checked.

  • Name newly created layer “Yellow”

 

2. Layers Dialog Box – Select layer “Ball” the original black circle one.

  • Above Canvas – Select – By Color.
  • Touch canvas so that original circle is outlined indicating selection has been made.

 

3. Layers Dialog Box – select layer “Yellow”

4. ToolBox – change Foreground color to – ddbe15 - color.

5. ToolBox – Bucket Fill Tool selected

  • Fill circle with that color.

 

6. Layers Dialog Box – layer “Yellow” selected

  • Above canvas – Select – Shrink.
  • Pop Up - Shrink Selection by – 5px.
  • Shrink from image border – Checked.
  • Hit Delete key on your keyboard.

 

We should have yellow border around the eye now.

7. Layers Dialog Box – select layer “Ball”

8. Above canvas – Select – By Color.

9. Touch inside canvas to select once again original black circle.

10. Once selection has been made

11. Layers Dialog Box – select layer “Yellow”

  • Above canvas – Filters – Distorts – Shift.
  • Pop Up – Shift Horizontal – Checked
  • Shift amount – 20.

 

12. Layers Dialog Box – layer “Yellow” selected

  • Above canvas – Filters – Distorts – Whirl and Pinch.
  • Pop Up – Whirl angle – 0
  • Pinch amount – 1.0
  • Radius 1.7

 

13. Layers Dialog Box – layer “Yellow” selected

  • Filters – Blur – Motion Blur.
  • Pop Up – Blur type – Zoom – Checked.
  • Blur center should be set to x and y – 128 both.
  • Blur outwards – Checked.
  • Length – 60.

 

14. Above canvas – Select – None.

 

 

 

 

15. Layers Dialog Box – layer “Yellow” selected.

  • Right click – Drop Down – Duplicate layer.
  • By default Gimp will name it “Yellow copy” so we let it be just that.

 

16. Layers Dialog Box – layer “Yellow copy” selected.

  • Above canvas – Filters – Edge Detect – Edge.
  • Pop Up – Algorithm – Sobel.
  • Amount – 2.0
  • Smear – Checked.

 

17. Layers Dialog Box – layer “Yellow copy” selected.

  • Set layer “Yellow copy” to Mode – Overlay.
  • Right click – Drop Down – Choose Merge Down onto layer “Yellow”

 

18. Layers Dialog Box – layer “Yellow” selected

  • Filters – Light and Shadow – Drop Shadows.
  • Pop Up – Offset X – 2.
  • Offset Y – 2.
  • Blur radius – 2
  • Color – Black – 000000.
  • Opacity – 100
  • Allow Resizing – Unchecked.

 

 

 

19. Layers Dialog Box - right under layer “Yellow” new layer showed up called “Drop Shadow”

  • Layers Dialog Box – layer “Drop Shadow” selected.
  • Above canvas – Layers – Layer to Image Size.
  • Set layer “Drop Shadow” to Mode – Overlay.
  • Set layer “Drop Shadow” - Opacity to - 70.
  • Right click on layer “Drop Shadow” - Drop Down – Choose Merge Down onto layer “EyeColor”

 

20. Layers Dialog Box – Layer “Yellow” selected

  • Set layer “Yellow” to Mode – Overlay.
  • Set layer “Yellow” - Opacity to – 70.
  • Right click on layer “Yellow” - Drop Down – Choose Merge Down onto layer “EyeColor”

 

Yaya! We have less layers in the Layers Dialog box... but not to worry! We are going to make more :). save your work!!!

By now we should have something like this:

 

Step 6

I think we need some more noise for the eye.

1. Create another yet new layer above layer “EyeColor”

  • By default Gimp will name it “Layer” so we let it be just that.

 

2. ToolBox – select Bucket Fill tool.

3. Set Foreground color to black – 000000.

  • Fill newly created layer with black color.

 

4. Layers Dialog Box – layer “Layer” selected

  • Above canvase – Filters – Noise – HSV Noise.
  • Pop Up – Holdness – 1.
  • Hue – 3.
  • Saturation – 10.
  • Value – 120.

 

 

 

5. Layers Dialog Box – layer “Layer” selected

  • Above canvas – Filters – Blur – Gaussian Blur
  • Pop Up – Both Horizontal and Vertical Blur set to – 2.0
  • RLE – Checked.

 

6. Layers Dialog Box – layer “Layer” selected

  • Above canvas – Colors – Threshold.
  • Pop Up - enter value 15 on the very left field and on the right it should stay 255.

 

 

 

7. Layers Dialog Box – layer “Layer” selected.

  • Above Canvas – Select – By Color.
  • Click anywhere on the black area of the canvas.
  • As soon black color is selected hit delete key on your keyboard.
  • Above canvas – Select – None or Shift + Ctrl + A short cut.

 

8. Layers Dialog Box – layer “Layer” selected.

  • Above canvas – Filters – Light and Shadow – Drop Shadows.
  • Pop Up - by default previous setting should be there. Just hit Okay.
  • Offset X – 2.
  • Offset Y – 2.
  • Blur radius – 2.
  • Color – Black – 000000.
  • Opacity – 100
  • Allow Resizing – Unchecked.

 

Layers Dialog Box – we should see a new layer there called “Drop Shadows”

9. Layers Dialog Box – layer “Drop Shadows” selected.

  • Above canvas – Layers – Layer To Image Size.
  • Set layer “Drop Shadows” to Mode – Overlay.
  • Right click on it – Drop Down – Choose – Merge Down onto layer “EyeColor”

 

10. Layers Dialog Box – layer “Layer” selected (one with white speckles)

  • Above canvas – Filters – Blur – Gaussian Blur
  • Pop Up – Both Horizontal and Vertical Blur set to 2.0
  • RLE – Checked.

 

11. Layers Dialog Box – layer “Layer” selected.

  • Set layer “Layer” to Mode – Overlay.
  • Set layer “Layer” Opacity to – 70.
  • Right click on layer “Layer” - Drop Down – Choose – Merge Down onto layer “EyeColor”

 

Step 7.

Yay! We have less layers again! Now we need some sort of blood vessel looking things. Remember the layer “Vessels”? It is time to use it!

1. Layers Dialog Box – Layer “Vessels” selected.

  • Unhide layer by clicking on the area where little eye icon used to be.

 

2. Layer “Vessels” should be above layer “Eye Color”

3. Layers Dialog Box - layer “Vessels” selected.

  • Above canvas – Colors – Threshold.
  • Pop up - enter values - On the left – 57.
  • On the Right – 65.

 

 

 

4. Layers Dialog Box – layer “Vessels” selected.

  • Above canvas – select – By Color.
  • Touch black color on the canvas to make a selection.
  • Once selection has been made, hit Delete key on your keyboard to delete black color.
  • Once black color has been deleted – Above canvas – Select – None.

 

5. Layers Dialog Box – layer “Vessels” selected.

  • Above canvas – Colors – Colorize.
  • Pop Up – Hue slider – 0.
  • Saturation – 100.
  • Lightness - (-80).

 

6. Layers Dialog Box – layer “Vessels” selected.

  • Set layer “Vessels” to Mode – Overlay.

 

7. Layers Dialog Box – layer “Vessels” selected.

  • Filters – Blur – Gaussian Blur.
  • Pop up – Both Horizontal and Vertical Blur set to – 1.
  • RLE – Checked.

 

8. Layers Dialog Box – layer “Vessels” selected.

  • Right Click – Drop Down – Choose – Merge Down onto layer “EyeColor”

 

9. Layers Dialog Box – layer “EyeColor” selected.

  • Right click – Duplicate layer.
  • By Default Gimp will name duplicated layer “EyeColor copy” so we let it be just that.

 

10. Layers Dialog Box – layer “EyeColor copy” selected.

  • Filters – Edge Detect – Edge.
  • Pop Up – Algorithm – Sobel
  • Amount – 2.0.
  • Smear – Checked.

 

11. Layers Dialog Box – layer “EyeColor copy” selected.

  • Set layer “EyeColor copy” to mode – Screen.
  • Set layer “EyeColor copy” Opacity to – 15.
  • Right click – Drop Down – Choose – Merge Down onto layer “EyeColor”

 

To continue with tutorial please see How to make reptile eye texture part 2.

 

Previous page: menu within the page title