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

Sunny Day Effectsdesigning wallpaper with glass dragonGirl Photo Manipulation illustration in Adobe Photoshop CSThe Making of an IconWindows XP wallpaperlogo designSummer Party WallpaperAutumn Wallpaper ??? Photo Effects

Latest Tutorials

Digital art wallpapersSpace designnine and venueMaking a logoHow to design Business CardTree and Sky - your design adventureGraphic Designnoir wallpaperdark wallpaper






Psd Plus: advanced Photoshop tutorials.

CSS Gallery



Partner Links