New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Start learning with our library of video tutorials taught by experts. Get started

Illustrator CS4 Beyond the Basics
Illustration by

Extending the use of 3D in Illustrator


From:

Illustrator CS4 Beyond the Basics

with Mordy Golding

Video: Extending the use of 3D in Illustrator

One of the greatest things about working with Illustrator is that you can be as creative as you would like. In fact, there are so many features available to you. We have already seen how deep the 3D feature is alone, but that's only one part of Illustrator. So what really gets me excited about thinking about Illustrator is how I can actually tie all this creative features together. So in this particular movie, am going to offer you one example of how you could take the 3D feature and begin to extend or build upon that. Particularly, I want to show you how you can animate 3D inside of Illustrator. So notice I have a file here open and its called the animation, and even though you can't really see to my artboard, if I mouse over it, you can see that I have created an outline of this badge, and I want to be able to use this.
Expand all | Collapse all
  1. 2m 4s
    1. Welcome
      1m 41s
    2. Using the exercise files
      23s
  2. 33m 20s
    1. Introducing Live Paint
      38s
    2. Drawing in Illustrator
      4m 21s
    3. Creating a Live Paint group
      2m 54s
    4. Using the Live Paint Bucket tool
      3m 17s
    5. Using Live Paint with open paths
      2m 29s
    6. Detecting gaps in Live Paint groups
      4m 17s
    7. Adding paths to a Live Paint group
      3m 41s
    8. Using the Live Paint Selection tool
      5m 44s
    9. Releasing and expanding Live Paint groups
      2m 55s
    10. Understanding how Live Paint groups work
      3m 4s
  3. 49m 36s
    1. Introducing the trace options
      39s
    2. Setting expectations: Live Trace
      2m 26s
    3. Using the Live Trace feature
      1m 51s
    4. Understanding how Live Trace works
      5m 41s
    5. Making raster-based adjustments
      5m 52s
    6. Tracing with fills, strokes, or both
      2m 55s
    7. Making vector-based adjustments
      6m 12s
    8. Adjusting colors in Live Trace
      4m 39s
    9. Using Photoshop with Live Trace
      5m 22s
    10. Releasing and expanding Live Trace artwork
      2m 58s
    11. Saving and exporting Live Trace presets
      2m 36s
    12. Tracing in Batch mode with Adobe Bridge
      1m 35s
    13. Turning an image into mosaic tiles
      2m 28s
    14. Tracing an image manually
      4m 22s
  4. 1h 24m
    1. Introducing 3D
      33s
    2. Setting expectations: 3D in Illustrator
      2m 53s
    3. How fills and strokes affect 3D artwork
      4m 43s
    4. Applying the 3D Extrude & Bevel effect
      6m 25s
    5. Applying a bevel
      5m 40s
    6. Showing the hidden faces of a 3D object
      4m 49s
    7. Applying the 3D Revolve effect
      5m 22s
    8. Visualizing the revolve axis
      3m 5s
    9. Applying the 3D Rotate effect
      1m 35s
    10. Adjusting surface settings
      9m 33s
    11. Understanding the importance of 3D and groups
      3m 24s
    12. Preparing art for mapping
      10m 19s
    13. Mapping artwork to a 3D surface
      14m 21s
    14. Hiding geometry with 3D artwork mapping
      4m 0s
    15. Extending the use of 3D in Illustrator
      8m 7s
  5. 44m 37s
    1. Introducing transformations and effects
      32s
    2. Using the Transform panel
      12m 37s
    3. Repeating transformations
      5m 23s
    4. Using the Transform Each function
      3m 48s
    5. Using the Convert to Shape effects
      5m 49s
    6. Using the Distort & Transform effects
      5m 12s
    7. Using the Path effects
      6m 58s
    8. Using the Pathfinder effects
      4m 18s
  6. 28m 23s
    1. Introducing graphic styles
      33s
    2. Applying graphic styles
      10m 8s
    3. Defining graphic styles
      8m 46s
    4. Previewing graphic styles
      2m 10s
    5. Modifying graphic styles
      3m 30s
    6. Understanding graphic styles for text
      3m 16s
  7. 22m 49s
    1. Introducing advanced masking techniques
      32s
    2. Understanding clipping masks
      7m 15s
    3. Using layer clipping masks
      6m 30s
    4. Creating opacity masks
      8m 32s
  8. 1h 6m
    1. Introducing color
      40s
    2. Considering three types of color swatches
      7m 7s
    3. Managing color groups
      2m 58s
    4. Understanding the HSB color wheel
      3m 57s
    5. Understanding color harmonies
      2m 57s
    6. Using the color guide
      3m 54s
    7. Limiting the color guide
      3m 17s
    8. Modifying color with the Recolor Artwork feature
      6m 25s
    9. Using the Edit tab to adjust color
      5m 44s
    10. Using the Assign tab to replace colors
      8m 37s
    11. Making global color adjustments
      2m 17s
    12. Using Recolor options
      7m 3s
    13. Converting artwork to grayscale
      3m 23s
    14. Simulating artwork on different devices
      3m 18s
    15. Accessing Kuler directly from Illustrator
      2m 7s
    16. Ensuring high contrast for color-blind people
      2m 42s
  9. 53m 19s
    1. Introducing transparency
      40s
    2. Understanding transparency flattening
      2m 31s
    3. Exercising the two rules of transparency flattening
      10m 53s
    4. Understanding complex regions in transparency flattening
      4m 50s
    5. Exploring the transparency flattener settings
      8m 37s
    6. Using transparency flattening and object stacking order
      6m 39s
    7. Using the Flattener Preview panel
      6m 31s
    8. Creating and sharing Transparency Flattener presets
      2m 25s
    9. Working within an EPS workflow
      5m 3s
    10. Understanding the Illustrator and InDesign workflow
      5m 10s
  10. 50m 1s
    1. Introducing prepress and output
      23s
    2. Understanding resolutions
      8m 27s
    3. Discovering RGB and CMYK "gotchas"
      5m 42s
    4. Using Overprints and Overprint Preview
      7m 43s
    5. Understanding "book color" and proofing spot colors
      8m 1s
    6. Collecting vital information with Document Info
      2m 28s
    7. Previewing color separations onscreen
      1m 12s
    8. Making 3D artwork look good
      2m 16s
    9. Seeing white lines and knowing what to do about them
      2m 41s
    10. Creating "bulletproof" press-ready PDF files
      3m 45s
    11. Protecting content with secure PDFs
      2m 48s
    12. Using PDF presets
      2m 47s
    13. Moving forward: The Adobe PDF Print Engine
      1m 48s
  11. 35m 43s
    1. Introducing distortions
      27s
    2. Using the Warp effect
      4m 20s
    3. The Warp effect vs. envelope distortion
      3m 48s
    4. Applying the Make with Warp envelope distortion
      2m 45s
    5. Applying the Make with Mesh envelope distortion
      2m 41s
    6. Applying the Make with Top Object envelope distortion
      3m 45s
    7. Editing envelopes
      5m 0s
    8. Adjusting envelope settings
      4m 2s
    9. Releasing and expanding envelope distortions
      1m 44s
    10. Applying envelope distortions to text
      1m 27s
    11. Using the liquify distortion tools
      3m 5s
    12. Customizing the liquify tools
      2m 39s
  12. 28m 56s
    1. Introducing blends
      32s
    2. Blending two objects
      6m 18s
    3. Adjusting blend options
      5m 47s
    4. Blending anchor points
      5m 36s
    5. Blending three or more objects
      2m 9s
    6. Replacing the spine of a blend
      4m 32s
    7. Reversing the direction of a blend
      2m 15s
    8. Releasing and expanding a blend
      1m 47s
  13. 46m 54s
    1. Introducing charts and graphs
      35s
    2. Setting expectations: Graphs in Illustrator
      3m 19s
    3. Creating a chart
      8m 2s
    4. Importing data
      3m 34s
    5. Formatting data
      5m 1s
    6. Customizing a chart
      10m 21s
    7. Combining chart types
      2m 40s
    8. Creating graph designs
      6m 0s
    9. Styling and updating graphs
      5m 33s
    10. Ungrouping graphs
      1m 49s
  14. 26m 36s
    1. Introducing Gradient Mesh
      23s
    2. Understanding the Gradient Mesh feature
      9m 34s
    3. Using Gradient Mesh to add contoured shading
      6m 14s
    4. Using Gradient Mesh to create photorealistic effects
      10m 25s
  15. 8m 18s
    1. Introducing flare effects
      25s
    2. Drawing a lens flare
      3m 28s
    3. Modifying a lens flare
      1m 27s
    4. Using a mask with lens flares
      2m 58s
  16. 29s
    1. Goodbye
      29s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Illustrator CS4 Beyond the Basics
