ribbon banner tutorialWhat you'll be making:
The Steps1. Open a new document. Select your foreground color to what color you want it to be and then click on the Rectangle Tool (NOT the rectangular marquee tool). Draw your rectangle.
Rasterize the layer (Right click on the layer >> Rasterize). Duplicate the layer.
2. Hold in CTRL + T on your keyboard. The rectangle should be selected now. Drag the rectangle over from the middle left square (this way you're making the duplicated one smaller)
You shouldn't see a difference yet because we haven't moved the layer yet, so if everything looks the same it's ok.
Drag the duplicated layer under the OG rectangle layer. Move the little rectangle over some.
3. This part you can either use the Polygonal Lasso Tool, OR the pen tool. Set it up like this on the side of the duplicated layer.
Connect the points, right click inside, click "Make Selection >> OK.
Push the backspace key on your keyboard and it'll erase the area.
4. Duplicate the original rectangle. Change the color to a darker shade of whatever color you're using. Now, use the paint bucket tool to fill the new rectangle in with the darker shade.
Hold in CTRL + T on your keyboard. Do basically what you did in step 2.
5. Now take the polygonal lasso tool or the pen tool again and set it up like this:
Delete the selected area:
6. Drag the layer under the original layer, but above the ribbons layer.
Use the Move Tool to move it down below like this:
7. See how the dark area looks weird? Well Hold in CTRL + T on your keyboard again and move the bottom part this time. Like this:
Still looks weird. Now click on the ribbons layer. Hold in CTRL + T and then move the left part over to match up with the dark part.
Now I have this:
8. Merge the bottom 2 layers, duplicate the layer, click "Edit >> Transform >> Flip Horizontal." Use the Move Tool to move it directly to the opposite side.