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.

1

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).

2

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:

3

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.

4

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.

5

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).

6

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

7

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

8

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

PAperNumber

Related Posts

Easy Tutorial ENG

Happy Halloween

Hi guys! Today I’ve made a tutorial about the most frightening party of the whole year: Halloween! amici di Gimp! Before starting, you need to download the materials: – Skull – Sweatshirt – Armor – Font – Splattern brushes First, Read more...

Easy Tutorial ENG

Explosive text effect

Welcome to my new Gimp tutorial! Follow this step by step tutorial to create an explosive text effect! Before starting, you will need: Glass  image 1 Glass image 2 Metallic texture Begin by creating a 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.

Chiudi