Simple ribbon in Photoshop

Posted in Web Graphics Tagged Under:

In this Photoshop tutorial, I will show you how to make a simple vertical ribbon in Adobe Photoshop.
Difficulty Level: Easy
Estimated Completion Time: 15 minutes

Below is the preview of final image.
simple-ribbon

Step 1:
Create a new document.
New document

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

17

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

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:
19

Step 3:
Select “Pen tool”.
pen tool

Make a triangular shape as show below.
21

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

Make selection with 0 radius.
23

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

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

26

Now it looks like this:
27
Step 5:
Create a new layer. Select “text tool” and type some text in #f0f0f0 color.
28

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

Apply following layer style to text layer.
30

31

Our ribbon is ready. Below is the final image.
simple-ribbon

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


You can leave a response below, or trackback from your own site.

1 ResponsesLeave a comment ?

  1. [...] the original post here: Simple ribbon in Photoshop « PSYAG- PhotoShop Yag | Latest … Share and [...]

Leave a Reply