September 6, 2009

3

Overlapping Text Effect

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.

1. Getting Started

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

Getting Started

2. Fill Background with Black

  • Now grab the paint bucket and fill it black:
Background

Background

3. Text Tool

  • Add your first letter:
Text Tool

Text Tool

4. Text Properties

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

Text Properties

5. All Letters

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

All Letters

6a. Alignment

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

Alignment

6b.

  • And go View –> Snap to Grid
Snap to Grid

Snap to Grid

7. Layout

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

Layout

8. Alpha to Selection

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

Alpha to Selection

Alpha to Selection

  • Press delete:
Delete

Delete

9. Colouring

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

Colouring

10. Repeat

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

Repeat

11. Moving Layers

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

Moving Layers

12. Merge Down

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

Merge Down

13. Gaussian Blur

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

Gaussian Blur

  • Settings around: 45 and 45.
Settings

Settings

14. Glow Effect

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

Glow Effect

15. Rotate and Flip

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

Rotate and Flip

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

Move it down

16. Add Layer Mask

  • Now go Layer –> Mask –> Add Layer Mask
Add Layer Mask

Add Layer Mask

  • Settings: White(Full Opacity)
Settings

Settings

17. Gradient Tool

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

Gradient Tool

Gradient Tool

  • Apply Gradient like below:
Apply Gradient

Apply Gradient

  • Should look like this, and then Merge Down:
Merge Down

Merge Down

18. Rotate

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

Rotate

  • Should look like this:
Result

Result

And you are now finished!!!

finished

finished

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

Written by Mike


Deprecated: Function the_author_description is deprecated since version 2.8.0! Use the_author_meta('description') instead. in /home/scottp12/public_html/wp-includes/functions.php on line 5453
Michael Scott is the publisher and photographer behind Scott Photographics! He is very passionate about his photography and enjoys sharing the best of his experiences for others to enjoy too! Contact Mike via email!
Read more from Featured, Gimp, Tutorials
3 Comments Post a comment

    Deprecated: Function get_users_of_blog is deprecated since version 3.1.0! Use get_users() instead. in /home/scottp12/public_html/wp-includes/functions.php on line 5453
  1. Anton
    Jul 15 2011

    Very nice!


  2. Deprecated: Function get_users_of_blog is deprecated since version 3.1.0! Use get_users() instead. in /home/scottp12/public_html/wp-includes/functions.php on line 5453
  3. Bre
    Apr 20 2010

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


  4. Deprecated: Function get_users_of_blog is deprecated since version 3.1.0! Use get_users() instead. in /home/scottp12/public_html/wp-includes/functions.php on line 5453
  5. Michael
    Sep 7 2009

    Nice!!!

Share your thoughts, post a comment.


Notice: Undefined variable: user_ID in /home/scottp12/public_html/wp-content/themes/traction/comments.php on line 53
(required)
(required)

Note: HTML is allowed. Your email address will never be published.

Subscribe to comments

23 queries 0.278secs