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

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Applying basic 3D extrusions

From: Illustrator CS4 Essential Training

Video: Applying basic 3D extrusions

One of my favorite effects inside of Illustrator is the 3D effect. There's actually two main 3D effects: one of them is called Extrude and one of them is called Revolve. The Extrude effect basically allows you to start over the two dimensional object and then extend that object back into space whereas opposed to the other effect, the 3D Revolve effect, that allows you to take a regular shape or profile of a shape and then revolve it around an axis to create a 3D shape. Other people refer to that also as Leading. Let's first take a look at the Extrude effect inside of Illustrator. I have this file that I'm working on is called 3D_extrude; again you will find it in Chapter 14 of your exercise files. I'm going to go ahead and select this top shape right here, and it's important to realize that when you are working with 3D that you do not have a stroke applied to your object. We will talk more about this to get more into detail about the 3D effect. But for the most part, the way that Illustrator works is that it takes your fill and it actually extrudes that fill.

Applying basic 3D extrusions

One of my favorite effects inside of Illustrator is the 3D effect. There's actually two main 3D effects: one of them is called Extrude and one of them is called Revolve. The Extrude effect basically allows you to start over the two dimensional object and then extend that object back into space whereas opposed to the other effect, the 3D Revolve effect, that allows you to take a regular shape or profile of a shape and then revolve it around an axis to create a 3D shape. Other people refer to that also as Leading. Let's first take a look at the Extrude effect inside of Illustrator. I have this file that I'm working on is called 3D_extrude; again you will find it in Chapter 14 of your exercise files. I'm going to go ahead and select this top shape right here, and it's important to realize that when you are working with 3D that you do not have a stroke applied to your object. We will talk more about this to get more into detail about the 3D effect. But for the most part, the way that Illustrator works is that it takes your fill and it actually extrudes that fill.

If you also have a stroke, it actually extrudes the fill and the stroke, but since the stroke is on the outside of the object, the stroke covers up the fill. So you don't end up with the result that is necessarily the one that you will be looking for. More importantly it makes Illustrator work twice as hard, so as we will soon see in a minute there are certain cases where adding a stroke would be beneficial to you. But for now when I start up with the shape that has a fill but it does not have any stroke actually applied to it. I'm going to go ahead and just move my page over to the side a little bit, and I'm going to select this object right here, choose Effect, choose 3D and then choose Extrude & Bevel. So I'm going to go ahead and move this dialog box here.

When you open up this dialog box, when you click on the Preview button, you are able to see a 3D version of your artwork. Basically, you have a cube but that appears inside of this user interface, and this cube is almost like a trackball. If you click on it and start to drag, you will see the 3D representation of that artwork appear on your screen. Illustrator manages all the shading for you. In fact, what you are seeing right now is real 3D inside of Illustrator, and again from a vector standpoint. If you click on the button here called More options, you will see that you have the ability to change the Surface options or the lighting settings. For example, right now, there is light hitting the particular object from the top half right. But you can actually change that.

Here's a little tip; inside of Illustrator, if you hold down the Shift key while working with any of the commands inside of the 3D dialog box, that effect actually updates in real-time. So I'm holding the Shift key down on my keyboard and I'll click this light around, so you can see that I'm actually changing the lighting settings. See how it gets kind of lighter towards the Bottom. Now, I'm lighting it from the Bottom. Now I'm lighting it from the Top. So you can really choose how you want to light your object. Illustrator also supports the ability to have multiple lights. I can choose here to add another light and then adjust certain areas. I can make certain areas more bright than others. I'm going to go ahead and maybe remove one of these lights, and just bring one just back to the regular default setting.

You could also choose the Custom Rotation setting. For example, what does this object look like Off-Axis from the Right or Off-Axis maybe from the Bottom, so on and so forth. If you choose one of these options, which are direct, for example, Back, well this is what that artwork looks like directly from the back, so you don't really see the extrude area. I'm going to choose the Off-Axis Front, which is the default setting for 3D. Now the Extrude Depth basically allows you to determine how far back into space that object is extended. If I hold down the Shift key again, as I drag the slider, I could see that happening in real-time. Pretty cool! There is also a setting here for Perspective, which basically makes it appears if I have a camera lens that's getting really close to the object or further away, which provides some natural distortion.

Again if I hold the Shift key down, I'll be able to see the kind of distortion that's happening to that particular graphic. You notice that if I click OK for a second here, what happens is that I have this particular effect, which is a regular 2D shape that now is extruded back into space. If you want to think about it, so like I took a body here somewhat distorted it, send another copy of it to the back, and then connected them all with straight lines. Well, there is a setting inside of Illustrator called the Bevel. The Bevel allows me to connect the front and the back with a set of a straight line with some other kind of line. For example, if I click on the shape right now, notice by the way if I go into Outline mode, this is the way that the effects work. If you remember in the past, we learned that the effects don't change the underlying vector object; they only affect the appearance of that particular object. So the appearance of this object is 3D.