9h 42m Intermediate Apr 03, 2009

Viewers: in countries Watching now:

Covering a wide range of topics, from advanced masking to chart creation, Illustrator CS4 Beyond the Basics reveals a whole new level of power, creativity, and efficiency with Illustrator. Instructor Mordy Golding explores how to work with Live Paint groups, get the most out of the Live Trace feature, and take advantage of Illustrator’s wide range of effects. He also discusses advanced transformation techniques, powerful 3D functionality, and important color concepts. Exercise files accompany the course.

Topics include:
  • Tracing artwork both automatically and manually
  • Mapping artwork to complex 3D surfaces
  • Using pressure-sensitive distortion tools
  • Recoloring artwork across a document
  • Using Excel data to create charts and graphs
  • Understanding how transparency really works
  • Creating high-quality, press-ready PDFs
  • Building efficient files with graphic styles
Subject:
Design
Software:
Illustrator
Author:
Mordy Golding

Extending the use of 3D in Illustrator

One of the greatest things about working with Illustrator is that you can be as creative as you would like. In fact, there are so many features available to you. We have already seen how deep the 3D feature is alone, but that's only one part of Illustrator. So what really gets me excited about thinking about Illustrator is how I can actually tie all this creative features together. So in this particular movie, am going to offer you one example of how you could take the 3D feature and begin to extend or build upon that. Particularly, I want to show you how you can animate 3D inside of Illustrator. So notice I have a file here open and its called the animation, and even though you can't really see to my artboard, if I mouse over it, you can see that I have created an outline of this badge, and I want to be able to use this.

