Flash Games
 FAQ   Search   Memberlist   Usergroups   Register  Profile   Log in to check your private messages   Log in 


Photoshop Tutorial: Silver Sparkling Text



 

Post new topic   Reply to topic  
   DEVPPL Forum Index -> Photoshop Tutorials
View previous topic :: View next topic  
Author Message
webmaster
Site Admin


Joined: 17 Aug 2004
Posts: 3642
Location: Sweden

PostPosted: Thu Jul 14, 2005 8:18 pm    Post subject: Photoshop Tutorial: Silver Sparkling Text Reply with quote

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:
Click to view this image at its original size
Click on the image to view it at its original size

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.
Click to view this image at its original size
Click on the image to view it at its original size
Click to view this image at its original size
Click on the image to view it at its original size

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:
Click to view this image at its original size
Click on the image to view it at its original size

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:
Click to view this image at its original size
Click on the image to view it at its original size

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.
Click to view this image at its original size
Click on the image to view it at its original size
Click to view this image at its original size
Click on the image to view it at its original size
Click to view this image at its original size
Click on the image to view it at its original size
Click to view this image at its original size
Click on the image to view it at its original size
Click to view this image at its original size
Click on the image to view it at its original size


Are you boored? Play some of our 900+ flash games
IF YOU LIKE THIS TUTORIAL, PLEASE REGISTER AND HELP DEVPPL GROW
Back to top
View user's profile Send private message Visit poster's website
Kotik
1000+ Club


Joined: 23 Aug 2004
Posts: 1099
Location: Sweden

PostPosted: Sat Jul 16, 2005 2:09 pm    Post subject: Re: Photoshop Tutorial: Silver Sparkling Text Reply with quote

Awesome tutorial. Love it. Really !
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger
ReFredzRate
1000+ Club


Joined: 20 Aug 2004
Posts: 2186
Location: Netherlands

PostPosted: Sat Jul 16, 2005 6:04 pm    Post subject: Re: Photoshop Tutorial: Silver Sparkling Text Reply with quote

Dude, this is a cool tutorial. I love it! Very Happy
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger
Phate
500+ Club


Joined: 21 Nov 2004
Posts: 818
Location: 127.0.0.1

PostPosted: Sat Jul 16, 2005 6:46 pm    Post subject: Re: Photoshop Tutorial: Silver Sparkling Text Reply with quote

Very nice effect!
Back to top
View user's profile Send private message Send e-mail AIM Address
Animataman



Joined: 19 Nov 2006
Posts: 19

PostPosted: Mon Nov 20, 2006 11:20 pm    Post subject: Re: Photoshop Tutorial: Silver Sparkling Text Reply with quote

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?
Back to top
View user's profile Send private message
texastrees



Joined: 08 Aug 2007
Posts: 9
Location: Longview, TX

PostPosted: Thu Aug 09, 2007 6:26 pm    Post subject: Re: Photoshop Tutorial: Silver Sparkling Text Reply with quote

Oh I want to see this so bad!!! i can't see the images either Sad
Back to top
View user's profile Send private message Visit poster's website MSN Messenger
ElectrifieD
250+ Club


Joined: 02 Mar 2007
Posts: 350
Location: Bulgaria

PostPosted: Thu Aug 09, 2007 10:26 pm    Post subject: Re: Photoshop Tutorial: Silver Sparkling Text Reply with quote

That's probably cuz they've been deleteted from where they were hosted
Back to top
View user's profile Send private message Send e-mail
zora



Joined: 26 Jun 2007
Posts: 16
Location: Indonesia

PostPosted: Thu Sep 06, 2007 8:12 am    Post subject: Re: Photoshop Tutorial: Silver Sparkling Text Reply with quote

does anybody have an archive of this tutorial (complete with the images)?
if somebody does, would you please share it again here?
Back to top
View user's profile Send private message Visit poster's website
nic1993



Joined: 10 Oct 2007
Posts: 24

PostPosted: Thu Oct 11, 2007 3:26 am    Post subject: Re: Photoshop Tutorial: Silver Sparkling Text Reply with quote

argh, not sure if its my computer but i cant see the images Sad
Back to top
View user's profile Send private message
Display posts from previous:   
Post new topic   Reply to topic    DEVPPL Forum Index -> Photoshop Tutorials All times are GMT + 1 Hour
Page 1 of 1

 
 
Welcome to DEVPPL.com
You are not logged in, which means that you can't post in the forums.
Click here to Register

If you are a current member here on DEVPPL, please login below:

User: Pass:
Log me on automatically each visit:

 


Powered by phpBB © 2001, 2005 phpBB Group - Modified by DEVPPL

Flash Games - Sitemap