Skip to main content

Adobe Illustrator on the iPad

Lesson 12 of 15

Paths, Lines, and Strokes


Adobe Illustrator on the iPad

Lesson 12 of 15

Paths, Lines, and Strokes


Lesson Info

Paths, Lines, and Strokes

I'm gonna go in, and I'm gonna open one of my previous files here that I've been working on. And we're gonna work with this with the properties panel, but I need to finish up showing you all the stuff we could deal with. Paths, go back to my pencil tool. Gonna hold down the center portion of my touch wheel and get a path. Go to my selection tool bump up the line. Wait here and I'm gonna turn off my fill by going to my color picker and saying No, Phil, I'm gonna go ahead and pick a color here other than black by clicking on the stroke and pick an orange or my color here. Great. So how do we get to my other path? Attributes? Well, that's where the Properties panel comes in here. We talked about transforming rotating here, but here you can also do your fill in your stroke and your appearance as well. But we're gonna go down to the stroke here. Here we can have a solid or a dashed stroke here, like we have with the desktop version. We can click on our point weight and also use our little s...

cale up and down right there for that. If we want to do a dashed line, we don't have a Siris of dashed lines here. This is a holdover from the from the desktop version here. And if you've ever wanted to do a dotted line here, that's always tricky. We're gonna show you in a couple of minutes here, but with our path, I could go ahead and control the ends of my path and I get to my blunt ends and I can have my rounded ends, which I call Hot, dogged ends. Why? Because it looks like a hot dog. So you go in around the ends and your hot dog, the ends right here and then we also have our extended caps as well. We also have our different types of line or stroke corners here. This is something that people get a little bit confused about. So I want to show you what a stroke corner is. I'm gonna draw a rectangle and with this rectangle I'm gonna go in and draw this rectangle and you can see when I go in I can have square strokes, rounded strokes or beveled strokes. You notice when I do this. It's on Lee rounding the stroke, not the shape. Okay, the shape is still a rectangle or square, and it's not rounding the inside. It's on Lee rounding the outside. That's what we have now also in my stroke panel. Here I have the ability to take my shape and I can take this shape and I can have the stroke being the center. The stroke beat all on the inside, all all on the outside of my shape, different things that I can dio with the stroke alignment. And that's also part of the desktop. Version two now going in and doing a dotted line. This is the fun part of doing a dotted line. First of all, we have to go in and we have to round are hot dog the ends. I'm gonna click on my little dash line version and then I'm gonna go and click on my dash length, and I'm gonna set this down to zero. I'm going to set the gap to something that's going to be big enough. It has to be greater than the weight of my line right here, which is when I said a greater gap And how does this actually work? Well, a dash line, folks is to half hot dog ends put together with a dash length of zero length. So you have two hot dog ends that come together that form a dotted line. I know, I know. That's what you have. Okay. So kind of cool to be able to do that. So you built this dotted line here, and you want a dotted line or dash line over here, You can go and do this, but then you gotta go back through when you got to set this all back up again, Go in, set your gap. Make sure your gap is a lot larger. Here we go. And hot dog the end to get your dotted line. There you go. Then you got to go back in and set your stroke. Then you gotta go re mess with your lines here. I know. Yeah, it's kind of one of the weird holdovers. Sometimes it doesn't look so good, but anyway, that's what we can dio as part of the properties panel. Get in here a little bit further

Class Description


  • Navigate and understand the Illustrator interface
  • Draw shapes, lines, and freeform sketch
  • Add color and gradients to your creations
  • Work with the powerful type tools and an extensive list of fonts
  • Share and export your work and stream your creative process


Create, illustrate, and build your creative ideas, logos, and graphics on the iPad with your Apple pencil. This newly-released app is filled with features such as creating patterns with the Repeat feature, expansive type options, easy to navigate and use touch interface, and the ability to live-stream your creative process.

Use on the go, at your desk, or wherever creativity comes to you, the Illustrator on the iPad makes creating fun and portable.


  • Beginners
  • Creative people who want the simplicity and flexibility of the iPad
  • People who use Illustrator on the desktop


Adobe Illustrator for the iPad (V1.0)


An Adobe® Certified Expert and Adobe® Certified Instructor, Jason Hoppe has accrued more than 20 years’ experience in high-end production training, photo retouching, color correction, and creative workflow management. In fact, Jason has been performing high-end electronic production since the industry’s inception. Also during this time, Jason has taught prepress and electronic design to hundreds of Seattle-based creative professionals and aspiring designers in a variety of settings, including one-on-one tutoring, classroom instruction, live webcasting, and large group training. He currently teaches the Adobe® Creative Suite at The School of Visual Concepts, Luminous Works, and Seattle Central College, an Adobe MAX Master and was the founding Instructor at CreativeLive.


  1. Introduction to Illustrator on the iPad

    Launching Illustrator on the iPad, reviewing specs for the iPad and Apple pencil, help menu and resources.

  2. Create a New Document and Setting Preferences

    New document creation, setting Artboard sizes and specs, setting color modes

  3. Toolbar, Task Bar, Interface and Shortcuts

    Review the tools in the Toolbar, the Panels in the Task Bar, shortcuts and gestures and the Touch Wheel

  4. Basic Shapes, Touch Wheel, Contextual Menus

    Creating basic shapes with the shape tool, using the Selection tool to move, reshape and rotate the shape. Overview of the contextual menus that appear when working on the selected shapes and the Properties Panel introduction.

  5. Guides, Grids and Smart Guides

    Overview of the Precision panel where the guides, grids and smart guide features are. Snapping to the grid, using Smart guides to align and space objects with precision on the Artboard.

  6. Direct Selection Tool, Path Features, Editing Points and Joining Lines

    Using the Direct Selection Tool to move points, edit corners, convert corners from smooth to corner points, join open ends together and use the Smart Delete and Simplify path features.

  7. Pen Tool, Pencil Tool, Blob Brush Tool, Eraser Tool

    Drawing with the Pen Tool, editing points and handles. Setting the Pencil Tool smoothness and accuracy. Blob brush tool for different style brushes and the Eraser Tool to erase portions of lines and shapes.

  8. Align and Distribute

    Align shapes, distribute spacing and flip content in the Align Panel

  9. Paths

    Editing paths using the paths panel. Convert corners, outlines paths, smart delete and smooth lines.

  10. Repeat Feature

    New to Illustrator and currently only on the iPad, the Repeat panel allows for creation of patterns by rotation, grid or mirroring your creations

  11. Clipping Masks and Object Panel

    Create clipping masks, group and ungroup objects, convert paths to outlines in the Object Panel

  12. Paths, Lines, and Strokes

    Edit path features with end cap, change the stroke weight and create dashed or dotted lines

  13. Color and Gradients

    Choose colors using the Color picker. Sample existing colors from within the Color Picker, use color from your CC libraries and pick from color books for spot colors. Apply linear, radial and freeform gradients and change the opacity on objects and paths

  14. Type and Layers

    Explore the type functions and features of text and type on a path. Easily edit text and choose from a vast selection of fonts included with Illustrator. Understand layers, layer order, locking objects and turning on and off visibility of objects.

  15. Save, Export, Share, Import and Wrap Up

    Save your files as different file types to the Document cloud. Access files from the cloud, from other files or storage locations. Share your artwork and live stream your creative process. Import content from your camera, photos, layered Photoshop files or your CC libraries.


a Creativelive Student