Remember, this is a sign that we are using in all of our materials here for the Groundswell website. I actually want to go ahead and create some kind of a rotating badge that I could have displayed somewhere on my web page to kind of attract the attention, to draw it maybe towards some particular aspect of my site. So what I have here is just a regular plain shape. I have also already defined two symbols, and this symbol over here is simply this artwork here that would be put onto that particular face of that particular sign. Then if I go ahead and I exit this particular symbol and I look at this symbol, it's the exact same sign but it's the reverse. And in a minute I'll explain to you why I created these two.

Now I'm just going to exit over here. I'm going to take this regular object, its filled white, and what I'm going to do is I'm simply going to go over here to the Effect menu, I'm going to choose 3D, and we are going to apply the Extrude & Bevel setting. I will click on the Preview setting here so I could see what's happening. I have my shape here. The Extrude Depth is perfect for me, but what I want to do is I want to kind of round the edges a little bit, to kind of soften it up somewhat. So I'm going to apply the Rounded Bevel settings. I'm going to scroll down over here and let's go ahead and choose the Rounded setting. I am going to leave the Height set to 4 point. Now I have this nice smooth setting. Instead of the Plastic Shading, I'm simply going to use Diffuse Shading. I don't need to have any highlights. I just want to create this badge that kind of rotates. That looks kind of cool.

So now what I'm going to do is I'm going to go over here and I want to map some artwork to my shape. So I'm going to go to the Map Art setting right here. It brings up the Map Art dialog box. Now, one of the things to note, I now have 38 different surfaces. This is because I have applied the Bevel, and the Bevel kind of blends this into many, many different shapes. So I have a front and I have a back, and instead of just having a side over here, I actually have many, many different gradations of sides that are here as well. I don't even need to go there, because I'm simply going to map artwork to the front face of the object, which is right here. I'll choose the Front setting, and notice that now gets applied very nicely. I'll choose the Shade Artwork setting to make sure that I get the shading that I want on my artwork.

Now, what I'm going to do is I'm going to go to the back surface, which is the next side, over here. Notice over here it's shaded dark, which means that it's currently hidden from view. It's in the back of the shape, and I'll apply the Back one here. Now, the reason why I created a Back one that's backwards is because Illustrator, when its working with a shape in the back over here, even though its applying it to the back surface, it always applies the artwork facing towards you right here. So that would mean that the artwork, when I display it and I rotate it would appear the wrong way. So what I have done is I have kind of created a backwards piece of art that I'm going to map to the back surface, so that when I do rotate it into view, it will appear correct. So this is again something you should think about when you are creating your symbols as well.

For example, a cube. If you create a six -sided cube, the artwork that you would want to put on the back face of the cube should actually be done backwards, because that way it will appear correct when you rotate it into view. So now I'm going to choose OK; and before I click OK, I'm going to change the position so that I can view it straight from the front. I'm going to click OK, and now I'm viewing this particular symbol here, this nice 3D shape that I have created from the front. Now what I'm going to do is I'm actually going to create a duplicate of this object, because what I want is I actually want to create a blend. One of the cool things about Illustrator is that you have this feature called Blend that allows you to blend one object into another, but when you are working with 3D effects, Illustrator not only just blends the shapes to each other, it actually morphs the 3D effect, which will allow us eventually to create the steps necessary for an animation.

