Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now

What are vector graphics?

What are vector graphics? provides you with in-depth training on Design. Taught by Mordy Golding as … Show More

Illustrator CS4 Essential Training

with Mordy Golding

Video: What are vector graphics?

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

please wait ...
What are vector graphics?
Video duration: 8m 4s 8h 21m Beginner


What are vector graphics? provides you with in-depth training on Design. Taught by Mordy Golding as part of the Illustrator CS4 Essential Training


What are vector graphics?

Before we go any further let's take a moment to really understand what a vector graphic is. Now, the term vector is tossed around a lot especially in the world of graphics and not everyone has a core understanding of what that means and again, the more that you know about how Illustrator works, the better you can take advantage of its features and functionality later on. Now when we talk about vectors, we are usually comparing it to something else called pixel-based graphics. So let's get those terms down from in here. We have something called pixel-based or raster-based images. Sometimes they are also called bitmaps. Those are the kinds of graphics that a program say like Photoshop creates.

Then again, you have vector graphics or object-based graphics. Those are the kind of graphics that Illustrator creates. So let's see exactly what that means. I'm using a file here called If you have access to the exercise files, you'll find it there in Chapter 1. What I'm going to do is I'm going to go to my Layers panel here and turn on this first layer called Grid. So let's imagine just a sheet of graph paper for a moment. You have a whole bunch of basically these little squares, and if you think about it in mathematical terms, and I know I'm not a big math person, I don't like talking about math, but that's the core understanding of what these graphics are and that we are doing with computers here.

So basically imagine you have the sheet of graph paper and each square represents a little dot that you can color in. Now imagine you had a bunch of magic markers and you wanted to draw some kind of a picture, and the rules of the game are that you have to fill in each particular square on that grid completely with only one color. You can't have two colors within the same box and you also can't have a box that's only half-filled with colors. So every box itself has to have some kind of color attributed to it, and if you looked at it right now I would basically say that every box in that grid is still white. This is the way that Photoshop works, through pixel-based graphics.

A raster, basically, the definition of raster would be number of boxes width, and number of boxes height. So basically you can see I have a whole range of boxes from left to right here and a whole bunch of range of boxes from top to bottom. Now going ahead and coloring each of these in, I can then create a graphic. Now I'm going to go over here to where it says raster. I'm going to turn on the raster layer. So this is basically how you might go about creating a graphic or a raster image let's say inside of Photoshop for example. I'm exaggerating these pixels here, but basically at the core part of how Photoshop works, you have a grid and each of those elements or those dots inside of that grid, which we refer to as pixels, is filled with a color. And again, like we said before, you can't have a pixel that is half filled or that contains more than one color.

A pixel can only contain one color. Now as you see right now, I have these boxes that are filled in black. These are filled white and these are filled with this orange color, and I'm trying to create an image of maybe a surfboard. Doesn't look that great, but that's because this particular image here has what we call a low resolution. Resolution refers to basically the number of squares that you have in your grid. So you may have heard, let's say for example, digital camera's have something called megapixels. How many megapixels? 5 megapixels, 10 megapixels, so on and so forth. Well, basically a pixel is the smallest dot or size of a square that you can fill in with a color. Megapixels refer to the thousands or millions of pixels basically that you have in a particular image.

Now obviously, if I cram a whole bunch of pixels into an image, these boxes start to get smaller and smaller. So that would allow me to have more and more detail in my image. Now if I would for example have a digital camera that had a resolution of 100x100 for example or something like that, you would get very, very big blocky squares that I'm seeing right here. Now if you have an expensive camera that has many megapixels, then of course those pixels are so tiny that the human eye doesn't really pick up on them and therefore, it appears if it's a regular photograph that has all those continuous tone, but really down at the bottom of the core of that are each of these pixels. And the reason why that's important to us as designers or people who use graphics is that when you start to enlarge those photographs, then those pixels start to come into view.

You may have noticed that when you're using a program like Photoshop,and you have an image, that image maybe set at a certain resolution. It may look great at the resolution that it was created at, but if you want to enlarge their graphic, then these boxes start to become visible. Just for example, if I zoom out for a second here you might see that that particular piece of artwork starts to look a little bit more smoother, and again it's a very low resolution, just exaggerated. Imagine that little message on the cereal boxes that says "Enlarged to Show a Texture," right? They just want you to be able to understand and see what this particular raster image is. But if I zoom in really close as I get bigger, basically when you enlarge a Photoshop file, it's not adding more pixels, it's basically taking those pixels and just making those pixels bigger and bigger. So now the squares just get bigger and I see them. So let's contrast this now with vector graphics.

