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

Design Points n PixelS


3D Spiral

9/8/2019

1 Comment

 
Creating a 3D spiral look uses the 3D rendering along with Symbols. It is easier than it looks to create this cool 3D spiral.
Picture

Picture
Create a rectangle for a stripe.
Picture
Duplicate the rectangle to create a set of stripes. 
Picture
Use the Direct Selection tool to select the right edge and move the stripes up to create a slight angle to the lines. 

Picture
Open the Symbols Panel. Window >Symbols. Select all the stripes and drag them into the Symbols panel. The Symbol Options dialog will appear. Name the Symbol, choose Graphic as the Export Type and click OK. 
Picture
The Symbol of the stripes will appear in the Symbols panel. You can delete the original stripes you created as they are now saved as a Symbol.
Picture
Create another rectangle for the 3D Revolve.

Picture
Open the 3D under the Effects menu. Effects > 3D > Revolve. Click the Preview button to see the results. Click OK.
Picture
This will create a 360° rendering of the rectangle. Click in the Map Art... button next to the Preview box. 
Picture
The Map Art panel is where the stripes are mapped to the artwork. Use the arrows to cycle through the 3D surfaces until you get to the side of the render.

Picture
From the Symbol dropdown menu, choose the Stripe Symbols you created. (The only way to map artwork to a render is by way of Symbols.)
Picture
With the Symbol place in the Map Art window, you can position the Symbol to the art. 

Picture
To fit the stripes to the entire render, click the Scale to Fit button. 
Picture
Click the Invisible Geometry check box to make the 3D shape invisible, leaving just the stripes on the shape. ​Click OK.

Picture
Use the cube to rotate the shape to get the spiral effect at the desired angle. 
Picture
The end of the stripes may not line up when you are previewing the render.

Picture
Click on the Map Art… button and rotate the Symbol by hovering outside the corner and turning the stripes until the line ends end up aligning with their ends. There is no magic to this, it just takes a bit of patience and careful rotating. Click OK when done. 
Picture
Once the ends are lined up, this is the final render. Choose Object >Expand Appearance to render the object as editable shapes. The invisible shape the lines wrapped around is still there so that will need to be removed. Use the Direct Selection tool to find the edge of the Invisible shape, choose Select > Same > Fill Color to select all the invisible shapes, then delete them.

Picture
Ungroup the objects. You may have to ungroup them twice to be able to select the sets of lines. They are grouped in the front set, back set and the tail set. 
​
Picture
Add colors to the stripes to make it look like they wrap around in a 3D spiral.
1 Comment
Marathon
3/13/2022 08:17:05 pm

Simple directs effective Illustrator Teacher, 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