Calel's World: The power of gradient.

In GIMP, the gradient effect is the most powerfull feature. If one's knows how to manipulate it one's can create a stunning blue box like below.

That left image is actually the original image that inspired me to try to create that cool looking box. I found that image when I google icon for my system interface. But that image is not free. Anyway after I obeserved that box carefully, I realised that this box is created by manipulating a series of shape with gradient effect. So this is when I begin my first attempt to immitate that box using GIMP. ;)

This are the steps...

First, create a new image file size 400 x 400

Create new layer and draw a box.Draw a box (348 x 321) using Rectangle Select Tool

Set the box Rounded Corner setting to 60.

Set the fore colour to 407dce and the back colour to 72d2e8 .

Select the gradient tool and apply it to the box from bottom to top.

Create a newlayer with transparent background

Apply shrink to the new created layer. Goto the select-shrink menu.

Set the shrink selection to 5 pixels.

click ok, then the selection shall shrink which look like image shown below

Select the gradient tool and apply it to the box selection from top to bottom.

Create new layer with transparency fill. Set the shrink selection to 15 pixels.

Use Rectangle Select Tool and click on the layer to unable gimp to set the box selection Rounded Corner setting to 70.

The result should display like to image below.

Select the gradient tool and apply it to the box selection from bottom to top.

Create new layer with transparency fill. Use Rectangle Select Tool and click on the layer to unable gimp to set the box selection, and adjust the selection box to 308 x 141. The result should display like image below.