Forums

Forums (http://www.abandonia.com/vbullet/index.php)
-   Art Tutorials (http://www.abandonia.com/vbullet/forumdisplay.php?f=33)
-   -   Invisible Text Tutorial (http://www.abandonia.com/vbullet/showthread.php?t=7448)

taikara 02-10-2005 10:42 PM

You've probably seen sigs and banners that have a see-through text effect... well, it's actually pretty simple to create, if you know how.

So here we go:

Software used: Photoshop 7.0
Requirements:
  • A variated-color background
  • A font that you like
  • Basic knowledge of how to use the Photoshop Text Tool
Step 1:

Pick out a background to use for the effect. There should be at least some variation in color throughout. You can use a one-color background, but there's no need for this tutorial if you do, as there's a much simpler way to get the effect with a flat background.

I'm using the background I made in my Taffy Pull Background Tutorial:

http://www.abandonia.com/~tomhenrik/...ible/First.png

Step 2:

Select the Text icon and pick out a font you like. Apply text to the image (PS will automatically create a new text layer), play with it until you like the shape, and how it basically looks with the background. The color is unimportant.

My result:

http://www.abandonia.com/~tomhenrik/...ble/Second.png

Step 3:

Press Ctrl + click on the text layer you just created in the Layers toolbar. It will do a Load Selection on the text.

To do this without hotkeys: while having your text layer highlighted in the Layers toolbar, go to Selection > Load Selection.

Step 4:

Select your background layer in the Layers toolbar. Press Ctrl+C, then Ctrl+V to copy and paste the new layer, which by itself, should look like this:

http://www.abandonia.com/~tomhenrik/...ible/Third.gif

Make your original text layer invisible by clicking the little eye checkbox next to its name in the Layers toolbar.

Step 5:

While the new layer is selected, go to Layers > Layer Style > Outer Glow (or double click on the new layer in the Layers toolbar, and select Outer Glow).

Tweak your Outer Glow settings until you like the effect.

My settings were like so:

http://www.abandonia.com/~tomhenrik/...ble/Fourth.png

Important Note About Using Outer Glow: The Blending Mode is very important to the Outer Glow effect. If you are using a light glow on a dark background, use the Screen Blending Mode. If you want to use a dark outer glow on a light background, use the Multiply Blending Mode.

When you're done, you should have the appearance of see-through text:

http://www.abandonia.com/~tomhenrik/...ible/Fifth.png

Neat, huh?

Blood-Pigggy 02-10-2005 10:48 PM

Slow down, I'm still working on the "Taffy Pull" one.
:D

taikara 02-10-2005 10:51 PM

LOL... I prepared all the images I needed for both tutorials at the same time, since I did it all together. :D

taikara 03-10-2005 04:08 AM

Sorry for the double post, but I just thought I'd share another example of what you can do with this effect with some simple further tweaking:

http://sometimessulliedsoul.com/tuto...g-example3.jpg

Added:

Light blue inner glow to the effect layer.
Slight level tweaking on the effect layer.

That's it ^_^

SwampThing 03-10-2005 06:13 AM

Nice work taikara - tutorials are a good thing. :)

Bobbin Threadbare 03-10-2005 08:40 AM

I wish photoshop worked on my piece of crap. I'm assuming this'll be pinned, Tai?

I still think there should be a seperate forum in 'Art' for tutorials.

Sean 03-10-2005 03:36 PM

Hehe, that's a cool one and has given me some ideas. I'll share my image inspired by this if I actually get around to making it :)

punch999 07-10-2005 08:03 AM

Im guessing this wouldnt work on the gimp?

Danny252 07-10-2005 07:21 PM

I discovered this effect dosen't work well on dark backgrounds. So, I messed around, and invented...

THIS! I changed the 'size' on the glow to fill the whole image. Not perfect, but hey :P

Sean 07-10-2005 07:48 PM

LOL, thats pretty cool.. the N and 2 are a little hard to see but heh.. good job :)


The current time is 11:24 PM (GMT)

Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.