15
Feb
2013

Simple ribbon in Photoshop

Posted in: Photoshop , Comments Off

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 the 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

About the Author

Name: Ravi Shekhar
I love learning and sharing web stuffs.

Share this post

Twitter Facebook Google Buzz Digg StumbleUpon Delicious Technorati
Both comments and pings are currently closed.

Comments are closed.