So I'm going to turn off the Raster layer here in my Layers panel. I'm going to turn on the Vector layer. So now what I'm seeing here is the way that vectors work. Vectors are all based with math. I'm taking that exact same grid. I'm taking that coordinate system basically. I have X number of boxes, X number of boxes, but instead of actually having to fill in each of these individual pixels, what I'm doing is I'm plotting anchor points and these boxes that I have right here are the areas where you might see those to your anchor points. And those anchor points define the area where that shape is going to be and you have basically a path that gets drawn through those particular anchor points.

We'll talk more about how you create those paths and the settings for what makes them curve and how much do they curve and when it's a straight line, we'll deal with that later, but for now, it's important to understand the core concept that these dots that I have right here are anchor points that are basically points plotted on a grid. And you took Geometry in school, you know that when you have let's say a graph, you can plot a certain point and that point has a coordinate. For example, if you have an X and a Y axis that this particular point may have a specific coordinate of X-20 and Y-35 ,or something like that.

Now the reason why that's important is that if I decide now that I want to enlarge or scale this particular graphic, what Illustrator something does is that it takes that math and it just enlarges that particular image or those anchor points and it re-plots them and it recalculates using math where those belong on a grid. So you can basically take any graphic that you create inside of Illustrator, and you can scale it to any size, that's whatever I mean you could take, is the size of literally a postage stamp and enlarge it to be the size to fit onto the size of a blimp, and you have no loss in detail whatsoever. There is no blocking and there is no chunks; there are no pixels that come into play here.

One other benefit of working with vector images is that when it comes time to actually saving your file, in general, vector graphics tend to be smaller in file size, or I guess you can say, more easier to deal with and that's again because of how these files are saved. You can think about it, the way that Illustrator saves this file from mathematical standpoint, it just remembers the coordinates of this anchor point, this anchor point, this anchor point, this anchor point, and the two attributes, which are what we call the Stroke color and the Fill color, and we'll talk about that shortly. But for now, basically that's all that a particular file for Illustrator needs to be calculated by. A Photoshop document, however, needs to take account basically at every single pixel that exists in the file, whether or not it's painted or not. I mean, again, this would be white and let's go back to the raster image for a second here.

With Photoshop would need to do is memorize, okay, pixel number one is white, pixel number two is white, pixel number three is white, pixel number four is white, down the line throughout the whole particular image, and obviously if you think about images that have megapixels, remember? So many more pixels in the file that it has to keep tabs on what each of those particular pixels are colored. That's when a Photoshop file start to grow in size and they get to be hundreds of megabytes or even gigabytes in size. So finally, I'm just going back to the vector graphic here for a minute and I'll turn off the raster layer here. Another name for vector graphics is something called object-based graphics. And again, that's simply because of the way that Illustrator works. Because this is defined as a shape by these anchor points in this particular path here, it's not like I just have a whole bunch of pixels that live in the same area. If I click on this object right now, I see that the entire object as a whole gets selected and that's another reason why vector graphics are often referred to as object-based graphics, because I'm not working with a whole bunch of individual pixels; I'm working with an object and that object that I'm working with can have attributes so on and so forth.

So now that we have this core understanding of what a vector graphic is, let's take a look and understand exactly what these paths are, how they are created, how they are stored and the way that I can actually interact with that.

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.





Don't show this message again
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.

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 Already a member? Log in

* Estimated file size

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


You have completed Illustrator CS4 Essential Training.

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


Upgrade to View Courses Offline


With our new Desktop App, Annual Premium Members can download courses for Internet-free viewing.

Upgrade Now

After upgrading, download Desktop App Here.

Become a Member and Create Custom Playlists

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

Get started

Already a member?

Log in

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:

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.

You started this assessment previously and didn’t complete it.

You can pick up where you left off, or start over.

Resume Start over

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Thanks for signing up.

We’ll send you a confirmation email shortly.

Sign up and receive emails about 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

Sign up and receive emails about 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.