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

Using multiple strokes to create a map

From: Illustrator Insider Training: Rethinking the Essentials

Video: Using multiple strokes to create a map

So we'vex really started to see some of the creative potential we get now by actually applying multiple attributes to single paths. Perhaps more importantly, it allows us to be far more efficient in how we actually create and edit our designs. In fact, this example here, creating like a little bit of a map for a directions card, can really show us the power for how easy it is to make changes as we're working on a document. Now in this example here, I have one path that I've created here, which is going to be a road. And then I've another path over here, which is going to represent railroad tracks.

Using multiple strokes to create a map

So we'vex really started to see some of the creative potential we get now by actually applying multiple attributes to single paths. Perhaps more importantly, it allows us to be far more efficient in how we actually create and edit our designs. In fact, this example here, creating like a little bit of a map for a directions card, can really show us the power for how easy it is to make changes as we're working on a document. Now in this example here, I have one path that I've created here, which is going to be a road. And then I've another path over here, which is going to represent railroad tracks.

Using the Appearance panel, we can add multiple attributes to the single paths that give us the look that we need, but yet still keep our document very easy to manage and work with. Let's start with the railroad tracks, which I have selected right now in this document called directions.ai. I'll start by changing the stroke weight of this to something around maybe 12 point. I'll leave the color of the stroke set to black, but I am going to add now a second stroke by clicking on the button here inside the Appearance panel. For this stroke, I am actually going to change the color to white, and I am going to change the stroke weight to about 8 point.

Notice now the appearance of my artwork shows what looks like a double black line, even though really it's just two paths stacked on top of each other. For this specific art that I am trying to draw right here, those two black lines can refer to the actual rails themselves of the railroad tracks. Now, I need to create the ties though, so to do that, I am going to add yet a third stroke now to this object. I'll change the stroke color to black, and I'll change the weight or the thickness of the stroke to actually about 18 point.

Now in order to get that appearance of the ties for the railroad tracks, I am going to turn on the Dash setting for the stroke. So I am going to click on the word "stroke" to bring up the Stroke panel. I'll come down here where it says Dashed Line, and I'll change my dash to be 2 points, and my Gap will be set to about 3 points. I am hitting the Tab key as I enter each of these values to advance to the next one. Now I'll simply quick off of the Stroke panel to get rid of it, and I can see now that I've created the appearance of this railroad tracks. But remember, if I toggle it to my Outline mode by pressing Command+Y or Ctrl+Y, it's just a single path that I am working with.

All I've done is I've modified the presentation of that single path. Great! So we've created the railroad tracks. Now, let's create the road. Let's create Main Street that goes right down the middle of this Directions card. I'll start by selecting the paths right over here, and you know, Main Street is a pretty busy street. It's actually going to have two lanes of traffic going in each direction. So I need to make a pretty heavy road here. So I am going to start out by actually changing the stroke weight to 36 point. I don't have that setting here. I can actually just click on this value right here inside of the Appearance panel and type in 36.

Next, I am going to add now a second stroke. This one appears directly above the stroke I just created. I am going to change the weight to 34. Again, I am just going to type in 34 right here. I am going to change the stroke color to like a dark gray. I'll choose like this 80% black. So what we can see right now is I am starting to get the appearance of what might look like a road. I have kind of like a black border around the edges of them, which could be the curb. And then I have like this dark gray, which could be the asphalt of the road itself. Next, I'll add another stroke, which I am going to just set to a color of white.

I am going to change the weight of this stroke to 20 point. Now this is actually going to be the dashed white lines that separate different lanes on each side of the road, so I want to turn on a dashed pattern for this. So I am going to click on the word "stroke" to bring up the Stroke panel, turn on the Dashed Line setting and set my dash to be 8 points, hit the Tab key, and then set my gap to also be 8 points. Now, I am going to click off of the Stroke panel to hide it. And it doesn't really look like anything right now, but in just a moment, I am going to add now a yet another stroke.

I am going to click on the Add New stroke button right here. I'll set this one to a weight of 18 point. I'll change its stroke color back to that dark gray, that 80% black right over here. And I'll click on the word "stroke" to bring up the Stroke panel, and I'll turn off the Dashed Line setting. So, take a look at what happens now. I have this thick dark gray stroke, which is covering over the inner parts of that white dash stroke. So all I am able to see is just the very ends, or the very tips on either end, of that white stroke, which gives me the appearance of these dashed white lines.

Now the middle of the roadway needs to have a double yellow line, so I'll add that by creating yet another stroke for this path. Now, we have five different strokes already that exist on this single path that I am working with. We'll change the color of this stroke to yellow, and I'll change the weight to 3. Since I want this to have the appearance of a double-yellow line, I am going to add one more stroke to this object. I am going to color it that dark gray color, that 80% black, and I'll change the stroke weight of this one to 1 point. I am going to deselect my artwork and see what we've created here.

