Overlapping Text Effect in GIMP


In this tutorial, I will show you how to make overlapping text with reflections. I used GIMP to produce this effect.

OverlayThe Text Overlay Effect

 

In this tutorial, I will show you how to make overlapping text with reflections. Made in GIMP.
Redone in GIMP, original idea from Tutorial9.com:http://tutorial9.net/

 

Begin by opening up Gimp –> making a 1600 x 1200 with 480dpi page and its transparency.

Now grab the paint bucket and fill it black:

Add your first letter:

With the following settings: Font: Sans, Colour: White, Size: 410

Repeat the above steps until you have all your letters, like below:

To help with the alignment: Go View –> Show Grid

And go View –> Snap to Grid

Then align all your letters up with a little bit of overlap between them:

On the “letter layer” (mine is: S) Go: Layer –> Transparency –> Alpha to Selection

Press delete:

Now add some colour (mine is: green, with 75% Opacity), You may like to make the Opacity less!:

Fill in the “Whole Selection” and Repeat the above steps for all your letters!:

You can change which letters overlap each other by moving their layers

Then “Right Click” on the layer and “Merge Down”, all letters!

Duplicate the “Letters Layer”, and then go Filters –> Blur –> Gaussian Blur

Settings around: 45 and 45.

You should now have a “Glow Effect”, then Merge Down that layer.

Duplicate the layer, and Rotate 180degrees and Flip sideways:

Then Move it down, until there is a slight gap:

Now go Layer –> Mask –> Add Layer Mask

Settings: White(Full Opacity)

Grab the Gradient Tool with these settings: FG Only: Black

Apply Gradient like below:

Should look like this, and then Merge Down:

Now Rotate the “Letters Layer” (around -15degrees works nicely):

Should look like this:

And you are now finished!!!

I hope you like it and credit goes to tutorial9:http://tutorial9.net/

Please comment and Rate!

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: