Square Button with ribbon in Photoshop

Posted in Buttons, Web Graphics Tagged Under:
 

In this Photoshop tutorial, we will make a square button and add a ribbon to the button. Such buttons can be used in logo designing, icons, new offer button, price tag button etc.
Tutorial is easy. I have used images to make tutorial very easy to understand.

Glossy Web 2.0 Button in Photoshop

Posted in Buttons Tagged Under:
 

In this Photoshop tutorial, we will make a glossy web 2.0 type button. It is very simple and will hardy take 10 minute to complete this button.

Round glossy, shiny style button

Posted in Buttons, web 2.0
 

In this tutorial we will earn how to make a round shiny glossy button.
Step 1:
Create a new document (File >> New) , size 300 X 300 px, white/ transparent background. In this tutorial I have selected transparent background.
Step 2:
Select “Ellipse tool” from tool palette and set. Press and hold “shift” key and draw a circle. [...]

Shiny Silver Button in photoshop

Posted in Buttons, web 2.0
 

In this tutorial we will learn how to make a shiny silver web 2.0 type button.
Step 1:
1) Create a New document (New >> Document)
sixe : 300 X 200 px
Background: Transparent
Step 2:
Select “Rounded Rectangle tool” from tool palette and set,
Radius: 3px
Color: white
style: Default (none)

And draw a shape of size you wish.

Step 3:
Press and hold “ctrl” button, [...]

Web Button in photoshop

Posted in Buttons, web 2.0
 

In this tutorial we will learn how to make web button in photoshop. So, lets start.
STEP 1:
Create a new document (File >> New), select size 250 X 250 px, Transparent background.
STEP 2:
Select “Rounded Rectangle tool” from tool palette and set
Radius: 7px
Color: As you wish, I have taken #03578D
style: Default (none)

STEP 3:
Draw a shape of size [...]

Square web 2.0 button in photoshop

Posted in Buttons, web 2.0
 

In this tutorial we will learn how to make shiny square web 2.0 type buttons.
Step 1
Create a new document (File -> New), select size 250 X 250 px, Transparent background.
Step 2
Select “Rounded Rectangle tool” from tool palette and set:

Radius: 5 px.
Color: white
style: Default (none)

Press and hold “Shift” key and draw a rounded rectangle shape.

Step 3:
Press [...]

Simple web 2.0 web button

Posted in Buttons, web 2.0
 

In this tutorial we will learn how to make a simple web 2.0 button. So, lets start.
1) Create a new document (File -> New), select size 250 X 250 px, Transparent background.
2) Select “Rounded Rectangle tool” from tool palette and set

radius to 5 px.
Color: white
style: Default (none)

3) Draw a rounded rectangle shape.

4) Hold ctrl key [...]

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 [...]