Hi everybody!

Today’s tutorial is quick and easy, but it has a big impact. To realize this tutorial you only need script Fu (here is an installation guide) and the IronMan font.

Start by creating a new document in Gimp (I’m using a 1920 x 1080 sized document). Apply a gradient (shade tool) and change the color from white to #f4f4f4.


Click Elliptical selection tool and, holding SHIFT, trace  a circle. Once the selection is active, select the gradient tool and regulate the color from light grey (#fefdf9) to a darker color (#e9ebea).


To better highlight the outline of the button you should draw a thin border (4px are perfect for the image size). Select Script-Fu–> Layer Effect–> Stroke configuring the settings below:


Once you have made the borders, create a small  shadow to give a tridimensional effect and enhance the button. To realize the shadow, click on Script-Fu → LayerEffect—> Drop Shadow.


Now create a fold effect using the blur tool. Select the tool and set to the brush the same size as the button, set the frequency tool to 100 and duplicate the shadow layer.

Then drag the shadow on the bottom left side in order to give the shadow the same direction as in the button.


The button is finished, you only have to write the number you want. I used IronMan font (you can find the link at the beginning of this tutorial) and the color #2c2c2c (dark grey).


To enhance the number, create some inner shadows clicking on Script Fu—> Layer Effect—> Inner Shadow and configure the settings below:


To weaken the inner shadows, blur them selecting Filters —> Blur—> Gaussian and set blur ray to 15.


And this is the final outcome. I think it’s simple and smart, do you agree?


Related Posts

Easy Tutorial ENG

Black&White Focus Effect

Hello everybody and welcome to this new tutorial! 🙂 Today I’m going to show how to realize black and white effect with focus effect, in order to give a particular focus effect to the image. Read more...

Easy Tutorial ENG

On off button

Hi everybody and welcome to my new Gimp lesson! In this tutorial you will learn how to realise an On/Off button, it will be useful for apps and websites! Create a new square image (I’m Read more...

Easy Tutorial ENG

Dragan effect

Hi everyone! Follow this step by step tutorial to create Dragan effect! Don’t you know what Dragan effect is? Its name comes from an artist and photographer called Andrzej Dragan, who gives a disturbing and dramatic Read more...

Questo sito fa uso di cookie per migliorare l’esperienza di navigazione degli utenti e per raccogliere informazioni sull’utilizzo del sito stesso. Utilizziamo sia cookie tecnici sia cookie di profilazione di terze parti per inviarti pubblicità in linea con le tue preferenze. Se vuoi saperne di più o negare il consenso a tutti o ad alcuni cookie, clicca qui. Se accedi a un qualunque elemento sottostante questo banner acconsenti all’uso dei cookie.

Questo sito utilizza i cookie per fornire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o cliccando su "Accetta" permetti il loro utilizzo.