Home  |  Free Templates (NEW)  |  Premium Website Templates  |  Tutorials  |  Privacy Policy  |  Link Exchange  |  Contact Us
Tutorials
Photoshop Tutorials
Flash Tutorials
3D Graphics Tutorials
Partners
Free Website Templates
Flash Templates Today
Web Sites
Free Shape
Photoshop Tutorials
Flash Tutorials
Illustrator Tutorials
HTML Tutorials
Flash Templates
Free Web Templates
Free Flash Templates
Web Templates Forum
Recommended Hosting:
Host Unlimited Domains on 1 Account
1500GB storage and 15000GB bandwidth for $6.95/mo!
Recommended Hosting:
Host Unlimited Domains on 1 Account
1500GB storage and 15000GB bandwidth for $6.95/mo!
Free Website Templates: 123456789101112131415
Preview & Download Preview & Download Preview & Download

Welcome To NewFreeTemplates.com Photoshop Tutorials Area - Rounded And Glowing Menu

Hey hey, we are going to create a cool Rounded and Glowing Menu today, pretty easy and simple with and awesome result.


Step 1:


Make a new black Background 350x350 pixels document.


Step 2:


Now select your Ellipse Tool under the Tool's menu.


screenshot 1


Draw 4 perfect circles, or just make one and copy it :), for this just hold SHIFT while you are drawing it.


screenshot 2


Now just to keep it clean, rename each Circle layer, we are going to call them; Ball 1, Ball 2, Ball 3 and Ball 4.


screenshot 3


Step 3:


Now it's time to add some Blending Options, Right Click on your "Ball 1" layer and select Blending Options...


Now look carefully, we are going to use Outer Glow, Bevel And Emboss, Gradient Overlay and Stroke for this particular effect.


So...


Outer Glow:


screenshot 4


Bevel And Emboss:


screenshot 5


Gradient Overlay:


screenshot 6


Double Click on the Gradient and make one similar or just like ours, we are using three nice colors, starting with a white (ffffff), light purple (cba9de) and a dark purple (3d1063).


screenshot 7


Stroke:


screenshot 8


Step 4:


Now we are going to make the same effect with the other three balls, we just have to change the colors of the Blending Options, so now instead of repeating the whole process for each one we are going to give you the first one and you can add your creativity for the other two balls.


Watch carefully the example for the Green ball.


Outer Glow: Look at the colors


screenshot 9


Bevel and Emboss: once again change the colors.


screenshot 10


Gradient Overlay: Change the colors on the Gradient.


screenshot 11


Stroke: and finally again the colors.


screenshot 12


Now your second ball is looking Green, super easy uh?


screenshot 13


Now just repeat the first steps for the remaining two balls, and you will get the following result, we have made an orange and a blue one.


screenshot 14


Step 5:


Now type the text that you want to insert in every ball (button), in the following way:


We are using the "Jed the Humanoid" font, as always you can get it for free here!

We have written "Home", "About Us", "Portfolio", and "Contact" for our Rounded Glowing Text Menu.


screenshot 15


Step 6:


Now Right Click on your "Home" text layer and select the Rasterize Type option. Now press CTRL + T (Free Transform) and now right click your selection to transform (around your text) and choose WARP.


Now modify your "Home" word, so it will fit on the button, follow this example:


screenshot 16


screenshot 17


It's going to look like this, and guess what, the effect it's almost finished.


screenshot 18


Now in your "Home" layer, select in the Blending Mode menu the option Overlay.


screenshot 19


Your buttons it's going to look like this:


screenshot 20


And DONE! your buttons it's finally done, now repeat the Text steps with the other three ones and you will get your Rounded And Glowing Menu.


screenshot 21


screenshot 22


Author: www.photo-shop-tutorial.net
Advertisements
 
Home  |  Free Templates  |  Premium Website Templates  |  Tutorials  |  Privacy Policy  |  Contact Us
All Rights Reserved 2007-2008 by NewFreeTemplates.com