I've taken a single path inside of Illustrator, yet by adding multiple stroke attributes--in this case six different strokes to a single object-- I've given the appearance of a two- lane highway, or a two-lane Main Street here inside of this map. Now again one of the real benefits of working with this is that I have the ability now to make adjustments to the actual structure, the actual path of my artwork, and everything else is just going to update accordingly. If, for example, this road needed to be curved for some reason, I can actually use my Reshape tool. You know a lot of people don't use the Reshape tool, but it's a great way to take a regular straight path and just click and drag on it to turn it into a curve.

Notice here that the road automatically has all the settings that are curved, and I do that with one step. Imagine if I had actually created multiple objects and I wanted to make a small adjustment. It would take me forever do that. Here, all I need to do is work with one path and I get the beautiful appearance of an entire road.

Show transcript

This video is part of

Image for Illustrator Insider Training: Rethinking the Essentials
 
Expand all | Collapse all
  1. 8m 22s
    1. Welcome
      1m 15s
    2. Exploring the Illustrator Timeline
      5m 12s
    3. Getting the most out of this training
      1m 30s
    4. Using the exercise files
      25s
  2. 16m 27s
    1. Starting off on the right foot
      27s
    2. Knowing the difference between structure and presentation
      4m 38s
    3. Understanding paths and attributes
      4m 56s
    4. Distributing stroke weight along a path
      2m 25s
    5. Bottoms up: Object hierarchy and stacking order
      4m 1s
  3. 51m 9s
    1. The all-important Appearance panel
      37s
    2. Understanding attribute stacking order
      6m 45s
    3. Targeting individual object attributes
      7m 32s
    4. Adding multiple attributes to a single object
      9m 31s
    5. Modifying appearances with Live Effects
      7m 11s
    6. Using multiple strokes to create a border design
      4m 36s
    7. Using multiple strokes to create a map
      5m 52s
    8. Using multiple fills to mix spot colors
      4m 59s
    9. Using multiple fills to create textures
      4m 6s
  4. 46m 2s
    1. Learning to live with appearances
      30s
    2. Basic appearance vs. complex appearance
      4m 27s
    3. Clearing or expanding an appearance
      10m 52s
    4. Controlling the appearance of newly drawn art
      5m 11s
    5. Saving appearances with graphic styles
      6m 54s
    6. Changing artwork by modifying a graphic style
      7m 39s
    7. Uncovering a treasure trove of graphic styles
      5m 1s
    8. Copying appearances with the Eyedropper tool
      5m 28s
  5. 33m 28s
    1. Why do we create groups?
      1m 48s
    2. Applying an effect to a group
      4m 38s
    3. Understanding the difference between targeting and selecting
      4m 44s
    4. Knowing the dangers of ungrouping artwork
      2m 21s
    5. Using Isolation mode to preserve group structure
      6m 59s
    6. Adding a stroke to a group
      6m 13s
    7. Adding a 3D effect to a group
      3m 36s
    8. Extending the concept of groups to type objects
      3m 9s
  6. 46m 34s
    1. Are you a layers person?
      33s
    2. Learning to use the Layers and Objects panel
      9m 27s
    3. Making selections and editing stacking order
      6m 38s
    4. Reading and using the target circles
      8m 43s
    5. Copying artwork and appearances
      5m 37s
    6. Adding effects to layers
      9m 56s
    7. Getting the most out of the Layers panel
      5m 40s
  7. 47m 19s
    1. It's more than just a drop shadow?
      48s
    2. Adding basic texture with Mezzotint
      7m 50s
    3. Generating custom textures with Texturizer
      12m 22s
    4. Adding a stroke to an image with Outline Object
      5m 54s
    5. Aligning text precisely with Outline Object
      6m 31s
    6. Adding callout numbers with Convert to Shape
      4m 36s
    7. Enhancing performance with Rasterize
      2m 30s
    8. Avoiding pitfalls when using effects
      6m 48s
  8. 31m 59s
    1. Asking yourself the "what if?" question
      33s
    2. Outlining artwork with Offset Path and Pathfinder Add
      5m 36s
    3. Adding captions with Convert to Shape and Transform
      7m 1s
    4. Creating a crosshatch effect with Scribble
      5m 44s
    5. Creating buttons with Round Corners and Transform
      13m 5s
  9. 25m 21s
    1. Working with other people's files
      36s
    2. Setting up a workspace that makes sense
      9m 43s
    3. Learning to "read" an Illustrator file
      5m 48s
    4. Controlling pixel resolution
      9m 14s
  10. 1m 2s
    1. Next steps
      1m 2s

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.

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 Insider Training: Rethinking the Essentials.

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.

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 lynda.com 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 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.