Overlapping Text Effect

September - 6 - 2009

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

Overlay

The 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!

Overlay

Related Posts with Thumbnails
Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • RSS
  • Twitter

2 Responses to “Overlapping Text Effect”

  1. Michael says:

    Nice!!!

  2. Bre says:

    >_< didn't work for me either -_- stupid gimp…

Leave a Reply

Subscribe!

  • Enter your email address:

Links