[color=lightblue][align=center][img]http://i494.photobucket.com/albums/rr303/leviel32/cs742gradient1.jpg[/img] Firstly create the canvas size that you need for this tutorial I'm using 271 x 34 pixels. Create a new layer and then select the gradient tool from the main menu. Click on the 'edit' button and create a two colour fade from grey to white, for this one I've used Red Green and Blue (RGB) all set at 89 as seen here on the right. [img]http://i494.photobucket.com/albums/rr303/leviel32/cs742gradient2.jpg[/img] Using the new created gradient, click at the bottom of the canvas and drag the cursor to the top. (if you hold the shift key down while dragging it constrains the angle, keeping it straight) then let go. You should now have something looking close to this image. [img]http://i494.photobucket.com/albums/rr303/leviel32/cs742gradient3.jpg[/img] Now we need to add a highlight, create a new layer and using the 'rectangular Marquee Tool' select a strip roughly half the height of the canvas, then fill this with white. [img]http://i494.photobucket.com/albums/rr303/leviel32/cs742gradient4.gif[/img] Next we need to blur the white rectangle slightly, taking the harsh edge of it, I used 'Gaussian Blur' (found in filters menu) set to a radius of 0.9. next we need to alter the opacity to fade the white, I used 28 as the setting so its quite subtle. To create the button dividers, create a new layer and draw a 1 pixel line in grey using the pencil tool using the smallest brush from the brushes menu, from the top of the canvas to the bottom (again holding the shift key down will keep it straight). Then next to that line create a 1 pixel white line, next we need to erase part of the top and the bottom of the lines. Use a large soft edged brush so it fades gently. To create more dividers simply duplicate the layer and use the arrow keys on the keyboard to move the new layer from side to side. And finally add your button text, and then move the button dividers to the correct places, and you should have something like this. [img]http://i494.photobucket.com/albums/rr303/leviel32/cs742gradient5.jpg[/img] credits: me photoshop [url]www.photoshopbrushes.com[/url]- go here for more info[/align][/color]

Last edited by forsakendoll (2010-03-16 08:48:28)