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

Selections and stacking order

From: Illustrator CS4 Essential Training

Video: Selections and stacking order

A key concept in working with vector graphics is something called selections and stacking order. So let's take a look at both of these. I have a file open right now. It's called selections stacking; you'll find it in Chapter 1 of your exercise files if you have access to those. And I have basically three surfboard designs right here. Now let's say I wanted to change one of those particular colors in the let's say the orange surfboard. But I can't just choose a different color than orange because how does Illustrator know which surfboard I'm referring to? So the act of actually making a selection becomes very important inside of Illustrator, because it's really the only way that you can interface and give instructions to Illustrator with regards to which graphics you want to work with or which shape in your file you want to work with. Now let's, for example, contrast this with maybe a program like Photoshop for example. Photoshop, as we discussed before, relies on the use of pixels and each individual pixel has a color. If you wanted changed the color of a blue sky in a photograph, you couldn't select the sky as a whole because each pixel in that sky is its own entity and in reality in a real continuous tone photographic nature or environment, every pixel may have a little bit of a different shade of blue so you can't even tell Photoshop to necessarily select just all the blue pixels. Remember with Illustrator we're dealing with objects.

Selections and stacking order

A key concept in working with vector graphics is something called selections and stacking order. So let's take a look at both of these. I have a file open right now. It's called selections stacking; you'll find it in Chapter 1 of your exercise files if you have access to those. And I have basically three surfboard designs right here. Now let's say I wanted to change one of those particular colors in the let's say the orange surfboard. But I can't just choose a different color than orange because how does Illustrator know which surfboard I'm referring to? So the act of actually making a selection becomes very important inside of Illustrator, because it's really the only way that you can interface and give instructions to Illustrator with regards to which graphics you want to work with or which shape in your file you want to work with. Now let's, for example, contrast this with maybe a program like Photoshop for example. Photoshop, as we discussed before, relies on the use of pixels and each individual pixel has a color. If you wanted changed the color of a blue sky in a photograph, you couldn't select the sky as a whole because each pixel in that sky is its own entity and in reality in a real continuous tone photographic nature or environment, every pixel may have a little bit of a different shade of blue so you can't even tell Photoshop to necessarily select just all the blue pixels. Remember with Illustrator we're dealing with objects.

So making selections in Illustrator can be a lot easier. For example, I'll use my tool over here, this regular black arrow tool called the Selection tool, and I can simply click on this surfboard. In doing so, I now have selected that and when I do so, I'll see now that the attributes of that particular object are now highlighted so now I could change that for example to yellow. So that's one thing I can do as far as selections. I do want to point out though that these particular surfboards are a little different. For example this one is this one is just one particular shape on its own. This one over here is actually a group of several shapes and this is a group of even more shapes. Now we group things together so we can move them very easily. For example, again I'm using the Selection tool here, the regular black arrow tool inside of Illustrator and I can actually move this entire surfboard with all the elements together. Let's say though, I just wanted to move just this blue shape somewhere off, maybe I want to offset it just a drop. How can I do that? Well Illustrator has another selection tool called the Direct Selection tool. So this tool is what we call the Selection tool. The tool right beneath it or sometimes beside it, depending on what your layout is inside of Illustrator, is going to be the Direct Selection tool or the white arrow. When I click on that, I now have the ability to select individual parts of a group and I can now move that independently of the entire surfboard artwork in general. So again, the regular Selection tool, when I click on say a group, will select the entire group whereas the Direct Selection tool will let me drill down and select parts of that particular group and modify those shapes individually. Now in the next video we're going to talk about something called Isolation mode, which makes this process a little bit easier, but it's important to realize that people who've been using Illustrator for very long time, they are basically in the habit of using keyboard shortcuts to help move between these two different tools because it can get tiring by going back to these particular tools, back and forth. It can be very annoying to work with that. So there is some intelligence built into Illustrator and how that works. Let me show you basically the difference between these two arrows, not on groups, but actually working with a single object. So as I showed your before, if I take my regular black arrow tool I call it the black arrow tool but it's been called a solid arrow and the hollow arrow. You can really call it anything you want to for that matter. But if I click on this particular shape right here, again, I can click on the edge over here and I can drag this out.

