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.

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:

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
1 ResponsesLeave a comment ?
[...] the original post here: Simple ribbon in Photoshop « PSYAG- PhotoShop Yag | Latest … Share and [...]