Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022

Design Points n PixelS


Infographic Series - Making ribbons

10/14/2015

0 Comments

 
Lets create some ribbons and banners in Illustrator. As I have said in my other posts, this is easy. As all things are once you know how to do them!!! And this one is not exception. And it's fun as well.
Picture
Draw a rectangle, add a fill color and no stroke. ​
Duplicate the rectangle by using OPTION then click and drag to create a duplicate.
Then rotate the rectangle 90° by using the move tool, hovering over an active corner, hold SHIFT and then rotate.
Picture
Select and move the rectangle so they touch at the corners. Use the Smart Guides (View > Smart Guides or COMMAND + U) to make the corner points touch each other.
Fill one of the rectangles with a darker color.
Picture
The darker rectangle will end up being the back part of the ribbon.
Use the Direct Selection Tool to select the upper right corner of the lighter rectangle as shown above.
Hold the SHIFT key and move the single select point UP to meet the upper left of the darker rectangle.
Picture
Picture
Moving the point up to meet the corner, it gives the appearance of a folded ribbon, using the darker color to make it look like it is the part of the ribbon behind the front ribbon.
Picture
Final ribbon turns forward and back depending on which corner you bring to meet the other edge. 
This is great and simple, but it takes a few tries to make it go the right way that you want, but once you do, it looks super cool.
0 Comments



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022