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

Summer Party WallpaperMaking of DolphinsSunny Day Effectsdesigning wallpaper with glass dragonwallpaper with logo in Adobe Photoshop CSAutumn Wallpaper ??? Photo Effectsmaking the ATI LOGO photoshop tutorialHappy Birthday Postcard in Adobe Photoshop CSGirl Photo Manipulation illustration in Adobe Photoshop CS

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