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

Drawing Behind and Draw Inside Drawing modes

From: Illustrator CS5 New Features

Video: Drawing Behind and Draw Inside Drawing modes

Illustrator CS5 introduces two new drawing modes that help us draw more efficiently. One of them is called Draw Behind, which allows you to draw artwork beneath other objects. The other one is called Draw Inside, which allows you to draw artwork inside of other artwork. Let's take a closer look at how both these drawing modes work and how they can work for you. First, let's talk about the Draw Behind mode. Ordinarily, inside of Illustrator, we have something called the stacking order. That means that some objects are above or beneath others. When you're working inside of Illustrator, many times when you have a piece of art selected, you may want to adjust where that artwork appears in the stacking order, by going to the Object menu and choosing one of these options from the Arrange submenu.

Drawing Behind and Draw Inside Drawing modes

Illustrator CS5 introduces two new drawing modes that help us draw more efficiently. One of them is called Draw Behind, which allows you to draw artwork beneath other objects. The other one is called Draw Inside, which allows you to draw artwork inside of other artwork. Let's take a closer look at how both these drawing modes work and how they can work for you. First, let's talk about the Draw Behind mode. Ordinarily, inside of Illustrator, we have something called the stacking order. That means that some objects are above or beneath others. When you're working inside of Illustrator, many times when you have a piece of art selected, you may want to adjust where that artwork appears in the stacking order, by going to the Object menu and choosing one of these options from the Arrange submenu.

However, Illustrator's default behavior is that it always draws new objects on top of the stacking order. That means if you know a piece of art needs to go beneath something else, it's a two-step process for you. First, you create the artwork at the top of the stacking order, then after selecting that artwork, you send it towards the back. So, I'll direct your attention down over here in the Tool panel right near towards the bottom over here, where I have something called the Draw Normal mode. But right next to that is something called the Draw Behind mode. I'm going to go ahead and click on that icon, and that means that right now, any time I draw new artwork, it's going to be drawn beneath other artwork.

For example, when I now take this circle, and I draw a circle here, it's going to get drawn behind this paint can. Let me change the color so you can see that it was drawn beneath the paint can there. This can be helpful many times when you're working with artwork, and you know you need to draw artwork that appears beneath other objects. There's another draw mode inside of Illustrator called Draw Inside, and what this mode really does is it creates clipping masks on the fly, as you work. For example, you can see that on my artboard right now this big yellow circle right now is selected. If I come to the bottom of my Tools panel, I'll see a third option here called Draw Inside.

I'm going to click on that button right now, and you'll see that these dash lines appear as a border around that piece of art. This indicates that right now anything that I draw is going to be drawn inside of that shape. For example, I'm going to choose my Pencil tool here and make some scribbles here, and you'll notice that even though my paths go outside the circle, when I deselect it, you'll see that those are not visible. I've drawn those paths, but they're clipped inside of this shape. Anything else that I draw will always be clipped inside this shape as long as this border is visible. To get out of the Draw Inside mode, I can either come back over here and click on the Draw Normal mode, or I could simply double-click anywhere on my artboard to also return to the Draw Normal mode.

One of the nicest things about this Draw Inside mode, though, is how it works with copy and paste. In fact, for users who have worked with FreeHand in the past, you're familiar with the command called Paste Inside. Well now inside of Illustrator CS5, I could, for example, take this shape, and I'll drag a copy of it over here. Let me make it just a little bit bigger, so I'm going to scale it up in size, and I want to now place this photograph and clip it within this shape right over here. Rather than I have to manually create a clipping mask, I could simply activate the Draw Inside mode.

The keyboard shortcut to toggle between the different modes is to press Shift+D on your keyboard. So, if I tap Shift+D the first time, I am now in Draw Behind mode. If I tap Shift+D one more time, now I'm in Draw Inside mode. Again, the third time, and that toggles me back to the Draw Normal mode. So, if I know I want to paste that photograph right now into this shape, I'm going to tap Shift+D twice, to now enter the Draw Inside mode. Now I'll switch to my Selection tool and take this photograph right here and copy it, by pressing Command+C or Ctrl+C on the keyboard and now I'll simply hit Command+V or paste, and you could see now that the photograph is pasted directly inside of that shape.

That's because I was in the Draw Inside mode, so anything that I draw, even whatever I paste, gets done inside of that shape. I can press Shift+D to go back to Draw Normal mode and in effect, I've created a clipping mask. When working with a Black Arrow, I can now go ahead and deselect that shape and move this around as one unit or double- click on this to enter isolation mode where I can now click and move that photograph around inside of this shape. Double-click, once again, outside of its exit isolation mode and once more, move my shape around as needed. So, I think you'll find, really quickly, that dancing between these different Draw modes: Draw Normal, Draw Behind, and Draw Inside can be extremely helpful and efficient when using Illustrator CS5.

Show transcript

This video is part of

Image for Illustrator CS5 New Features
Illustrator CS5 New Features

30 video lessons · 19672 viewers

Mordy Golding
Author

 
Expand all | Collapse all
  1. 9m 0s
    1. Welcome
      1m 21s
    2. Comparing Illustrator CS4 and Illustrator CS5
      7m 39s
  2. 27m 2s
    1. Defining perspective grids
      7m 48s
    2. Drawing artwork in perspective
      8m 46s
    3. Mapping flat artwork to perspective grids
      10m 28s
  3. 15m 36s
    1. Creating variable-width strokes
      4m 26s
    2. Using variable-width profiles
      4m 26s
    3. Creating perfect dashed lines
      3m 30s
    4. Easily adding arrowheads to strokes
      3m 14s
  4. 16m 8s
    1. Simulating real brush strokes with the Bristle brush
      11m 46s
    2. Using enhanced art and pattern brushes
      2m 55s
    3. Applying variable-width settings to brushstrokes
      1m 27s
  5. 12m 10s
    1. Drawing Behind and Draw Inside Drawing modes
      4m 17s
    2. Creating complex art easily with the Shape Builder tool
      6m 5s
    3. Easily joining multiple paths
      1m 48s
  6. 11m 25s
    1. Working with symbols more easily
      6m 56s
    2. Using 9-slice scaling options with symbols
      4m 29s
  7. 7m 55s
    1. Using the new Artboards panel
      4m 13s
    2. Setting individual artboard rulers
      2m 35s
    3. Printing artboards more easily
      1m 7s
  8. 11m 47s
    1. Creating pixel-perfect web graphics
      3m 43s
    2. Creating crisp readable text for the web
      1m 58s
    3. Quickly exporting individual slices
      1m 50s
    4. Integrating with Adobe Flash Catalyst
      4m 16s
  9. 10m 11s
    1. Select artwork through other objects
      2m 36s
    2. Using new paste commands
      1m 57s
    3. Applying resolution-independent raster effects
      2m 55s
    4. Specifying transparency within gradient mesh
      1m 8s
    5. Creating editable trim marks
      1m 35s
  10. 17s
    1. Goodbye
      17s

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 CS5 New Features.

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 preferences from 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.