Even if I click on say, just the tip of the surfboard right here, with the anchor point there, I can go ahead and I can scale it because I have what we call the bounding box here and I can stretch that if I want to. But if I wanted to let's say click on one point over here, I can't really click on one point. The entire surfboard moves as a whole. But if I switch now to the Direct Selection tool and I click let's the say this point right here-- notice how that highlights when I mouse over that ? Soon as I click and I drag I can move just that one anchor point. You'll see the control handles right here. So the Direct Selection tool not only allows me to edit individual parts of the group, it will also allow me to edit individual anchor points on a path, which is something that the Direct Selection tool can do, but the regular Selection tool cannot do. The regular Selection tool only selects all the anchor points at one time on a particular path that's there. So let's circle this around now one whole concept of how the selections work. Let's say I'm working with the regular Selection tool. I'm working with this shape right here and I realize, you know what I really want to edit that particular point. Well, you don't need to go ahead and switch manually to the other tool because if you're using a keyboard shortcut, hold down the Command key on my keyboard. I'm on a Mac but if you're on a PC, hold down the Ctrl key. And you see how my arrow, which is a black arrow now, turns to the white arrow. So this is a keyboard shortcut that power users know. They work with this all the time inside of Illustrator. The Command key or the Ctrl key is actually one most powerful keyboard shortcuts to know inside Illustrator. It allows you to toggle between the two arrows because those are the things that you use most often. So if I'm working on this particular surfboard and moving it around, mow I realize I want to go ahead and I want to just adjust the corner. I'm going to press and hold the Command key-- again, the Ctrl key if you're on Windows. And I'll click once now to select it.

Now just an anchor point is selected. If we take a closer look see how these are filled like they're hollow, they're white. But this has a color on it. That means that that one is selected. I can now click and drag just to move that one that's there. So I don't have to physically go ahead to the toolbox, keep going back and switching the two tools I can use the keyboard basically to make that happen. Now when it comes to selecting objects there could be times when I want to select more than just one object. So here's how you select multiple objects. If I click on one object right now, I'm using the black arrow, I select an entire object. If I hold down the Shift key and I click on the second shape right over here, this surfboard, that adds to my selection and now both surfboards have been selected. If I move them now you see they both move together. The Shift key is actually a toggle. It allows me to add items to a selection by a Shift-clicking on other objects but at the same time, if I Shift-click on an object that is already selected then that Shift key deselects that object. So for example if I realize, oh! I just want to move this yellow surfboard on its own, I can once again Shift-click on the surfboard and now that is removed from my selection. So let's just kind of review on this one more time. If I click once on this to select this one, I can Shift-click on this surfboard and this surfboard. Now all three are selected. But if I Shift-click now on the yellow surfboard, it is dropped from my selection and now these are the only two that are selected. Now let's finalize this by talking about stacking order. So we understand what selections are. When you think about stacking order inside of Illustrator, stacking order itself is basically a way to determine which objects sit on top of other objects. So here's how it works. Imagine you have a desk in front of you and you have a couple of pieces of paper and each of those pieces of paper are stacked on top each other. Well, some papers cover up parts of some other pieces of paper, right? You have basically papers on top each other or below each other. Well, the way that it works inside of Illustrator is that you can never have two objects that kind of sit on the exact same level. Objects are always bound by a hierarchy or a stacking order and objects are either above or beneath other objects. For example in this case, if I were to take this surfboard right here and drag it on top of this surfboard, I will see now that this covers over that one and in the stacking order, this one is in the front; this one is in the back. And if I click on this one over here I'll see that this one is even behind that one. So this is my stacking order that I have inside of Illustrator. Now at anytime I can adjust the stacking order. For example I can click on this yellow surfboard here, go to the Object menu, choose Arrange and then choose Bring to Front. Bring to Front will actually now bring this in front of all the objects and now if I move it over here, I'll see it covers even this front one that was here before. I'm going to press Undo and I'll do that by pressing Command+Z or Ctrl+Z on Windows. I can now go to the Object menu, choose Arrange and rather than say Bring to Front, I could choose Bring Forward and that brings it forward just one step in the hierarchy. So now it's still behind this one, but it's in front of that one of there. I'll undo that to go back to the original one. I'll be honest with you. When I'm working inside of Illustrators it's very rare that I'll use the Bring Forward command.

Because when you have lots of different objects it's almost impossible to figure out where a single object may fit in that stacking order. So what I'll usually do is always use Bring to Front. There's also a setting here, if I go to the Object menu and choose Arrange, called Sent to Back. Sent to Back will take any object of course and send it to the back of the stacking order. Again likewise you also have the Send Backward, which brings it back one step in the objects hierarchy. So again, when you're working inside of Illustrator, you have the ability to select objects. More importantly, there's always the stacking order, which means objects are either in front of or behind other objects and how you actually manipulate and work with that stacking order will ultimately control how your design looks.

Show transcript

This video is part of

Image for Illustrator CS4 Essential Training
Illustrator CS4 Essential Training

116 video lessons · 48581 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
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

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

Your file was successfully uploaded.

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.