This Photoshop tutorial shows how it is "relatively" easy to create eye-catching icons web 2.0 style, with reflections and so on, simply by setting the effects on the layer. Once you understand the process, it is also possible - by giving free rein to your creativity - create many variations.
STEP 1 - FORM ICON
We create a layer and we draw a rectangle (Or square) with slightly rounded corners.
Applied to this layer the following effects:
As I used an inner shadow color # ffd800
The gradient goes from # 067500 to # 0cff00
We almost got our icon! The nuance of color that can make it more like! The important thing is to start from a dark towards a clear gradation.
STEP 2 - GHOST
Add a new layer above this cha we just made. Select the shape of the icon (Ctrl + click on the layer) and - staying on the new layer still empty - select from the menu Select-> Modify-> Contract: enter 2 pixels:
Set the foreground color to white and select the Gradient tool , Going from white to transparent. Then draw a gradient from top to bottom, in order to obtain:
Now, a final touch, select the circular selection tool , Select an ellipse and position it as shown in the figure below and press the Delete key - if you want you can set the transparency to 90/80:
STEP 3 - TEXTS AND SYMBOLS
Using one of the many free font libraries you can add a graphic symbol, an icon in fact. If this is outline, as in my case, adding to the effect:
You can achieve a nice effect to return:
The only thing missing ... the text of your choice!