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

Design Points n PixelS


INFOGRAPHIC SERIES - Paper Tape Rolls

4/1/2017

2 Comments

 
Creating dimensional curls in Illustrator can be a bit tricky, here is an easy to understand way to create them quickly and easily for a great infographic element. Add a gradient and you have a great dimensional look. Change the color and length to give different effects. Enjoy!
Picture

Picture
Click on the Spiral Tool in the Tool Bar then click on the document. This will open the dialog box. Set the spiral for 8 segments and clockwise direction. 
Picture
This will be the resulting spiral.
Picture
Rotate the spiral so the end tail will be at the lowest position.
Picture
Use the Pen Tool and click on the lowest point of the spiral. Hold SHIFT and clock to the left of the initial point, then up from that point, then back to the midpoint of the spiral as shown. This last point will not connect to the spiral.

Picture
Use the Direct Selection Tool and click on the top most point of the spiral. 
Picture
Copy and paste the point and it will result in this curve.
Picture
Duplicate the curves in line with each other. 
Picture
Select both curves and connect them using Object>Path>Join. COMAND + J. Do this twice to connect both side for a closed shape. 

Picture
Use the Direct Selection Tool and click on the bottom point of the spiral. 
Picture
Copy and paste the point and it will result in this curve. Duplicate the curves in line with each other. 
Picture
Select both curves and connect them using Object>Path>Join. COMAND + J. Do this twice to connect both side for a closed shape. 
Picture
Use the Direct Selection Tool and click on the top of the inside point of the spiral. 

Picture
Copy and paste the point and it will result in this curve. Duplicate the curves in line with each other. 
Picture
Select both curves and connect them using Object>Path>Join. COMAND + J. Do this twice to connect both side for a closed shape. 
Picture
This will be the 3 resulting closed shapes.
Picture
Fill the main shape with a gradient fill. 

Picture
Fill the 3 shapes with a gradient fill as well. 
Picture
Place the largest of the curved shapes on top and align it with the top of the spiral. 
Picture
Place the mid-size curved shape on top and align it with the bottom of the spiral. 
Picture
Send this shape behind the top shape and in front of the back shape.

Picture
Place the small curved shape on top and align it with the top of the inside of the spiral. 
Picture
Send this shape behind the top shape and in front of the back two shapes.
Picture
Select all the shapes and set the stroke to zero. 
Picture
Open the Gradient Panel. Window>Gradient.

Picture
Select the top curve and the middle curve (marked by the X) and reverse the gradient direction in the gradient panel. 
Picture
Select the small and middle curved objects and apply a drop shadow to them. Effect>Stylize>Drop Shadow.
Picture
This is the result of the shadows.
Picture
Select different gradient colors to create different looks and extend the ends to make a compelling infographic.
2 Comments
Darcel
4/22/2017 09:49:14 am

Please add me to your blog subscription list...I can't find the subscribe option on your site.
thanks,
Darcel

Reply
Nizamuddin Shaikh link
11/3/2018 04:00:52 am

Sir, I am your ardent fan. I am learning a lot from your blog. So far I have done about 57 exercises using your blog, since I want to learn designing in Illustrator.

When I created design on this page and exported it to JPG format, the black colour tape roll did not appear in the image leaving the space blank. Rest of the two rendered.

Am I doing anything wrong? Please guide me. Thanks.

Reply



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