In this tutorial we'll learn to create some really attractive buttons suitable for website specials, a fancy navigation or whatever you feel fits a side column of buttons.
Open an existing layout/document where you'd like to use these buttons, or just start a new one. I'm using a document that is 780x150 with a background color of: #FAFAFA. And create a new layer.
And that's all there is too it, just duplicate the original button layer, and apply each of your CMS icons over top of the buttons. Here's what an actual application of the CMS button usage looks like with a little window dressing:
Then duplicate this button a few times and you will have a nice navigation bar. You can see that i have changed also the color of the buttons . I am sure you can do this alone
First create the shape of the button that you want to make the jell button from, whether it be a circular or like my shape I have below. This tutorial is not recommended if your button is much wider than it is high.
While browsing the templates available at TemplateMonster.com, I came across several splendid examples of buttons. For the creation of this tutorial it is unnecessary to use the textures or brushes deployed in your version of Photoshop.
This tutorial with guide you through how to make a these cool navigation buttons, which can be used throughout your site. Your result should be similar to this:
Now get out the pen tool. You just need to draw / drag out three points. It might help to zoom in first. Follow the diagram. This is going to make an outline for your specular highlight.
Alright, now we need to make a part of header to see how the future menu buttons will be situated. Start by making a new layer. Now find and get out the Rounded Rectangle Tool (Radius: 5 px) and draw a rounded rectangle onto your canvas, this will be the part of your header.
Title: Adobe cs2 photo shop studio technique Create web buttons for your website template In this computer cs2 dummy photo shop tech tutorial learn how to make ice or frozen matter.Use photoshop techniques to create web buttons- photo shop effects to make web graphics.
In the layers list, double-click this layer (Photoshop 6.0 and 7) or right-click it and select "Effects" (Photoshop 5). Give your web button a Drop Shadow and a Bevel.
[�] See more icons on the web 2.0 page. Also see how to make these icons in the web 2.0 icon tutorial. If you found the graphics of any use, you can buy me a beer!Bookmark to: [�]
Title: Adobe cs2 photo shop studio technique Create web buttons for your website template In this computer cs2 dummy photo shop tech tutorial learn how to make ice or frozen matter.Use photoshop techniques to create web buttons- photo shop effects to make web graphics.
In the layers list, double-click this layer (Photoshop 6.0 and 7) or right-click it and select "Effects" (Photoshop 5). Give your web button a Drop Shadow and a Bevel.
This is a very simple tutorial that will teach you how to make Web 2.0 buttons using the Rounded Rectangle Tool.
[�] See more icons on the web 2.0 page. Also see how to make these icons in the web 2.0 icon tutorial. If you found the graphics of any use, you can buy me a beer!Bookmark to: [�]
2. Filter > Noise > Add Noise
Here is the final result:
