Step 1:
Create a new document (File >> New)


Select gradient tool. Set foreground color to #696a6a and background color to #9a9a99
Press and hold shift key and drag mouse from top to bottom.
Now background looks like this:


rename this layer as “Background“.
Create a new layer (Layer >> New >> Layer). Rename this layer as “Square“. Select “Rounded Rectangle tool” with 15px radius and set color to #bac014
Press and hold SHIFT key and draw a rounded square shape.


Right click “Square” layer and select Blending options. Apply following layer style to this rounded square shape.




Now our button looks like this:

Step 2:
Create a new layer. Rename the layer to “Ribbon“. Select “rectangle Tool” and set color to #023a5d
Draw a shape as show below.


Go to Edit >> Free Transform. And place as shown below.


Press and hold CTRL key and click on ribbon layer. This will load ribbon shape. Select “rectangular Marquee Tool” and select one end as shown in below image.


Press DEL key to delete the selection. Similar delete extra parts from other end.


Right click Ribbon later and select blending options. Apply following layer style to ribbon layer.




now our button looks like this:

Step 3:
Create a new layer just above background layer. Select “rectangle Tool” and set color to black. Draw a small shape at left end of ribbon, as shown below.


Similarly add another black shape on other end of ribbon.

Step 4:
Create a new layer. Select “text tool” and set color to white. Write some text. Use “Free Transform” to rotate the text and place the text just over the ribbon.


Step 5:
Create new layer. Select text tool and type PSYAG with white color


Apply following layer style to this text layer.




Now button looks like this:


Step 6:
Press and hold CTRL key and click on the “Square” layer. This will load rounded square layer.


Go to Select >> Modify >> Contract and contract the selection by 3px
Select “Rectangular Marquee tool” and make a selection as shown below.


Set foreground color to #4d2000 and background color to #943e00 Press and hold SHIFT key and drag mouse from top to bottom of the selection.


Step 7:
Create a new layer. Select text tool and type some text over below shape. Our button is ready. Below is the final image.


I hope you like the tutorial and you have not faced any trouble in understanding the tutorial.
Download PSD File FREE

Step 1:
Create a new document.


Select paint bucket tool and fill the layer with color #870202

Step 2:
Create a new layer. Select “Rectangular marquee tool” and draw a rectangle as shown in below image.

Select Gradient tool with foreground color #88a60e and background color #576d01
Press and hold shift key and drag mouse from bottom to top of rectangular selection. Now the image looks like this:

Step 3:
Select “Pen tool”.

Make a triangular shape as show below.


Right click on the line and select “make selection”.


Make selection with 0 radius.


Now press Del button to delete the selected area. Now it looks like this:


Step 4:
Right click the rectangle shape layer and select “Blending options”. Apply following layer style.




Now it looks like this:

Step 5:
Create a new layer. Select “text tool” and type some text in #f0f0f0 color.


Now go to Edit >> Transform >> Rotate 90 CCW
Now the text will appear vertical.


Apply following layer style to text layer.




Our ribbon is ready. Below is the final image.


I hope you like the tutorial. You can also download the PSD file of this tutorial free!!!
Download PSD File FREE