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

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

Illustrator CS4 Essential Training
Illustration by

Basic artwork mapping


From:

Illustrator CS4 Essential Training

with Mordy Golding

Video: Basic artwork mapping

One of the coolest things about working with 3D inside of Illustrator is the capability to take artwork, which is two-dimensional and then wrap it around the surface of a 3D object. That method is called Artwork Mapping. There are a few ground rules that you have to have in place before you can start doing Artwork Mapping though. Rule number one is you obviously need to first create a 3D object. Second of all, in order to map artwork onto a 3D surface, any mapped artwork must first be defined as a symbol. So we already know how to create symbols and define our own symbols. You will notice that in this document here it's called the artwork_mapping and you will find it inside of Chapter 14 of your exercise files. If I go to my Symbols panel, you will see that I have a symbol here called Highway Surf and the another one called Groundswell Logo and we are going to use these symbols and place them onto the surfboard here, which will turn it to 3D.
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

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 Essential Training
8h 25m Beginner Oct 13, 2008

Viewers: in countries Watching now:

Illustrator can be used to accomplish many different design tasks. For this reason, Illustrator CS4 Essential Training teaches core concepts and techniques that can be applied to any workflow for print, the web, or assets that will find their way into other applications. Mordy Golding explains the elements that make up vector graphics—paths, strokes, and fills—and shows how to use each of Illustrator's drawing tools. He demonstrates how to combine and clean up paths, and organize them into groups and layers. Mordy also covers text editing, working with color, expressive brush drawing, effects, and much more. Exercise files accompany the course.

Topics include:
  • Making efficient use of the Illustrator interface
  • Creating text on a path
  • Using the Magic Wand and Lasso selection tools
  • Working with a pressure-sensitive tablet
  • Applying 3D extrusions and resolves
  • Converting images to vectors with Live Trace
  • Exporting files for use in Photoshop, Flash, and other applications
Subject:
Design
Software:
Illustrator
Author:
Mordy Golding

Basic artwork mapping

One of the coolest things about working with 3D inside of Illustrator is the capability to take artwork, which is two-dimensional and then wrap it around the surface of a 3D object. That method is called Artwork Mapping. There are a few ground rules that you have to have in place before you can start doing Artwork Mapping though. Rule number one is you obviously need to first create a 3D object. Second of all, in order to map artwork onto a 3D surface, any mapped artwork must first be defined as a symbol. So we already know how to create symbols and define our own symbols. You will notice that in this document here it's called the artwork_mapping and you will find it inside of Chapter 14 of your exercise files. If I go to my Symbols panel, you will see that I have a symbol here called Highway Surf and the another one called Groundswell Logo and we are going to use these symbols and place them onto the surfboard here, which will turn it to 3D.

So for now I'm going to close the Symbols panel. I just want you to be aware where those symbols do exist right now in the file. I'm going to click on the particular surfboard, remember, we are going to be applying now an extrude effect to this particular surfboard to make it look like it's 3D. So what we are going to do is make sure that we have no Stroke applied to it, I'm going to apply a Fill color. You can change the Fill color if you'd like Remember, this is a live effect, so if you want to, at any time we can really change the color later, may be we will explore that shortly. What I'm going to do is I'm going to the Effect menu, choose 3D, Extrude & Bevel. I click on the Preview button and now I get that lovely effect. I'm going to go ahead and choose like this, let's make a little bit thinner, surfboard isn't that thick, let's do may be 25 points for example. Now we get a nice 3D look on that. We are also going to apply a rounded Bevel, which will give me a little bit more of a realistic effect on that particular surfboard.

May be I'll change the height of that Bevel to around 6 points. So now I get a beautiful round effect there and I have a surfboard that looks pretty much realistic. When you click OK, I'm going to move it just over to the side of the screen here so we can focus little bit more on the user interface for the 3D effect. So remember, this file already has a symbol applied to it. The symbol is a Groundswell logo and also the Highway Surf logo. Let's take a look now and see how we can apply that through this 3D shape. I'm going to start off by first coming here to the Appearance panel and clicking on the 3D Extrude & Bevel effect to edit that particular effect.

