Web 2.0 Chat icon in photoshop

Posted in Icon Tagged Under: ,
 

In this tutorial we will learn how to make a shiny web 2.0 type chat icon in photoshop.
1) Create a new decument (File -> New), size 400 X 400 px and transparent background.
2) To create chat icon, select following:

Select text tool from tool palette.
Font type Webdings
Size 250 px
color on your choise, I have taken red color.

And [...]

web 2.0 type Rounded Rectangular Button in Photoshop

Posted in Buttons Tagged Under: ,
 

In this tutorial we will learn how to make a web 2.0 type rounded rectangular button in photoshop.
1) Create a new file (File -> New) , and select a size (300 X 300 px) and transparent background.
2) Select “Rectangular Marquee Tool”

3) Now go to Select -> Modify -> Smooth ->  Set to 5 px
Now your selection will have rounded corner.
4) [...]

Badge / Sticker Button in Photoshop

Posted in Buttons, web 2.0
 

In this tutorial we will learn how to make a web 2.0 type badge / sticker type button
1) Create a new file (File -> New), lets take 300 X 300 px size and transparent background.
2) From tool palette select “Custom shape tool”
 
3) Now select seal shape.

4) Select a color, lets select white color and draw a [...]

Tutorial – Glassy web 2.0 Button in Photoshop

Posted in Buttons, web 2.0
 

1) Create a new document, File -> New

2) Select “Rounded Rectangle tool” from tool palette.

and draw a rectangle button share using mouse.
3) click and hold “ctrl” key on keyboard and click on layer. Thus button shape will be selected. Now create a new layer, Layer -> New
4) Now choose any dark color of your [...]

Add Reflection in Photoshop

Posted in web 2.0 Tagged Under: ,
 

1) Create a new document in photoshop.
File -> New
2) Type some text. Here I am typing “ReflectioN” . You can also change font and color of the text.

3) Now we have to create dublicate layer of step 2. Right click on layer -> select “Dublicate Layer”

4) Select dublicate layer. And flip it vertically.
Edit -> Transform [...]

Tutorial – How to make Shiny web 2.0 Buttons in photoshop

Posted in Buttons Tagged Under: ,
 

1) Create a new file using: File -> New
2) You will get a form to fill up name, size and background type of the image. Lets select size as 150 X 60 pixel, and Transparent background.

3) From tool palette select “Rounded Rectangle tool”

4) Punch these options at the top.

Shape Layers
Set Radius to 60
Create New [...]