10 Great Ribbon Tutorials In Photoshop

in photoshop/Tutorials

Ribbon effect has been popular in web design. So in this article we list 10 ribbon tutorials in photoshop.

1. Create a Stitched Web Ribbon in Photoshop

In this quick tip tutorial we will show you how to create your own Ribbons.

2. Learn To Create Simple Vertical Social Ribbons

Social networking is bigger than ever, why not show off your social networks in style. In today’s tutorial I’ll be showing you how to create simple vertical social ribbons.

3. HOW TO: 3D Ribbon Effect In Photoshop

4. Web Design | (6) Photoshop Ribbon Tutorial

5. The Best Create a Ribbon Photoshop Tutorial

The ribbon is all the rage these days, it’s like a graphical “ribbon-sanity”! Well, maybe not, but it’s still a sweet skill to have in your graphic making tool kit. Ribbons are ultra versatile and seem to be everywhere in advertising and web design. From that slick new marketing piece, newsletter, or package design, a nicely placed ribbon can really spruce things up!

6. Create a 3D Ribbon Wrap-Around Effect

With the holidays are right around the corner, I though it might be fun to create a tutorial on the popular 3d Wrap-Around Ribbon effect that has been popping up so much this year. This is a great way to add depth to your designs, and it’s pretty darn easy to complete.

7. Satin Ribbon Tutorial

8. Fex Studios: Photoshop Ribbon Tutorial

9. Design a Slider with Ribbon Elements in Photoshop

In this tutorial we’ll learn how to design a slider with ribbon elements. Even though we’re using Photoshop CS6, you can easily use other versions by adding in the Stroke setting in the Blending Options instead. We’ll be using various methods and techniques to create this sleek slider!

10. Tutorial: CU Layered Folded Ribbons

These directions are for Photoshop, but they should work in PSE as well. Open a .PSD file for one of the CU Layered Folded Ribbons. If you are using a patterned paper, you may wish to resize it to fit the ribbon.

Recommend Tutorials

  • Adobe Photoshop CS6: Learn by Video: Core Training in Visual Communication

Recommended Book To Read

  • Smashing Photoshop CS5: 100 Professional Techniques (Smashing Magazine Book Series)
  • Photoshop CS6 Unlocked: 101 Tips, Tricks, and Techniques