It appears you have not yet registered with DEVPPL. To register please click here... (it's fast, easy and free!)

Forum

Log In Sponsors
Board index Graphic Photoshop Forum Photoshop Tutorials

Photoshop Tutorial: Silver Sparkling Text

Comments and Questions for the tutorials in the tutorial-archives.

Photoshop Tutorial: Silver Sparkling Text

Postby webmaster on Thu Jul 14, 2005 7:18 pm

Start of with a new image and color the background on any color you want, I used a gradient between light blue and dark blue.

Write some wihite text in the center of your image. Double-click on your text-layer and a Blending Options window shourd appear.

Click on 'Drop Shadow' and set Distance to 0.

Click on 'Inner Shadow' change 'Blend Mode' to Normal and click in the color box and set the color to White. Then change Angle to 90, Distance to 3 and Size to 0.

Click on Gradient and make sure the colors are black to white. Mark the Reverse-box and set opacity to 25%.

Click OK. Your image should now look something like this:
Image

Make a new folder in the layer-window by pressing on the little folder-icon in the bottom of the layer-box dow right.

Press 'D' to reset the colors (Black-White), then press 'X' to switch place so you get White-Black as colors.

Click on the 'Custom Shape Tool' and then select the 'Star' in the dropdown-box on the top of photoshop.
Image
Image

Draw a big star in the middle of your image, set the opacity of the layer to 20%.

Rightclick on the layer and click on Duplicate Layer...

Set opacity of the second layer to 40%. Press CTRL+T and on the top-middle of the screen will you see W: 100%, change 100% to 80% then click on the little link between the W: and the H: -fields. Then press on the accept-button to the right in the top-middle menu to accept.

Then duplicate the first layer again, set opacity to 60% and transform it to 60% of the original size.
Then duplicate the first layer again, set opacity to 80% and transform it to 40% of the original size.
Then duplicate the first layer again, set opacity to 100% and transform it to 20% of the original size.

Click once on the little downarrow to the left of the folder-icon in the layer-window down right.

Your image should now look something like this:
Image

Rightclick on the folder in the layer-window and click on Duplicate Folder, do this a couple of times.

Click on one of the folders, press CTRL+T to transform and now you can shrink, move or rotate a star. Make the different stars/folders in different sizes and move them to different places on the text. This is my result:
Image

To make it even better, we're going to add a reflection to the text. So duplicate the text-layer, click Edit > Transform > Flip Vertical.

Move the new layer down so there is about 2-3 pixels between the original text layer and your new flipped layer.

Set the opacity of the new layer to 50%.

Rightclick on the flipped text layer and click on Rasterize Type.

Click on the Ereaser Tool and select a pretty big and blurry brush. Then erease the down-half of the text.

You are now done, here's my final result. I show some examples of different backgrounds to show you that this text-effect matches all kind of background colors.
Image
Image
Image
Image
Image


Are you boored? Play some of our 900+ flash games
IF YOU LIKE THIS TUTORIAL, PLEASE REGISTER AND HELP DEVPPL GROW
User avatar
webmaster
Site Admin
 
Posts: 2695
Joined: Tue Aug 17, 2004 1:07 pm
Location: Sweden

Postby Kotik on Sat Jul 16, 2005 1:09 pm

Awesome tutorial. Love it. Really !
DEVPPL : News Publisher
User avatar
Kotik
1000+ Club
 
Posts: 1086
Joined: Mon Aug 23, 2004 12:25 am
Location: Sweden

Postby ReFredzRate on Sat Jul 16, 2005 5:04 pm

Dude, this is a cool tutorial. I love it! :D
ReFredzRate
1000+ Club
 

Postby Phate on Sat Jul 16, 2005 5:46 pm

Very nice effect!
Web-Developing since '03
Image
User avatar
Phate
500+ Club
 
Posts: 826
Joined: Sun Nov 21, 2004 4:12 am
Location: 127.0.0.1

Postby Animataman on Mon Nov 20, 2006 10:20 pm

srry to bring an old topic back, but on several tutorials where there is suppsoed to be a screen shot there is like little box with an x, so i cant learn anything, does anyone know how i can fix it?
Animataman
 
Posts: 19
Joined: Sun Nov 19, 2006 1:04 am

Postby texastrees on Thu Aug 09, 2007 5:26 pm

Oh I want to see this so bad!!! i can't see the images either :(
texastrees
 
Posts: 10
Joined: Wed Aug 08, 2007 6:16 pm
Location: Longview, TX

Postby ElectrifieD on Thu Aug 09, 2007 9:26 pm

That's probably cuz they've been deleteted from where they were hosted
Image
User avatar
ElectrifieD
250+ Club
 
Posts: 350
Joined: Fri Mar 02, 2007 3:50 pm
Location: Bulgaria

Postby zora on Thu Sep 06, 2007 7:12 am

does anybody have an archive of this tutorial (complete with the images)?
if somebody does, would you please share it again here?
User avatar
zora
 
Posts: 15
Joined: Tue Jun 26, 2007 10:47 am
Location: Indonesia

Postby nic1993 on Thu Oct 11, 2007 2:26 am

argh, not sure if its my computer but i cant see the images :(
nic1993
 
Posts: 25
Joined: Wed Oct 10, 2007 12:59 am

Re: Photoshop Tutorial: Silver Sparkling Text

Postby witchzr on Tue Dec 16, 2008 10:35 am

i cnt see them too ><"
witchzr
 
Posts: 0
Joined: Tue Dec 16, 2008 10:24 am

Next

Who is online

Users browsing this forum: No registered users and 0 guests