To edit that particular effect, I'll go to the APPEARANCE panel and click on the 3D Extrude & Bevel setting. I'll click Preview here. If I choose Bevel, for example, a complex bevel like this one here, and I click OK. We can now see that the connecting area between the front and the back has changed somewhat. So I get an effect that looks like that. There's a lot of cool things you can do with bevels inside of Illustrator. Let me go back here to this setting though. You may want to experiment also different lighting settings as you apply these 3D effects. I'm going to change the Bevel setting to be back to None and show you that there are few other things that you can do with the cube that appears right over here.

Notice that when I mouse over certain parts of the cube, they highlight. For example, it's highlighting here on blue or in green or in red. These colors match up to the indicators that appear here as well. So if I want to rotate this on a specific axis, I can click over here, and now when I move it, it only rotates on that particular axis. If I click on this edge over here, the cube can only rotate on that axis and not in any other direction. So if I get the artwork to look in a certain way that I want to, I can then fine-tune that by choosing to rotate the object only on one specific axis. Once I have gotten the 3D look that I'm looking for, I can click OK, and that's how you apply a 3D Extrude effect inside of Illustrator. But it's important to realize that light effects can be applied to text just as well they can applied to other objects. For example, here I have this word SURFING, if I click on it, I see it's a regular live text object. And if I go to the Effect menu, I could also choose 3D, Extrude & Bevel, and let's look on the Preview button. I can apply that 3D look to this text also. Here, the lighting becomes important as well.

Notice that, I can brighten up different parts of my text by adjusting the lighting settings. Again if I hold down the Shift key, I can see that happen as I move this around. So notice over here, I'm getting a very, very dark shadow on my extrusion because I have a very bright light kind of shinning right on the surface of this particular object. But you will notice that the front color over here is orange, as is the extruding color as well. This is actually one of those times when you may want to explore using a stroke in the 3D effect. I'm going to click on OK here, for example, and I'm going to go ahead right now for my stroke of my object and click on this, and change the color of that Stroke. For example, let's say I use a dark red color. If I choose that option, you will see that the 3D effect updates and now the extruded color is in red.

This gives you an idea of what's happening when you apply a 3D effect inside of Illustrator that has a stroke. The stroke is extruded as is the fill. We just can't really see the fill over here because the stroke is covering it. But when working inside of Illustrator, there maybe times when you want your extruded color to be different than their actual face color of your 3D object and this is certainly the way that you can achieve that. In fact, if you remember that you can actually apply multiple strokes to a single object, what would happen if you would add multiple strokes to this text object? Then, you have several layers of colors that would appear on here, which actually might be pretty cool.

Something for you to mess around with and play with in your free time.

Show transcript

This video is part of

Image for Illustrator CS4 Essential Training
Illustrator CS4 Essential Training

116 video lessons · 48439 viewers

