Welcome  GIMP PDF Tutorials  Personal Site  Home  Contact/About  Sitemap  Terms  Online GIMP Tutorials 

 GIMP (GNU) Tutorials

250+ Free Online GIMP (GNU) Tutorials - Click Here
450+ GIMP (GNU) & Photoshop PDF Tutorials - Click Here

by Wendi E. M. Scarth.

GIMP Tutorials - Click Me!


Gradient Avatars 


Free GIMP Tutorials Tutorials by Wendi E. M. Scarth.

 GIMP Sitemap - Free GIMP Tutorials - GIMP Terms/Conditions - GIMP Q&A - GIMP Hints & Tips

Eye-catching Gradient Avatars & Backgrounds
Beginners Plus

Eye-catching Avatars From Gradients GIMP Eye-catching Avatars From Gradients GIMP Eye-catching Avatars From Gradients GIMP
Eye-catching Avatars From Gradients GIMP
Eye-catching Avatars From Gradients GIMP Eye-catching Avatars From Gradients GIMP

450+ GIMP & Photoshop PDF Tutorials With Start Images & All Future GIMP PDFs
450+ Individual GIMP & Photoshop PDF Tutorials Plus All Future GIMP PDFs: Click Here.

This GIMP (GNU) tutorial demonstrates how to create an eye-catching Gradient Avatar using GIMP’s Blend Tool.

You can quickly Undo a step at any time by pressing Ctrl then Z. Alternatively, click a previous Undo History snapshot - Windows then Dockable Dialogues then click Undo History. In addition, to Zoom in (or Zoom out) of your image; from the top menu, choose View then select a Zoom Tool from the subsequent drop-down list.

Ensure the Layers and the Undo History Palettes are visible, and then drag them into position over your workspace - (Windows then Dockable Dialogues - then click Layers and Undo History).

Resize Images
Launch GIMP & Organise Its Workspace & Palettes

Create a New (Transparent) Image, and set the following Width and Height and Fill with Transparency attributes. (Alternatively, set New Image dimensions of your choice. I am selecting 200 x 200, however, 100 X 100 Pixels is a good avatar size).

Now, from the left-side Toolbox, activate the Blend Tool.

Then (from the Blend Tool’s left-side Options Box), click open the Gradient tab; and from the subsequent drop-down library, activate a Gradient of your choice. I am selecting a Gradient named Four Bars, however, for personal avatars, experiment with GIMP’s Gradients.

Now, select a Gradient Shape of your choice. I am selecting Radial.

After you have chosen a Gradient, a Gradient Shape and a Gradient Colour of your choice, you are ready for the next step.

To apply your Gradient to the Transparent Image, press down the Ctrl Key, and simultaneously left-click and stretch a short-ish Gradient Line in the direction illustrated below-left. As soon as you release the mouse button, your choice of Gradient will be applied to your Transparent Image - as illustrated below-right.


Gradient Note
It’s important to experiment with the Gradient Line’s Direction and find a look you are happy with. By this I mean the Gradient Line can be stretched in any direction, and it can stretched the whole length of your image. For personal results, it’s important to experiment with different Gradient Line Directions and different Gradient Line lengths.

Example 1


Example 2


Example 3 (Rainbow: Conical sym)


Example 4 (Rainbow: Spiral cw)


To smooth the Swirl’s edges; from the top menu, choose Filters then choose Blur and then choose Gaussian Blur. And from the subsequent Gaussian Blur dialogue box, enter a Blur Radius of around 3.0, (px) - and then click OK.


Example 5 (Rainbow: Shaped Angular)

You may need to repeatedly stretch the Gradient Line to force it to render.


Congratulations, your Gradient Avatar is complete, and it is ready to incorporate into your artwork, or to upload to a Forum in your usual manner.

Resize Note
If you need a smaller avatar, then
Link Here to learn how to reduce your image’s size.

Optimise & Save Images

Wendi E. M. Scarth. 
Top of Page.

Wendi E.M. Scarth Tutorials

 Elements Tutorials  Photoshop Tutorials  Paint Shop Pro Tutorials  GIMP PDF Tutorials  GIMP Tutorials