Ribbon Tutorial
![](https://pixeldigest.com/wp-content/uploads/2021/03/ben-white-1ujXUwqLfO8-unsplash-780x470.jpg)
Learn how to create a simple ribbon using adobe Photoshop. It is a simple effect for beginners using rectangular shapes and different shades of one color.
![](https://pixeldigest.com/wp-content/uploads/2021/03/19-300x56-1.jpg)
Step 1:
Create a new document. Create a new layer an name it, Ribbon1. First click on the “Rectangle Tool” shown below.
![](https://pixeldigest.com/wp-content/uploads/2021/03/37.jpg)
When you select the “Rectangle Tool” the menu below will come up. Make sure the option you selected is the same as in the screenshot.
![](https://pixeldigest.com/wp-content/uploads/2021/03/26-300x20-1.jpg)
Create the rectangle shown below using this color #474ca0.
![](https://pixeldigest.com/wp-content/uploads/2021/03/46-300x54-1.jpg)
Create a new layer below the previous layer and name it Ribbon Mid, using the dark blue color below #2a2b6a. Create the rectangle shown
![](https://pixeldigest.com/wp-content/uploads/2021/03/55.jpg)
Click on the Polygonal Lasso Tool
![](https://pixeldigest.com/wp-content/uploads/2021/03/63.jpg)
Make sure that the new selection option is selected
Using the Polygonal Lasso Tool draw the selection shown.
![](https://pixeldigest.com/wp-content/uploads/2021/03/73-300x23-1.jpg)
![](https://pixeldigest.com/wp-content/uploads/2021/03/83.jpg)
After you complete the selection press delete and you should have the example below
![](https://pixeldigest.com/wp-content/uploads/2021/03/92.jpg)
Now position the shape to get the effect below.
![](https://pixeldigest.com/wp-content/uploads/2021/03/102-300x58-1.jpg)
Step2:
Create a new layer below the Ribbon1 and Ribbon Mid-layers, you can name this Ribbon End. Change the foreground color to #393934. Click on the Rectangle Tool and create the rectangle shown.
![](https://pixeldigest.com/wp-content/uploads/2021/03/122.jpg)
Create a New Layer above the Ribbon End layer.
Click on the custom shape tool and select the arrow shape shown below.
![](https://pixeldigest.com/wp-content/uploads/2021/03/132.jpg)
Using the Chop Tool right click on the shape as show and rotate it.
![](https://pixeldigest.com/wp-content/uploads/2021/03/152-300x206-1.jpg)
You can rotate the shape by changing the angel to -90
![](https://pixeldigest.com/wp-content/uploads/2021/03/162-300x16-1.jpg)
Click enter or the check to commit to the change.
![](https://pixeldigest.com/wp-content/uploads/2021/03/171.jpg)
Position the shape and click on the layer to select the shape as shown below.
![](https://pixeldigest.com/wp-content/uploads/2021/03/181.jpg)
Now press Delete on your keyboard. Doing this will give you the effect below.
![](https://pixeldigest.com/wp-content/uploads/2021/03/191.jpg)
Position this to get the effect below and you are finished.
![](https://pixeldigest.com/wp-content/uploads/2021/03/19-300x56-1.jpg)