In today’s tutorial  we will realise a writing with a light and shadow text effect!

First open up a new Gimp document, I’m using 1600 x 1200 px sized document, but you can choose the size you prefer. Set #494848 as primary color and  #191919 as secondary color, then create the background with gradient tool, trace the gradient line from right to left in this way:


Create a new transparent layer called “writing”, be sure to position it over the background layer. Then select text tool and write something (I will write “Asgaafer”) with color #c2c8d4.

Now you have to rasterize your writing, in other words, you will transform it in an image: position the cursor over the layer just created and right – click  –> blend down, the writing will blend with the layer “writing”.


Now position the cursor on the layer “writing” and right – click –> Alpha to selecion, this function allows us to automatically select anything that is not transparent, in the case the writing only.

Create a new transparent layer over the writing and call it “shadow”, then color it with the brush, thanks to the selection you can color only inside the borders of the writing. Select the move tool to move a few pixels down the layer “shadow”.

Position the layer “writing” over the layer “shadow”, in order  to get this:


Click on Filters–>Blur–>Moviment and configure the options in the image below:

Keep in mind that the corner is the area from where light comes, in this case it is at the  top left. Set opacity to 50%.


Duplicate the layer “shadow” and, for one of them, click on Filters–>Blur–>Gaussiana, setting the blur range to 50px.


The last step to complete the shadows consists of applying a gradient to rhe writing! Set the two primary colors to #495a79 and #c2c8d4 (the color of the writing), right – click—> alpha to slection (to the layer “writing”) and apply gradient tool based on the light direction. You should get a similar outcome:


Now it is time for light! Create a new transparent layer called “Light” and position it over all the others. Create two white beams of light with selection tool:


Now select the perspective tool in order to distort the rays as in the image below:


Now you have to rotate the rays in order to make them come from the source of  light (in this case at the top left). Do it using the rotation tool.


At this point, modify opacity  to 50% and change mode from “Normal” to “Overlaid”, then click on filters–>Blur–>Gaussiana with blur range = 30.


We have almost finished. On the layer “lights”, click on filters–>Light and shadow–> Light effect and configure the settings below:


Finally, duplicate the layer “writing” to give a tridimensional effect: right – click–> Alpha to selection and color with white color. You should have a white writing over the original one.

Move the white writing a few pixels toward the light, then position the layer under the original writing one. This is the final result:


Related Posts

Easy Tutorial ENG

Graffiti #1

Hi guys! Follow my step by step tutorial to create this wonderful graffiti! You wiil need these tools: font (put it in the “font” folder of gimp, and then relaunch it) brushes 1 brushes 2 brushes Read more...

Easy Tutorial ENG

In front of the world ENG

Hi guys, today I’ll show you how to realize an emblematic image about a man in the face of a big world! Before starting, you must get these materials: Planet Man G’MIC ( Installation tutorial for WINDOWS or LINUX Read more...

Easy Tutorial ENG

Draw stones

Follow this step by step tutorial to draw stones starting from scratch. I found this photoshop tutorial here, so I decided to make a Gimp tutorial too. First open a new document with a black beakcground, 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.