So what I'm going to do over here, if I look at my Layers panel here, I see I have one path that I have created. That's all that's right here. Remember it's a single path that has that symbol mapped onto its surface. Now what I'm going to do is I'm going to go to the Edit menu, I'm going to choose Copy, and then I'm going to choose something here called Paste in Front. So now I have basically created a copy directly here in front. The keyboard shortcut to do this a little bit faster would be Command+C and Command+F for Command copy and paste in front. On the Windows machine, it will be Ctrl+C and then Ctrl+F. Important keyboard shortcuts to know because you will probably use it quite often.

So now I have two symbols, and they are both kind of stacked on top of each other. If I move one away here, you can actually see that I have this one here. Then press Undo. I'm going to select both of them. I now have two regular plain paths, which have a 3D effect applied to them, and Artwork Mapping as well, and I'm now going to take those two shapes and blend them together. I am going to go to the Object menu. I'm going to choose Blend, and then I'll choose to make a blend. Now, Illustrator is going to go ahead and take those two symbols and blend them into each other. Now, what I'm going to do is basically go ahead here and highlight just this top object. I'm just going to select the top object right now on this particular path and I'm going to edit its 3D effect. Because right now both these objects, we are looking at it straight from the front. What I'm going to do is I'm going to say I want to look at this particular one from the back.

I'm going to click OK. Now, the blend will update itself. I can actually go ahead here and close this particular layer here, so that I just see the blend itself. What Illustrator is doing basically now is its actually creating a blend from the front to the back. I haven't changed the position of this, so it's basically staying in place, but I now have a blend that has the artwork as it appears in the front and then any of the steps basically that needs to get to the back. How many steps? Well, I can actually define that when I actually work with the Blend. Again, I'll just select right now this artwork. I'll go to the Object menu, and I'll choose Blend, Blend Options. Now, you could see I have 12 steps in my blend, which is perfect for here. If I wanted to have a smoother animation, I would add more steps to my blend, but that again would also increase the file size.

So I'm going to leave it set to 12, I'm going to click OK, and now I'm ready to create my animation. Now, Illustrator itself does not have any animation capabilities. A program like Flash, for example, does, but Illustrator itself doesn't. In fact, the program Flash creates animation with a timeline, and you have these frames in a timeline. Illustrator doesn't have any timeline, doesn't have any frames, but Illustrator does have layers. So Illustrator does offer the option basically, when you save your file, to make believe that all of your layers are actually going to be turned into frames, and in doing so, Illustrator can create a Flash animation directly out of Illustrator. So let's take a look at how we do that.

I am going to go to my Layers panel. I'm actually going to deselect my artwork. What I'm about to do right now is a function of the layers; it's not a function of the artwork itself. I'm simply going to go out and highlight the blend in my Layers panel. From the Layers panel menu, I'm going to choose an option here called Release to Layers; again, because I have now highlighted the blend in my Layers panel, I could choose to basically take every step of that blend and put them onto its own layer, and now that I'll have my own layers, I'll be able to turn those into frames for an animation. So I'm going to choose to Release to Layers as a Sequence. A Build will basically add each one in the frame. Sequence would make it appear as if it's actually moving. So we are going to go ahead and choose the Sequence option.

Notice that now every step that was my blend now got turned into its own little layer. So now I'm ready to go ahead and actually export my animation. I'm going to go to the File menu, I'm going to choose Save for Web & Devices, and from their Preset Settings right over here, instead of choosing the GIF option, I'm going to choose to export my file in the SWF or Flash file format. In doing so, you could choose to have your entire Illustrator file exported as a single Flash file, or as we were discussing before, I could tell Illustrator to basically turn all of my layers into individual Flash frames. That would now generate an animation.

I can loop that animation. I'll leave the Frame Rate set to 12 frames per second, and now I'll simply go click on this button over here, which is called Preview in Browser; that's actually going to launch my web browser and show me what this animation would look like. I can now see that I have created this animation. Again, I had to actually take the artwork that I mapped onto the back surface and reverse that, as I showed you, because otherwise I would see one side that's completely backwards. Now I basically have this badge that rotates. That looks really cool here. But again, this is just a simple way and one idea of how you can take the 3D effect and build upon it inside of Illustrator. Think about how you can work with transparency, think about enveloping effects, distortion effects. There is all kinds of things that you can do inside of Illustrator with 3D, but this is one really great and cool example that you can do, by animating a 3D object for putting on your website.

There are currently no FAQs about Illustrator CS4 Beyond the Basics.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

join now Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Illustrator CS4 Beyond the Basics.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Notes cannot be added for locked videos.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.