Making Gradient Ribbon in Illustrator- Illustrator Tutorials

Making Gradient Ribbon in Illustrator

Welcome to the Illustrator guide for making a gradient ribbon! Ribbons may be a wonderful design component to incorporate into your projects, and you can give your design depth and dimension by using gradients. In this tutorial, we'll demonstrate the process of creating a straightforward ribbon with a gradient effect that you can modify to suit your design requirements. This tutorial will walk you through each step of making a lovely gradient ribbon in Illustrator, regardless of your level of experience. Let's begin!

Step #1: Make a Circle

Using the Ellipse tool create a circle by holding the Shift key and apply a linear gradient at 90°. Cut the Circle in Half and Duplicate

 

Making Gradient Ribbon in illustrator

 

 

Making Gradient Ribbon in illustrator  

 

With the Direct Selection tool (white arrow), choose the most right anchor point of the circle and press Delete. Click and drag 1/2 of the circle to the right holding both the Shift key and Option/Alt key. The Option/Alt key is to duplicate the object and the Shift key is to make sure that its shape stays horizontally perfect.

 Step #2:  Join the segments 

 

Making Gradient Ribbon in illustrator

 

 

 

 

Making Gradient Ribbon in illustrator

 

 


Drag a selection with the Direct Selection tool over the top most anchor points. Navigate to Object > Path > Join or hit Cmd/Ctrl + J. Perform the same step for the bottom anchor points too. Now you are very close to the shape.
Rotate duplicate at 180°

 

Making Gradient Ribbon in illustrator

 

 

Making Gradient Ribbon in illustrator

  

  

Step #3:  Turn on the Smart Guides

View > Smart Guides. Choose the Rotate tool and click precisely on the anchor point at the bottom right. Hold the Option/Alt key a window will appear. Enter a value of -180° and select Copy. Or you can also click without holding the Option/Alt key and drag the shape holding both the Option/Alt key and Shift key as shown in the image above.

 

Step #4:  Apply Gradient

Apply a new gradient by adjusting the bottom colour.
Rotate duplicate at 180° both objects

 

Making Gradient Ribbon in illustrator

 


With the Selection tool choose both the shapes. Click precisely on the bottom left anchor point. Do this again by holding the Option/Alt key and enter a value of -180° and hit Copy or drag ‘by hand’ holding both the Option/Alt key and Shift key.

 

Making Gradient Ribbon in illustrator

 

 

Making Gradient Ribbon in illustrator

 

 

 

Step #5: Adjust the gradient of both shapes.

The colour at the bottom of the shape that follows is the same at the top. This allows a smooth transition. Select both the duplicated shapes and click in the same spot again holding the Option/Alt key. Enter a value of 125% and click OK. Repeat this step if needed.

 

Making Gradient Ribbon in illustrator

  

 

 

Making Gradient Ribbon in illustrator

 

 

Don't miss out on this limited time offer!

Amazing illustration sale

Hire an Illustrator for Children's Books
Hire an illustrator from £59.00 £120.00
Hire an illustrator for your next project and receive custom-made, high-quality illustrations from our experienced team. We offer a wide range of illustration styles, from Book to Technical, and guarantee 100% unique artwork with a money-back guarantee. You'll also own all copyrights to the final artwork. If you need to hire an artist for more than 40 hours, please contact us for a special price.
Children's Book Illustration Services
Sample Book Illustration Services £25.00 £90.00
Looking to self-publish your book but don't know where to start? Try our Sample Illustration service for just £30 (was £90) and bring your characters and vision to life. If you love our quality and professionalism, sign up for our full children's book publishing package. Take advantage of this limited time offer and see what we can do for you!
Custom Tattoo Design Service
Custom Personalised Tattoo Design Service from £59.00 £120.00
Custom personalized tattoo design! Our experienced artists can help you create a tattoo that is as unique as you are. Our team of experts will collaborate with you to design artwork that expresses your personality, style, and vision. Fuel your self-expression and get inked today!
Educational Icon Design
Custom icon illustration service from £19.00 £40.00
Our icon illustration service provides 100% unique, custom-made icons to enhance the user experience of your digital products. Expertly crafted, our icons are perfect for use in logos, games, e-Learning, websites, apps, software, branding, and advertising. With unlimited revisions to the artwork and a first proof delivered within 2 working days, we guarantee your satisfaction.  If you need more than 10 icon designs, please contact us for a special price. Our price starts from £5
Mastercard PayPal Shop Pay SOFORT Visa