Posted on March 19th, 2008
Written by John and filed into the Basics, Brushes, Design, Web Layouts, Web Graphics, Effects category.
It is time to make the signature Web 2.0 shiny look.
Next just duplicate your main layer and remove all blend settings except add a color overlay of white:
Move that layer above all the others:
Now I am going to cut off the part I don’t want to make the shiny effect. For this I am going to use the pin tool:
With your pin tool chosen click at this spot on your screen and hold down shift
and drag your mouse down until you have this:
Then click here as your next position without dragging your mouse at all:
Next click here and pull down with your mouse until you have this. The line will
actually go pretty far off your canvas:
Then just click around the shape so to connect the pen mark:
Connect the pen and it will make a shape. Right click on the line you just made, still using the pen tool and hit make selection:
Once you do that just hit delete on your keyboard and it should leave something like this:
[…] barry@rustybrick.com (Barry Schwartz) wrote an interesting post today onHere’s a quick excerptLately I have been finding the Web 2.0 concept amusing so I decided to write a tutorial on how to make some buttons, which you can make into a cool menu. This tutorial is very straight forward and achieves some cool results in my … […]
Posted by Make a Sleek Web 2.0 Style Menu for Your Site | How to make a website on March 19th, 2008 at 2:13 pm
very good excellent post
Posted by Free Stuff on March 20th, 2008 at 6:36 am
Your tutorial is good, but there is an easier way to get rid of the excess blue after you brush it onto the rounded rectangle. If the blue is on a new layer, then you can simple ctrl/command-click on the thumbnail of the layer underneath it. This will select the layer’s contents (which in this case is the rounded rectangle), so you could just invert the selection and press delete. It will not select the layer effects (like stroke), only the contents of the layer.
Posted by Hongske on April 3rd, 2008 at 1:54 pm
thank you very much for this very good tutorial
i have tried it and i get amazing result …
thank you very very much
Misambee Jarir
Posted by Misambee Jarir on April 3rd, 2008 at 2:09 pm
Hongske thanks for the information! I will have to try that out.. sounds like a better way to do it for sure
Posted by John on April 3rd, 2008 at 4:26 pm
also thanks everyone for the comments
Posted by John on April 3rd, 2008 at 4:26 pm
hey i am not able to do that pen tool step……how to do the last step of pen tool….and make selection and delete….the step is not working for me….plz help
Posted by tarun on April 13th, 2008 at 12:35 am
You have to connect the line by clicking where I have the mouse in the screenshot.. after that you should have a solid line. Then you need to right click (with a windows computer) and the little menu should pop up like in the other screenshot…
Posted by John on April 18th, 2008 at 4:27 pm