Mordy Golding
Author

 
Expand all | Collapse all
  1. 59s
    1. Welcome
      59s
  2. 33m 17s
    1. Why use Illustrator?
      2m 22s
    2. What are vector graphics?
      8m 4s
    3. Understanding paths
      4m 13s
    4. Fill and Stroke attributes
      5m 32s
    5. Selections and stacking order
      8m 31s
    6. Isolation mode
      4m 35s
  3. 23m 43s
    1. The Welcome screen
      1m 11s
    2. New Document Profiles
      4m 36s
    3. Using multiple artboards
      7m 17s
    4. Libraries and content
      3m 52s
    5. Illustrator templates
      2m 56s
    6. Adding XMP metadata
      3m 51s
  4. 43m 55s
    1. Exploring panels
      4m 18s
    2. Using the Control panel
      5m 25s
    3. Navigating within a document
      5m 27s
    4. Using rulers and guides
      5m 23s
    5. Using grids
      2m 12s
    6. Utilizing the bounding box
      3m 3s
    7. Using Smart Guides
      4m 59s
    8. The Hide Edges command
      3m 31s
    9. Preview and Outline modes
      2m 18s
    10. Using workspaces
      7m 19s
  5. 38m 3s
    1. The importance of modifier keys
      1m 9s
    2. Drawing closed-path primitives
      7m 15s
    3. Drawing open-path primitives
      5m 5s
    4. Simple drawing with the Pen tool
      7m 28s
    5. Advanced drawing with the Pen tool
      10m 33s
    6. Drawing with the Pencil tool
      6m 33s
  6. 46m 37s
    1. Editing anchor points
      13m 7s
    2. Creating compound shapes
      5m 55s
    3. Utilizing Pathfinder functions
      5m 11s
    4. Joining and averaging paths
      5m 37s
    5. Outlining strokes
      3m 24s
    6. Simplifying paths
      5m 41s
    7. Using Offset Path
      2m 43s
    8. Dividing an object into a grid
      1m 41s
    9. Cleaning up errant paths
      3m 18s
  7. 35m 23s
    1. Creating point text
      4m 4s
    2. Creating area text
      4m 19s
    3. Applying basic character settings
      6m 27s
    4. Applying basic paragraph settings
      4m 4s
    5. Creating text threads
      5m 28s
    6. Creating text on open paths
      5m 18s
    7. Creating text on closed paths
      3m 57s
    8. Converting text to outlines
      1m 46s
  8. 20m 15s
    1. Using the basic selection tools
      7m 53s
    2. Using the Magic Wand and Lasso tools
      6m 34s
    3. Selecting objects by attribute
      2m 38s
    4. Saving and reusing selections
      3m 10s
  9. 40m 35s
    1. Using the Appearance panel
      6m 48s
    2. Targeting object attributes
      3m 26s
    3. Adding multiple attributes
      7m 6s
    4. Applying Live Effects
      8m 9s
    5. Expanding appearances
      4m 48s
    6. Appearance panel settings
      6m 51s
    7. Copying appearances
      3m 27s
  10. 37m 15s
    1. Defining groups
      7m 2s
    2. Editing groups
      5m 28s
    3. Working with layers
      8m 10s
    4. Layer and object hierarchy
      6m 57s
    5. Creating template layers
      2m 3s
    6. Object, group, and layer attributes
      7m 35s
  11. 44m 4s
    1. Applying colors
      3m 18s
    2. Creating solid color swatches
      4m 48s
    3. Creating global process swatches
      5m 1s
    4. Using spot color swatches
      4m 27s
    5. Creating swatch groups and libraries
      6m 50s
    6. Working with linear gradient fills
      6m 34s
    7. Working with radial gradient fills
      2m 19s
    8. Applying and manipulating pattern fills
      4m 51s
    9. Defining simple patterns
      5m 56s
  12. 22m 43s
    1. Moving and copying objects
      2m 1s
    2. Scaling objects
      4m 49s
    3. Rotating objects
      3m 14s
    4. Reflecting and skewing objects
      2m 27s
    5. Using the Free Transform tool
      2m 9s
    6. Aligning objects
      5m 15s
    7. Distributing objects
      2m 48s
  13. 25m 13s
    1. Using a pressure-sensitive tablet
      1m 38s
    2. Using the Calligraphic brush
      6m 10s
    3. Using the Scatter brush
      4m 0s
    4. Using the Art brush
      2m 26s
    5. Using the Pattern brush
      3m 21s
    6. Using the Paintbrush tool
      1m 41s
    7. Using the Blob Brush tool
      3m 42s
    8. Using the Eraser tool
      2m 15s
  14. 16m 36s
    1. Using symbols
      3m 9s
    2. Defining your own symbols
      2m 1s
    3. Editing symbols
      4m 4s
    4. Using the Symbol Sprayer tool
      2m 32s
    5. Using the Symbolism toolset
      4m 50s
  15. 35m 37s
    1. Minding your resolution settings
      6m 15s
    2. Applying basic 3D extrusions
      6m 43s
    3. Applying basic 3D revolves
      2m 31s
    4. Basic artwork mapping
      5m 9s
    5. Using the Stylize effects
      5m 35s
    6. Using the Scribble effect
      5m 43s
    7. Using the Warp effect
      3m 41s
  16. 21m 37s
    1. Placing images
      4m 51s
    2. Using the Links panel
      2m 47s
    3. The Edit Original workflow
      2m 0s
    4. Converting images to vectors with Live Trace
      5m 29s
    5. Rasterizing artwork
      1m 55s
    6. Cropping images with a mask
      4m 35s
  17. 10m 35s
    1. Saving your Illustrator document
      8m 18s
    2. Printing your Illustrator document
      2m 17s
  18. 6m 25s
    1. Exporting files for use in QuarkXPress
      1m 8s
    2. Exporting files for use in InDesign
      39s
    3. Exporting files for use in Word/Excel/PowerPoint
      45s
    4. Exporting files for use in Photoshop
      1m 25s
    5. Exporting files for use in Flash
      1m 15s
    6. Exporting files for use in After Effects
      19s
    7. Migrating from FreeHand
      54s
  19. 2m 23s
    1. Finding additional help
      2m 0s
    2. Goodbye
      23s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

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.