Again, I'll click on the Preview button to go ahead and see what that looks like. Notice that there is a button here called Map Art. I'm going to click on that button. Now when you work with Map Art, you basically now have the ability to see what the side of your object looks like, and what's going to happen is that as I'm going to choose a side, I can choose, which side I want to place the artwork onto. Now the way that this surfboard is created right now, I have a front face, but I also have the bottom of this surfboard, which I currently can't see right now. In fact, if I use these arrows here where it says Surface, I can toggle through the different surfaces that exist inside of my surfboard, for example, surface number 2 is the bottom. I can see that very easily inside of Illustrator because Illustrator helps me out. See how this is shaded dark, but if I go back to surface number 1 right now, surface number 1 is light over here, this particular gray area is a light gray. Here is the dark gray.

Well, Illustrator is letting me know by indicating the dark gray areas that those are parts or areas of the file that I currently cannot see. It will be able to map artwork onto that side but I won't be able to see it unless I go back to my 3D dialog box and change the rotation of 3D objects that I'd be able to see that bottom side of the surfboard. But for now I'm going to go back to Surface number 1. By the way, Illustrator also gives me a little bit of red highlight on the screen to help me identify where that side is in the particular 3D shape. Now what I want to do is I want to actually put the artwork on here. Now remember, I said before the artwork had to be defined as a symbol. If you go over here there is a pop-up list of all the symbols that are currently inside of your file. This is again one of the reasons why it's important that you have to first define your artwork as symbol. If you don't, then it won't show up in this list and then there is no way to get that artwork onto the surfboard in this example.

So let's first explore putting this Groundswell logo on there. I'm going to go ahead and click once and now you could see if I move this over here to the bottom a little bit so I can take a look that the logo now appears right on the surfboard. On the bottom over here there is an option called Shade Artwork. Now right now the artwork is not shaded at all, but if I click on this option, the lighting settings that I specify for this surfboard will now also affect the artwork that's mapped onto that surfboard. I'm going to click OK now, and I'm going to show you that if I go ahead and I now adjust this, the artwork is now literally stuck onto the side of that particular surfboard, and as I change the lighting settings, I can also see that that will be affecting the particular artwork. Now in this case, the artwork is black so I really don't see much of a difference but let's actually switch up the artwork with that other symbol.

Let's go over here to the Map Art option again and instead of this particular symbol, let's choose the other symbol here that I created called Highway Surf. See how that is now on the artboard there. I could position it anywhere I want to by moving it around here. I can even go ahead and rotate it so that it's facing a different area. Let's go ahead and rotate it like this. Let's put it right smacking the middle. Excellent! Now again, make sure the Shade Artwork button is checked, click OK, and now when I start to change the Shading options, you can see that I can adjust the artwork as well. Now the artwork is darker, now the artwork is lighter because it's taking on the Shading settings that I'm using for the overall 3D shapes.

So let's say, I do something like this, let's rotate my surfboard to look something, let's say, like that, may be a little bit more of an angle, click OK and that's how you can create a 3D shape using this artwork mapping feature. It's a wonderful way for you to create product markups or create realistic looking artwork with just a few clicks like we did here.

Find answers to the most frequently asked questions about Illustrator CS4 Essential Training.


Expand all | Collapse all
please wait ...
Q: I cannot get the new brush dropdown to allow me to create either a New Scatter Brush or a New Art Brush; the only ones I can click on are New Calligraphic Brush and New Pattern Brush. When I go to Windows > Brush Library and choose New Brush, again the only ones I can click on are New Calligraphic Brush and New Pattern Brush. How do I make these work like they should?
A: In order to create a new Scatter or Art brush, you must first have artwork selected on the artboard.
 
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 Essential Training.

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.