Design an icon

 
Hello, today we are going to design an icon using basic PS techniques and layer styles. I will also explain the basic principals on WEB 2.0 design.

So let's get started. Create a high resolution document.

Deisgning Orb Button

Then just draw a circle using rectangular path tool (hold shift to draw a perfect circle).

You can just create it on the background. In this case PS will create a layer and fill your circle automatically.

Deisgning Orb Button



Deisgning Orb Button

Here we go.

Deisgning Orb Button
  


Then overlay it with a little bit lighted color round gradient in the bottom. But Note to selected the whole layer (alt+click), then create a new layer and only after that you can overlay.

Only when shape is selected the gradient will overlay only the selected areas and not all the document.

Deisgning Orb Button

Here we go.

Deisgning Orb Button

Now I will use some layer styles.

Deisgning Orb Button



Deisgning Orb Button



Deisgning Orb Button

   


Pages: « Back  1 2 3 4  Next » 

Tutorial Series

This tutorial is part 2 of a 2 part series. Other tutorials in this series are shown below:
  1. Logo Design
  2. Design an icon

Popular Tutorials

Sony Ericsson LogoEURO 2008 Logo designMaking of DolphinsThe Making of an IconAnimated Rainbow WallpaperThe hidden power of Photoshop brush toolwallpaper with logo in Adobe Photoshop CSHow To Make An Icon TutorialSummer Party Wallpaper

Latest Tutorials

Chaos ToolsChaos ToolsCreate very shiny summer wallpaperHow to  create wallpaper based on making of the logomake a wallpapermake a wallpaperDigital art wallpapersSpace designnine and venue





Partner Links

advertise here ...
CSS Gallery