Introduction to Adobe Illustrator on the iPad: Design a Themed Illustration

1. Intro: Hey, I'm Maja Faber. In this class, you will learn how to draw in Adobe Illustrator on the iPad. I'm a Service Pattern Designer and Illustrator, and I will teach you all you need to know to be able to illustrate and design in this awesome app, which can take your vector drawing to the next level. This is an introduction to Adobe Illustrator on the iPad, and we'll go through all of the basic tools as we create this fun, themed illustration. There's a bunch of free resources to downloading class, so that you can follow along and create the exact same project as me, if you wish. This is a beginner's friendly class. It's for illustrators, graphic designers, surface designers, or hobbyists, who wants to learn the basics of the app. By the end of this class, you will be able to create a vector illustration and Adobe Illustrator on the iPad, and you'll know your way around the basic functions and features that the app offers, so that you can use this amazing app for your future design projects. 3. Downloads & Resources: There are some free resources available to downloading class. I offer some free textures that you are free to use as you wish; one pixel-based texture and vector textures. I also offer a color palette for you to use, and the sketches that I use to create my illustration. In this case, you're welcome to create the exact same illustration as me with the purpose to learn illustrator on iPad. You are not, however, allowed to share this drawing and claim it to be your original drawing. If you want to share it online, on Instagram for example, or wherever, it needs to be clear that this is my original drawing that you have copied with the purpose of learning Adobe Illustrator on the iPad in this class. With that said, the available downloads are; my sketch that I created in Adobe Fresco, there's a PNG file and a PSD file. I also offer a color palette that you can use, grams texture that is pixel-based, and 16 vector textures. That is an AI document. You find all of the resources to download in class on the project and resources tab. On the iPad, it should work fine to go to your browser on skillshare.com, your account, this class, and to download the resources, press Hold, and click Download linked file. That will download your file. Then you can click your file. Click the little square with the arrow at the top, and you can choose to save your image to your image library. You can save it to, for example, Dropbox if you have that, I have saved the files in this class to my iCloud Drive, which is easy for me to find. You can also save it to, for example, Creative Cloud and a folder like I have here, downloads class or something like that. This is how you download the resources in this class from this skillshare website in your browser. But I've also made all of the downloads available for you on my website if you for some reason aren't available to download them here in class, I'll share the link in the description of this class, so you click here, or at the about page. You need a password to access the page and the password needed is on screen now. I type in that password, click the little arrow, and will arrive at this page. It's the same resources available on my website as it is in class, so you can choose where you want to download them from, whichever works best for you. To download the resources on my website, press and hold the buttons and click Download linked file. There you can check your downloads and save your file to wherever you want it. I will save this one to create, to cloud. So that is how you download the resources in this class. The important thing is that you download your resources on your iPad somewhere that you can easily find them and use them in class. 4. App Settings: Opening up the home screen, this is what you see. You can easily access your recent documents. You have some shortcuts to create a new document. View the upcoming features to Adobe Illustrator on the iPad. The left menu, you can access your work, which means the Cloud documents. This means that you can access work that you created in Adobe Illustrator on the desktop. After few seconds in Adobe Illustrator on the iPad or Photoshop for that matter. You can start to work with the illustration in Adobe Illustrator on the iPad, continue with it in Adobe Illustrator on the desktop, and then go back to Adobe Illustrator on iPad, very easy. You have the Learn tab, with some tutorials from Adobe; and the Discover tab, where you can check out some work from other artists. At the bottom, you have the option to create a new document, which we will do in the next lesson, and import document, and continue to work with it in Illustrator on iPad. Let's go back to the Home section. At the top right, you can tap the Cloud to see if your files are synced. Then tap your account and check out the settings. I will just go through the settings quickly. In the General settings, you can make some arrangements to the interface in Canvas, where you want the Toolbar and the Color theme. I've changed my colored theme to the medium one in this class, the light. You can choose to Scale strokes and effects, and some other options here. In Input, you can select Palm rejection with the Apple pencil, on or off. Mine is off. What happens when you double tap the Apple pencil? I set mine to Deselect object or path, if you want the same settings as me. Under the option Touch, you can Show taps as a blue dot, which you can see that I have on for this class so that you easily can see what I am doing. But you can have your off, so they won't disturb in your work. Units, I have my Stroke set to Pixels, and Type to Points. Some information about your account, about the app. Here you can access some tutorials, online help, and support. That was all under the app settings. 5. New Document: To start a new document, we tap a little "+ Create New" at the bottom left. You have your Recent sizes, Saved sizes, Print, Screen, Illustration. So that are just some standard sizes. For this, let's go for Print, Letter size. I would change my Units to Pixels. The Orientation, I want the portraits, one Artboard, and I will change the Color mode to RGB so that we can share our project digital in class. You can name your file. Let's just name the file from start. I will name my file Swedish Fika. You can Save the size, if you wish, and then tap "Create file." 6. Workspace & Gestures: Let's check out the workspace of Adobe Illustrator on the iPad. If you're used to working with Adobe Illustrator on the desktop, this workspace will feel familiar. At the top, you have the navigation bar where you can undo and redo, the export option, a help section, and you can access your app settings here as well. At the top right, you have the view mode where you can show your work in preview mode or outline. I will show you more about this later on in class. At the left you have the toolbar with all of your tools to be used: the selection tools, the pen tools, eraser, shapes, type tool, artboard, and import image. If your tool has little arrow, you can press and hold to access some more options of that tool. At the bottom in the toolbar, you have your color panel with the stroke color and the fill color, solid color and gradient. If your tool has this little line at the top, you can move it outside of the toolbar to access it anywhere on the artboard and move it around. To get rid of it from the artboard, you tap the little cross sign. At the right, we have the task bar with your layers panel, your properties panel, your precision panel, which is your guides and grids. Your shapes tool, edit tool, align and distribute, object, type, path, and repeat. During class, when we create our illustration, I'll go through the tools more in detail. But for now, I just wanted you to get familiar with the workspace. To learn about the gestures, you can tap the help section, view gestures. The most common gestures that we will use is the undo and redo. If I, for example, create a rectangle and I want to undo, I tap with two fingers, and to redo, I tap with three. You can also undo with the little back arrow up at the navigation bar, or redo with the other arrow. You can zoom in and zoom out. Also, if you want your artboard to fit to the view, you swipe in and let go. Unfortunately, at this moment there's no way to rotate the canvas in Adobe Illustrator on the iPad. I've heard that they are working with this feature, so let's hope that that will come soon. That is all of the gestures. Let's just tap the undo to remove our little rectangle. At the bottom left you have a little circle or dot, and that is the touch shortcut. Basically you can see it as the Shift or the Command key. You have your primary touched shortcut in the inner circle and if you move out you have a secondary touch shortcut. Go to the help section, view touch shortcut and here you can read, all the touch shortcuts that are available at this moment. As you can see here, you can read that the touch shortcut used different tools or actions to change their behavior temporarily. We will use this later on in class. You can also move around your touch shortcut if you hold it and drag it. You can move it to wherever you want it on your dashboard. But I want mine in the bottom left. That was the basics of the workspace and gestures. 7. Layers: The first tool panel that I wanted to show you to be able to start our drawing, is the Layers panel. For me, it makes so much sense to work with layers in Adobe Illustrator on the iPad. In Adobe Illustrator on the desktop, I usually don't work that much with layers as it's so easy to move around your objects any way. But in Adobe Illustrator on the iPad, layers is, at least for me, crucial to be able to quickly and smoothly work with my different objects. To check out the Layers panel, I will just create two squares or rectangles. You can see what is happening in the layers panel. You have some options. You can lock the whole layer, which means I can't access any of the objects in that layer. You can lock just one object in that layer and you can access the other object. You can show and hide different objects in the layer or the whole layer. If you want to rename your layer, you swipe to the right and there you have a little type symbol. Let's just name this layer to "Square." At the little plus, you can create a new layer. When you have two layers or more, when you swipe to the right, you can delete your layer here. So if you only have one layer, you can't delete that layer. We'll just swipe right, delete that layer and delete the objects on my square layer. 8. Import Image: Let's have a look at how to import images. We will import the sketch of our illustration. First thing I will do is to name this layer to Sketch. So swipe right on the layer and just name it to sketch. Then we can tap the image Import option in the Toolbar. Here you can select where you want to import your file from. From the camera if you want to take a photo, or from your image library, Files, your Cloud documents, or your libraries. I have saved my sketch on files, and I will show you what happens if you import a PNG, and what happens if you import a PSD file. Select this tab, the PNG file, and import that. As you can see in the Layers panel, your file is made up of one object. If you move this around, it's one object. Let's just zoom out a bit and place the PNG file at the side. I'm using the selection tool to move my object. Now let's see what happens if we import a PSD file. I will import my file in another way, so swipe up and access my files folder. Drag that to the side for a split-screen. Make the split screen a little bit smaller, and then we'll just shut down the Layers panel, and drag in my PSD sketch. When I import a PSD file, I will get an option box where it says Convert layers to objects, or Flatten layers to single image. I can also choose to Import hidden layers. If I go for Convert layers to objects, and tap "Okay", then all other objects that are on separate layers will be placed on separate layers in Adobe Illustrator on the iPad, which is pretty cool. I will just swipe to left to remove my Files folder, and will just swipe to fit to view, and check out my sketch when the objects are in different layers. This is pretty cool, I made this sketch in Adobe Fresco. If you want to learn more about that, I have a class now in Skillshare that's called Sketch and Draw motifs in Adobe Fresco. But I made all of the different objects on different layers, which means that I now can move around the objects on my sketch in Illustrator as well. I can access the objects from tapping the layers in the Layers panel, and I move them around with the selection tool. This is a really cool feature. That is how you import an image, a PSD or a PNG in Illustrator. 9. Transform & Apparence: Now let's just have a quick look at how to transform your object like move, scale, and resize, and change the opacity of your objects or layers. As you saw in the previous lesson, I selected the selection tool, which is the arrow at the top of the toolbar. To select objects with a tap and move them around. You can also quickly access different objects by tapping at them in the layers panel and hold and move around. If your objects are in a group like this PSD file, when you tap them, you will move around the whole group. But if you double tap an object, you will select that object and move it around. You can move your objects. Let's double tap the juice. Move them on an x and y-axis. By holding down the primary touch shortcut, click and drag your object to move them on an axis. If you hold your secondary touch shortcut, you will duplicate your objects when you tap and hold your object. That's pretty neat. Let's tap "Undo" again. If you tap outside of your art board with the selection tool, you will unselect all objects. Let's have a look at how to ungroup this whole group. Tap your PSD sketch once. At the bottom you will see that you have a new panel. This is what's called the common actions menu. When you tap different objects or things in your Adobe Illustrator document, you will get a common actions panel, which will give you, well, basically the most common actions for the thing that you're working on. Here with the selection tool and tapping my PSD sketch, I get some common actions. Here you have a little option with a box, and that is the group and ungroup. I tap that and have ungrouped all of the objects in that layer. If I now have the selection tool and tap an object once, it is ungrouped from the rest of the objects and I can move that object around. If I want to regroup all of the objects, I select all objects by clicking and dragging with the selection tool and tap the little box in the common actions panel to group them together. With my group selected, I can also do some other things in the common actions panel. The ones that I wanted to show you now is that you can duplicate your object here as well. Undo that. You can delete it. You can lock your objects, and you can change the opacity of your object. Let's just zoom out a little bit so that we see our common actions panel. Here, tap the left opacity box and just drag down or up to change the opacity. You can also tap in on the tool and change the opacity. I want my sketch to be a little bit lower in opacity. I should be able to draw on top of it. You can rotate your object by this little dot at the top, holding it down, rotating it. If you hold your touch shortcuts, you will rotate it with a 45-degree rotation. If you hold the secondary touch shortcut, you will rotate it with a 10-degree rotation. You can also scale your object by dragging in the little points. But as you can see, you don't scale it proportionally if you just drag in any point on your object. Let's just undo that and hold down the primary touch shortcut to be able to scale it proportionally. If you want to scale it from the center, we hold down the secondary touch shortcut. I also want to show you that you can access the size and transform your image in the Properties panel with the width and height and where it's placed in the axis, as well as the rotation. You can just scroll this little thing here or add a number if you want to rotate it in any specific direction. You have some blend modes here, that we will go through later on in class. You also can access the opacity of your object in the Properties panel. 10. Guides & Grid: Let's just go through the grids and guides tools. If we want to, for example, create a margin on our page. First, I will just zoom out, select my PNG sketch and delete that in the common access menu to the right with the little bin. Pinch to fit to view. Then check out guides and grids toolbar or precision toolbar as it's called. Here you have the option to snap your updates to the grid or to smart guides. Let's just turn that on and on the smart guides, you can turn on the grid and the guides. At the moment we don't have any guides on our art board. But we can turn on the grind, so let's do that and see how it looks. You can choose the color of your grid, the spacing, and the subdivision. I will just change the spacing. You can drag the little tool here, or you can write a number, if you know that you want a specific number. I will just hit 30 pixels. I don't want any subdivision, which are these little boxes in between the big boxes. Let's just change that to zero in the subdivision. Maybe I want my grid to go exactly to the side of my art board. I could do a calculation but I'm a little bit too lazy to do that. Just scroll around a little bit on that one. I didn't get it perfect here, but I won't mind that for now. Now let's create a guide. I will create a new layer in the layers panel. Just tap little arrow to not view all of the objects on the sketch layer. Swipe right on a new layer and name this layer to guide. Maybe I want to lock my sketch layers so that I won't move it around. Now let's make a guide. I will select the rectangle tool, and let's just make pink lines so that we will see what we are doing. Now we can click and drag if we have snap to grid, for example, as smart guides, you can click and you can see that it's snapping a little bit to the grid and make a rectangle. If we are turning this rectangle to a guide, I might want the same pixel size at all sides of the art board. Let's just go ahead and increase the size of the rectangle to the art board size. That is the width 612 pixels and the height 792 pixels, which we can see in the Properties panel. You can go ahead and write a new number or scroll your little tool here. But as I know that we want the same amount of pixels on the whole art board or rectangle. I will just go for 562 here, which means a 50 pixels margin, if I'm not counting that wrong and in the height, I will go for 752. Well, I was a little bit wrong. Let's go for 742 pixels to get 50 pixels margin all around our art board. Tap to unselect. Now we will go to the objects panel, which is this little fellow over here and click convert to guide. Tap your object. If we turn off the grid and you can see this little guide, better, zoom in and you see that you have a guide here. Fit to view again, a little pinch and then I don't want the snap to grid options turned on. But I might want the smart guides turned on. Here we have a guide that we can use as a margin for our background of the illustration. 11. Color: Okay. So let's have a closer look at the color tool panel, and we will also create our background layer and fetch a color palette for this class, if you want to use mine. So tap the color panel symbol which are these two dots at the bottom. You have your fill color and your stroke color. You can swap between the two of them by tapping the little arrows. Tap the fill Color, and you will see a color wheel at the top. You can easily select white, black, no color, and the eyedropper. Choose your color at the outside wheel and then select your color inside of the wheel. You can select color with hex codes, CMYK sliders, grayscale sliders, HSB sliders, or RGB sliders. I like the HSB sliders, the best. You have your swatches. You can show it as grid or list. I like the grid view. You can access color books, which means Pantone colors, if you use those. That's pretty neat. You can access your library. I have some colors here. Let's click one of my color palettes and check that out. These are your solid colors. You also have your gradients; your linear gradient, your radial gradient, and you have your point gradient, I think its called. This is a really cool feature. Let's make a square to just check that out. I will just create a new layer as an example layer and hide my other layers. Maybe lock that guide layer as well and go into layer 3 to create the square with my gradient. Let's have a quick look at the different gradients. The linear gradient. You can choose your opacity, your different colors, which is pretty neat. You can also access the opacity in the little Common Actions menu here. Let's go for 100 and check out the radial gradients, and that's the same. You choose your colors in the color wheel and change the direction of your gradient. This is just a quick little preview of how you can work with gradients. Now let's have a look at this cool point gradient. At this moment we have two points, one here and one here. So let's select another color for that point, and a different color for this point, so blue and pink, it looks good. I can move around my points to wherever I want and object. I can add a point by tapping and choosing another color, and I can add more points to this gradient. This way you can create some really cool looking gradients. You can play around with the points outside of your points. I don't know what these are called, and make some really nice gradient this way with that point gradient. Check out that feature. We won't draw with the point gradient or any gradient in this class, but I just wanted to show you them so that you can experiment with it more. Let's just head back to the solid color. I will delete the square; select the square, delete it in the Common Actions menu. Go to my Layers panel, show the guides again, show the sketch again, and I can keep that top layer for now. That's fine. Let's add a color palette to our Swatches panel. You can add swatches here, and if you tap the Swatch, you can edit this swatch or remove this swatch. Let's tap Edit, and you can even name your swatch, choose your color type, your color mode, and change the color. What I will do here is to make sure that I have a new layer. I will swipe right on that layer, name it to color palette, zoom out a bit, and drag in my image with the color palette. So I will just split the screen with the files, and I have my color palette here. Just tap and drive that in. Move it to the side like that. You could also, of course, swipe up and get some inspiration for colors on Pinterest. I have a color board. You are free to check out if you wish, or wherever you want to fetch a color palette. That's a nice feature. Swipe away the split screen, and I will just hide the Layers panel to fetch my color palette to my Swatches panel. Click the little line and drag it out so that you have your color panel on the dashboard. Now I will go over with the eyedropper symbol. Click and drag with the eyedropper to my Colors, tap the little plus sign in the Swatches to add the swatches. Now we have our swatches here at the top row. Now we can use in our illustration. I will just go back to my sketch, hide my color palette layer, maybe lock that one, and I will unlock my sketch layer, drag that on top of other layers, and lock that layer again. Create a new layer, drag it on top, and I will name this layered background as we will create a background box with a faded color. Tap away the Layers panel, and now I can easily select the rectangle. The color, I will use the pink color. Make sure that I have smart guides selected, and then I will click and drag to make my background books. If you have your smart guides selected, you will get a purple line when you have your books in a position where it can snap to something, if that makes sense. Now I have my background layer. When you make a shape like this, you can, of course, change the size as we did, as I showed you in the previous lesson, hold down that shortcut to change it proportionally and do that. You also have the little points here at the corners. If you hold that point and drag, you can change it to round corners if you wish. If you want to change just one corner, press and hold with the direct selection tool to get this little option in just one of your corners, and drag in to change the roundness of your corner. That's a cool feature. But we want a rectangle as our background, so I will just undo that. I'll go to the Layers panel, drag my background under my sketch layer, and as you can see, the background layer changed the color to some other pink color, and that is because we have an opacity on the sketch layer. But we also have a background on the sketch layer, which is a white background. So if I either just hide that background or delete that background, I will hide it for now, you will see the full color of your background. Let's hide the Layers panel and go back to the Precision menu. Hit Done in the direct selections, go to the Properties panel, and I think that I want some more margins here, so let's just change this. You can tap the constraint proportion, the little lock symbol constraint proportion, and then we can just drag in our margins a little bit. Maybe we wanted something like this, 536 pixels in the width box. Okay, great. 12. Pen Tool: Let's start with the fun parts of the class. We will start to draw our illustration. First up, let's go through the pen tool and draw this cup with the pen tool. The first thing I will do is to go to my Layers panel and as I'm not using this guide anymore, I will just turn the visibility off. Then I will just tap the little arrow on the Sketch layer, so that won't be in the way for me. Create a new layer, swipe to the right, and name the new layer cup. Then let's just close the Layers panel so that won't be in the way, and zoom in a bit to be able to draw this cup. We will use the pen tool. Normally, I don't use the pen tool that much in my illustrations. But if you do, it works great in Adobe Illustrator on the iPad. I will go through the basics of it here in this class so you know what to expect. With the pen tool selected, I go for beige-brown, fill color, no stroke color. Tap once to unselect. Then I tap once to add a point. Tap again, tap again and hold to be able to get this curled line at the bottom. Now if I want to continue to draw up here with the pen tool, I need to change this handle that is 34 degrees at the moment. I hold, touch shortcut to primary, drag up to the angle that I want, maybe something like that. Then I let go of the handle and let go of the touch shortcut. That way, the next line that I draw, next point that I make will be in that angle. This shape is enclosed. Now, I need to make a line over here as well. We can check if our line is closed or our object is closed. If we go to the View mode and Outline. You can see that you have an open object like this. Go to Preview again and I will tap on the start dot to be able to close my object, outline, and I see that my object is closed. If you want to see if your angle here is straight, we can just turn on the grid. I will just turn off the background layer so that I see my grid. Make sure I'm on the Cup layer. Then I can tap with the direct selection, zoom in, tap my anchor points, and drag it down so that it is on the line. Let's see if I have Snap to grid selected. Zoom in and adjust the other anchor points as well. Something like that. Now we know that this is straight. If we want to know that this is straight as well, we do the same there. Let's just go ahead and drag this down to this grid line. That way, we know that we have a straight line there. I will just turn off the grid again because I feel that it's in the way when I'm drawing. If I want to change my lower parts of the cup so that it's more curved, I could go ahead and select this corner and drag it in. Select anchor point in the other left corner and drag it in. Something like that. I also feel that I want my cup to be a little bit wider, so I will go ahead with the selection tool and just drag it out a little bit on the side. Maybe something like that, zoom out to see how it looks. Yeah, maybe something like that. Zooming in again, select your object. We will draw the ear with the pen tool. I will just create an anchor point there. I won't mind now that the ear is filled. Hold down the touch shortcut, make the angle. I will do that one more time. Add a point, make the curve, hold down the touch shortcut, make the angle. Let go, drag down, and close the shape. Check the Outline mode to see that my shape is closed. Then I will go to my Layers panel and check out the objects in my cup. I have the ear and well, the cup. With the ear selected, I want to make the little hole. You can do this in many ways, but I wanted to show you the Eraser tool. We will erase out the hole in the ear of the cup. I select the Eraser tool. You can adjust the size of it and the smoothness, which means the smoothness of the way you draw with your Apple pencil. You can also adjust some eraser settings. I will just go for the standard settings. Let's try this size. It's way too big. Go down to maybe five. We had the smoothness turned on. You can see that the lines are smoother than I draw them. I will undo that and we'll go down with the smoothness a little bit. Then erase again. Maybe something like that. Now we have the ear and the cup as two different objects. Let's go in and combine these. You could group them if you wish, but you could also combine them. Let's lock the sketch layer. You can select your cup objects. Go to the Combine shapes and hit Combine All. Go to the Outline mode. Now we have combined your shapes to a group. Go to the Preview mode again. Turn off the Layers panel, tap once to select your object. Zoom out to have a look at our cup, and I think that that looks fine for now. You can play around with the Pen tool. These are the basics of the Pen tool that you need to know to get started in the app. In the rest parts of this class, we will draw more with the pencil tool and the blob brush tool, as that is more of illustration tools, for me at least. But now you know how the pen tool works. 13. Pencil Tool 1: Now we'll go through the pencil tool. For me, this is my favorite tool, the drawing in Adobe Illustrator and iPad. I've always drawn with the blob brush tool before in Adobe Illustrator because I never been friends with the pencil tool. But here on the iPad, the pencil tool is just the best. So let me show you what it can do. Let's start with zooming out a bit. Make sure we're on the right layer, the cap layer. Now we will draw the smoke or steam or whatever you call it, of the coffee with the pencil tool. So on the pencil tool, if you press and hold, you have the pencil tool and the blob brush tool. In this lesson, we will use the pencil tool. We will change the stroke color to this darker brown and select no fill color. You can adjust the smoothing. Let's go for eight smoothing for this one and start to draw these smokes or whatever you call it. So let's just move up in this S shape. You can see that when you have this smoothing app this high, you will get a really smooth stroke. It would take down a smoothing to this one. The stroke will be filled with more anchor points. If we zoom in, it will be more like a rough stock. So let's just delete that stroke by using the selection tool, and the common access panel hit the bin. When you have your stroke selected in the common access panel, you have stroke width here. So you can either tap the stroke width or just drag up and down to adjust the stroke width. So let's just make, what should we do? Like four pixel stroke width for now, and I will continue to draw this three little wobbly things here. I didn't have the smoothing app. So I had this smoothing app on eight for this one. Just continue to draw this little one and other one. Maybe some like that. Zoom out to see how it looks. So I feel that they are a little bit too tall. So I will just select all of them and drag them down a bit to adjust the size, and maybe I don't want them too tight. So I will go for something like that. So that it's more air in between. Now let's select all of your three brown lines and go to the properties panel. Here you have some stroke settings. You can adjust the size here as well with this little thing, I don't know what we will call that, scroll option, or you can type in a pixel size. Dots in the stroke or dashes it's called or just fill stroke. But what we will do here is to adjust the tip to a round tip. So if you have a look, we zoom in. We'll adjust the tip to a round tip instead of this sharp tip. Zoom out, takeaway the properties panel again, and now I will adjust the strokes, so that they feel a little bit more alive. I'll go to the layers panel, turn off the visibility of the sketch layer. So I get a better look at these lines. Then I can go in and select one of my strokes. If I double-tap, I will get all of the anchor points, and it will also go into the isolated mode, where you can change objects without affecting other objects in that group or surrounded objects. But you could also hit done, go to the direct selection tool right away, and here you have your selection. So what I will do is to just change the angle of these points. So that I get a good, like flowy feeling. If I want to delete some anchor point, I can do a smart delete, which will delete the point without affecting the curve, or you could go in and take the bin and delete the point and that will affect your whole stroke. So let's just move these around a little bit. Maybe on that one. Something like that. This one, maybe something like that. You can also go in and rotate them if I want them to be angled out a little bit more, the whole object with the direct selection tool. Maybe I don't want to tip on this one to be angled like that. So I can just go ahead and just add a little bit. So maybe something like that. I think I will just go in and select all of these and pull them down a bit, so that they aren't that tall. Now I'm pretty happy with the strokes. So let's group them together. Select all of them. Either click and drag, or select them in the layers panel. If you want to select several layers, you click or hold the touch shortcut and select the layers. When you select he layers, you can tap group in the common access panel. Here you have your strokes group. So that looks pretty neat. So now I will just turn on the visibility of the background layer and lock the background layers, so that I don't move that one around. We can turn off the visibility on the sketch. Now I want to draw some funky lines here on the cup. So let's go ahead and use the pencil tool again. I will go for a white and let's write the smoothing eight, and I will just draw some funky little lines like this whirls on my cup. Something like that. Hit the selection tool and I will just drag down the stroke width to two pixels. Tap to unselect. Then I will go ahead with the pencil tool once more and draw some quirky little line down here as well. Zoom out to see how that looks. I'm happy with that for now. But I have these overlapping strokes around here that I want to get rid of. So what I do is that I select the cup, hold down the touch shortcut, and select my two paths. Go to the combined shapes menu and hit shape builder. In the shape builder, I can just tap and drag or scribble to remove intersecting lines. So I'll just go over and do that. Over here, this doesn't work somehow. So let's go back again to the shape builder. Let's tap done over there. Go to the objects panel and then tap "Create Stroke Outline". Let's see if that works. Now we have an outline of the strokes. If you go to the outline mode, you can see that this stroke is outline and that stroke is a stroke. Go to preview, select the cap again, and go to the shape builder, and then drag again to see if that works, and that worked, kind of. But my ear get filled. So tap one more time on the ear and that shape will be deleted. That worked out pretty good. Tap "Done" in the shape builder. Now we have one stroke that is outlined and one stroke that is a stroke still. So if you want to continue to be able to arrange your stroke width during your whole drawing, I will suggest to keep everything as strokes until you are finished. Then you can do outlines of all of your strokes if you wish, or you could do that in Illustrator on the desktop in you own if you wish to do so. 14. Pencil Tool 2: Now I will just zoom out to have a look at my cup, and that looks pretty good. I'll go in and lock my cup layer so that I won't accidentally move that around, and turn on the visibility on this sketch layer, and we will draw this line of the cinnamon roll with the pencil tool. Create a new layer, swipe to the right, name it Cinnamon Roll. Select the pencil tool, and I want medium brown stroke color for this, and I will draw a spiral shape here to make the details of the cinnamon roll. If I have this smoothing turned down, and I draw a spiral shape, it will be rough not smooth, so we'll just delete that one. But if I have the smoothing turned up, let's go for eight here as well and see how that works. Just hide the layers panel, and drag to make a spiral shape. It will be smooth. Let's just select the selection tool, and change the stroke width. I'll go to the properties panel, and I want a round tip here as well. Zoom out to see how that looks. Turn off the sketch layer. I'm pretty happy with that. Turn on the sketch layer again. For the bottom part of the cinnamon roll, we will use the blob brush tool, and also the white sugar on the cinnamon roll, so for this lesson with the pencil tool, we will just move on with the bottle. Create a new layer, name it Bottle or Juice or whatever you want. I'll just lock the cinnamon roll layer for now. Make sure you're in the "Bottle" layer, and now we will draw this bottle with our pencil tool, but instead of a stroke color, we will use a fill color. Tap the little arrows to change from fill to stroke color, and we will use this lighter of the greens. Now if I just click and drag, I will get a shape. If I hold down in the corners, the shape will be a sharp corner, and if I continue to move, the corner will be rounded. I will just hide the layers panel once again. This bottle is a little bit off now. We have a sharp corner here and a rounder corner there, and it's not completely finished here I think if we go to the outline. Well, yes, it's a full shape, but I have a point there that I don't want. Turn off the "View mode", and the first thing we will do is go to the direct selection, and I will just use the "Smart Delete" in the common actions panel to delete that extra anchor point. I won't mind that this will be sharp. For now we will just move on in class, but if you want that sharp you can do as we did with the cup and the grid in the previous lesson. But what I want to do is to adjust these corners. If I tap that, I can first make it a sharp corner, and then I can drag it in to make it rounded as I wish. Click on the left corner and drag that one in. Oh, we don't have a point over here in this corner, so that's the difficult thing here, is that we have several different points here. I will turn on the "Outline" mode, but we only need one point in this curve, so let's just use the "Smart Delete" and delete all of these extra points. Then hit the "Preview" mode, and if we go to select this, and then we can actually delete this extra anchor point as well and make some adjustments. We have even extra points here that we don't need, so I will just remove those. Pull that in, and you can make detailed adjustments to your bottle, by adjusting the anchor points. Let's make the label of the bottle here, and for that I will turn on the visibility of the sketch layer, unlock the layer, and I will actually drive that on top of the bottle layer. Turn on the visibility, and then we can lock to sketch later again. Now we see the label here, and we can go ahead and create this curve with the pencil tool as well. Let's select the darker green color with the pencil tool, the darker green as a fill color, and I will have the smoothing up to, let's go for 10 and see how that goes. Now we'll just make a curve over here, turn off the layer, hold down to make a curve, stop to make a sharp corner, pull down, make a curve, and stop, and up to your starting point. We have the right amount of anchor points here. We have one at each corner, at each side, and then we have one in the middle on both. We just need to adjust the anchor points, so I go to the direct selections tool, and I drag the anchor point to the middle, drag out the handles so that the line occurred as I wish it to be. This shape probably isn't closed, so I will just remove that anchor point that was extra, select my object again, go in and curve that one maybe a little bit more, and adjust the anchor points so that my curve is as I wish it to be. Then I will zoom in, select the anchor point and drag it to the side of the bottle, and here we have another extra anchor point, so let's delete that one with the "Smart Delete". I can adjust the handles and go in and do the details. I won't be too picky with the details here in class, but you can work with this for how long as you wish so that you get a shape that you like. Maybe something like that. We'll just go ahead and draw this white straw. We can try to do that with the pencil tool, just make sure you're on the bottle layer. Select, make sure you're on the bottle layer and just draw the straw. Turn off the sketch layer to see how the straw looks like. Then we can drag the part below the other parts of the bottle. Zoom out. That looks pretty good, and that's all there is to it to be able to draw with the pencil tool. 15. Blob Brush Tool: Let's have a look at the blob brush tool and draw a little bit with that one. If we zoom out, I will do a fit to view pinch. We can't make a new layer. Let's turn on the visibility of the sketch layer and close that one. Create a new layer and name that one, oh no, we already have a cinnamon roll layer. Let's use the cinnamon roll layer. Unlock that one. Make sure you have that selected. Unselect your stroke that you made before. I will just go for the blob brush tool in the tool bar, it's this one, and you can choose which brush you want. I usually go for the basic round brush, so let's go for that one. The color, this lighter brown color. The size of the brush, let's move up the size a little bit. Zoom in on the cinnamon roll. Smoothness, maybe you want smooth, let's go for a six in smoothness, try that out. On the blob brush tool you have some brush settings. You can adjust the roundness of the brush, the angle. Click to type in the angle if you wish. You can choose to merge brush strokes, which means that when you draw one brush stroke and draw one on top of it, if you go to the outline mode, it is merged. If you don't have that one selected, you'll get two different objects when you draw that. Go to the preview mode again and we would just undo those objects. Also in the brush settings, we want to merge brush stroke, so you have the pressure dynamics. Here, you can adjust how much you want the brush to adjust in size when you press down the brush. If you have zero, you will get a completely even brush, and if you have it up depending on how much you press, you will get a different stroke. Let's just go for something like 50. Let's try that out. Take down the brush stroke size to 16 and try that out. I will just draw this bottom part of the cinnamon roll and fill it in as I would draw with a pen on paper. So something like that. To see my stroke of the cinnamon roll above, I will drag down the path, click and hold, drag it down under my stroke. Now we'll just turn off the sketch layer to see how it looks. Select the path of the stroke and I will adjust that a little bit so I can't use this selection too. I can just move that around so that it looks good and maybe I want to adjust the whole shape of it so I can just move around and adjust it so that it looks good to me. The cinnamon roll is a little big now. I will select either both of the path or the whole cinnamon roll layer and that will select both of the path. Hit that touch shortcut, the primary one, and click and drag to change the size proportionally, so that the cinnamon roll is a good size for my illustration. Case, maybe something like that and select. Now I want to draw the little sugar on top of the cinnamon roll with my blob brush. I will just lock the two paths of my cinnamon roll and continue to draw the sugar. Use the blob brush tool, white. For this I want to go low in the size. I like to have a little bit of pressure dynamics. You could just do like dots that will make them perfectly round or the pressure dynamics is way too high, but I like to draw little dots to make them not that even and feel a little bit more hand-drawn. Maybe something like that. Here we have a little dot that I don't want, delete that one, and zoom out. That looks pretty good. If we have a look in the layers panel, you can see that we have a lot of different path here now and that is the white little dots that are grouped together. You could either, as everything is locked below, click and drag to select all of the path or you could go ahead and use the touch shortcut to select all of the paths and group them together with the option in the common access panel. Now you have a group of the sugar. You can of course, even name these paths if you want to, to keep it even more organized. 16. Repeat Menu: Now let's move on to a really exciting feature that is added to Illustrator on the iPad, and that is the repeat to panel. It works a little bit like the pattern tool in Illustrator, but not quite anyway. Let me show you what I mean. First, go ahead and make sure that you lock the cinnamon roll layer. We will lock the two parts of the bottle that are green, or we can lock the white straw for now as well. Make sure you're on the bottle layer. Now we will do the stripes on the straw. You have three different repeat options: radial, grid, and mirror. I will show you the grid for now, and you can play around with the radial and the mirror. Make sure you're on the bottle layer and we will draw the lines on the straw. No fill color. The same stroke color as the cinnamon roll. Smoothing can be at 10, because we will just draw a line that goes something like this. Hit the selection tool and adjust the stroke width so that you get a good looking stripe for your straw. Maybe something like that. Now we want this stripe to go all the way up and repeat itself up against the straw. You could, of course, duplicate it. Hold down the test shortcut, move it up. Duplicate it, and move it up, and do like that. But we will go to the repeat menu and hit the grid repeat, and that will give you a repeat. Go to the properties panel, and at the bottom you have your repeat options. Let's play around with these options. We can change the vertical to a little bit closer. Let's go for something like this. If we click and drag in these different handles on the repeat, oops, we have a duplicate there. Let's just delete that one. So click and drag in these handles and that will make your repeat larger, or smaller. You can also adjust the repeat settings in your repeat by moving around these little points. That looks pretty good, but we want the lines to move past this area of the straw. Double-tap your repeat and you will get your original shape that you made a repeater. Now we can just go in and adjust that to make it longer. I will make it as long so that it goes all the way around the straw. Go back to repeat, make the repeats bigger. Then I will go in and adjust the alignment of the object in repeat. Please let's say that we're happy with this. What we want to do now is to expand these repeats so that we get all of these objects as objects and not as repeats. You go to the objects panel, and hit "Expand", and then you have a clipping mask. If we go to the outline mode, you can see your clipping mask around, because you have all of these different objects around the objects that are showing in the preview mode. With the objects left then, you go to the object panel again and hit "Release clipping mask", that will make you see all of the objects in repeat. Now it's important that you have locked all of your other layers so that we don't mess this up. I will just go ahead and ungroup these and delete the ones that we don't use. We can remove this clipping mask box and then select all of our path. Group those together. We will duplicate that layer, and move that to the top. Then we will select both of those and hit the clipping mask. Now we have a straw that are the lines and one at the bottom, we can move those next to each other, that are the white part of the straw. We could group these two layers together now. Now we have a straw layer that we can move around as we wish. Let's create a new layer and I will just show you really quickly what you can do with the repeat menu. Make sure our other drawing layers are locked, or that all of our other layers are locked. Now if I go ahead and draw something, let's draw like a butterfly. I go to the repeat menu and hit "Mirror". I will get this mirrored line from what I drew. Now when I have this line, I can continue to draw and it will get asymmetric join. That's a little example of the mirror. We can also do the radial. Let's do like the floral shape, like a petal. Select your object, and hit "Radial". Here you have all fun stuff to experiment with, with your radial repeat. You can do all fun stuff with this. But for this class, I want to go in more detail in the repeat menu more than we did with the straw. Let's select those two. Delete that. We will also delete the extra layer. 17. Type: Let's move on with the type. I will turn on my sketch layer and you can see that I have this idea to write Swedish Fika with the font and then I will write juice on the juice bottle, like in a curved line. Let's start with the Swedish Fika. I'll just turn off the sketch layer because I will not draw my type, but I will use a font for this. Let's just turn off the visibility of the sketch layer. I will create a new layer, name that layer, text Fika. Then I go to the type tool and just like in Illustrator, with their regular type tool, oops, happened by itself. You can tap once to create what is called narrow box with the type, or you can click and drag to create this text box with the text inside. For this purpose, we will go for the books, and end the properties panel, we can select the font. But first, let's go ahead and type some things. I will just go to the common actions panel, hit the little keyboard symbol and I will write Swedish Fika. Whoops. Double-tap and change the word. I don't know why it's all caps, Fika, like that. That's how I want it. Then go to the properties panel, text, and here in the fonts, you can search for fonts if you know you want a special font. We will go for Fairwater for this. Let's just select the font that we will use that I've decided pre-hand in this class. So Fairwater script. Looks like that. Chose that. But you could also go ahead and scroll down all of the forms from the Adobe type kits. If you hit more fonts, you get the browse by tag. For example, Art Deco and you get all of these cool fonts to choose from. Whoops, don't know what happened there. But let's go ahead again, back and select the fairwater script. You can also add fonts here to creative Cloud. In the common access panel or in the properties panel, you have all of these different settings, and these are familiar to you if you are used to working with Illustrator. You also have some settings in the common access panels, so this is the text size that we can arrange like that, the letter spacing. The line spacing, we don't have lines now. This is the stacking order, so we don't need to use that and that was all the font settings in the common access panel. But here you also have the all caps and all of those settings, paragraph and all of that. I just saw that we have a little space added at the end. Let's just remove that, and now we have our text. Change the color to the same color as the smoke or the steam or whatever it's called from the coffee cup. We can also go ahead and change the size of our text just by dragging in the points like this. If we want to align text or objects or whatever, we can use the align panel to align it to the center, to the bottom and all of that. I wanted to center, hit the touch shortcuts with the selection tool and move it up to a place where you want it. Pinch to fit the view. That looks pretty good. Zoom in and see if we have the right color, I want the dark color. Okay, great. Now, we have that text, the Swedish Fika text. You can play around with the options of your type in the properties panel. Now we added the regular texts and now we want to add the type on the path, like this curved path here I want, text this as juice that are curved with the bottle or something like that. Let's see how it goes. We will add a new layer, I'll just lock the Fika layer, add a new layer. Name that one, text juice. Then I can go ahead and use the type tool again, and it's set to our previous settings, so we'll just go ahead and write juice. I'm like no caps for that one. Oops, the selection tool, and the juice I want in white, because I will add it to the bottle, drag up the size a bit, and just move it to somewhere over here. Now I will draw a line where I want to put my text on the bottle. Make sure you're in the text juice layer, and I will actually use the pencil tool to draw a line with 10 smoothing and white stroke colors fine. Or maybe we should go for red so we see what we're doing. Then I will just click and drag to make a perfect curve. Whoops. Here you can go ahead and change the curve as you wish, just as we did previously and play around with it a little bit. Let's just move that one down a bit and then to add the text to our curve, we will just grab our text, hold the secondary touch shortcuts and drag it on top of the curve, and there you have your text on your path. Pretty cool. We can adjust with these little handles, where you want to place the text and play around with it as you wish. If we tap the common access panel, we can actually go in and adjust the curve, if we wish, and you can go in and adjust the text as well. Maybe we want the letter spacing to go a little bit on minus so that the layers are touching each other. Then go in and adjust your text to something that looks good to you. Can adjust the size as well. We'll just go ahead and actually adjust the size of the length of the text instead of the curve. So maybe something like that, and just place it to somewhere. That looks good. Pinch to fit to view, and there you have your text on the path. 18. Textures & Blend Modes: Now we will add a little bit of texture to this drawing just to have a look at what you can do with clipping masks and adding both pixel textures and vector textures. We will also check out the blend modes. To do this, create a new layer. We'll just lock the text layer. Create a new layer, and we will just name it texture. Then I will just drag up my files. I will add this grunge texture which you can download for free here in class. Just start by dragging in that, and there you have your texture. I'll just rotate that and also just the size, so that it covers our whole background books. Now what I want to do is that I want to cut my texture, so that it only covers my illustration with the background and not the whites on the margins around. Let's go ahead and unlock our background box. I will just duplicate that. Select the background layer and copy to clipboard, make a new layer and paste. Now we have another background box. Now I'll drag that on top of the texture. We have a box that we will make a clipping mask off. I will lock the background layer, select both of the layers with the box and the texture with the touch shortcut in the layers panel, and then go to my objects tool panel and hit Make clipping mask. Now we hidden the outside of the texture. What we will do from here is to go to the properties panel, the blend mode, and just pinch to fit to view so that you can see what I'm doing. We will try out some different blend modes. This texture is a PNG file and it's a pixel texture that is black. Some blend most won't look that good, but some will, I think I'll go for that looks pretty good. Let's go for the color dodge. You can change to opacity. If we zoom in, we can see how much of the texture we want to be showing. Maybe opacity is somewhere around 20. That looks pretty good if you zoom in, you can see that we added some texture to this. This is a pixel texture, it's not vectorized just so you know. That seem to have popped into that layer, so let's just name that layer texture instead and delete that layer. That's pretty cool. But now let's see what happens when we add vector textures. Because if you want your whole illustration to be vector, you might want to add vector textures. Go ahead and first we will make a duplicate of this illustration so that we can see the difference between the vector texture and the pixel texture. Go ahead and unlock all of your layers. Then all the guide and the color palette we don't need to unlock. Then we will go to the Artboard 2. Here you can actually choose to add new artboards just by tapping. You can move your artboards around, change the size of them, and all of that. But what we will do is to duplicate this artboard, something is still locked. We need to see what is locked. That one is locked. Now everything should be unlocked. We duplicate our artboard and let's see if everything is copied. That looks really good. As you can see the other artboard will make new layers inside of the old layers. You'll have one label there and one label there. That is how it's organized when you make a new artboard. What we want to do on this next layer or this next artboard, is to add a vector texture instead. Let's go to the texture layer for that artboard. We will drag in, or actually we will open up vector textures. You can go back to the home menu, and you can open up the 16 vector textures that are free to download in this class. Let's just use this texture, ungroup that. This is actually an AI file that you just can open up in Illustrator on the iPad, which is pretty cool. Go to the Edit panel, hit Copy to clipboard. Go back to your illustration, and then edit and paste. Let's just move that to the side and have a look where it went. That one went above the clipping group. Let's see what happens if we drag down this layer in our clipping group. Turn off the ground texture, or actually let's move it outside of the clipping group first, because I cannot lose it when it's inside. Drag it on top of your illustration. Let's try to move that into the clipping group and what happens if we changed the color of it, because this is a vector texture. There you have added a vector texture to your illustration. Let's try out and see if we like some other blend modes. Maybe the soft light and maybe we want to change the color of it as well, so something like that. This was just an example to show you how you can add vector textures to your artwork in Illustrator on the iPad. Now you can have a look at both of these and see which one you like. For this purpose, I think that it looks better with the pixel textures. I will go for that one. But you can experiment with all of the textures that are included in this class and see what you like. 19. Export: This illustration is finished. Now, we will export it and save it. To save it in Illustrator on the iPad, you just hit the back arrow and it will force a save. Let's go back to it again, and now, we will export the artwork. I will just get rid of this vector artwork. The vector takes to artwork. Because I don't want that one, just delete everything that has to do with that. Now, we only have the pixel texture artwork. The first thing we will do is to just add a white background. Because if we want to export this as a PNG that you will upload in class, you need to add a white background so that this won't be transparent, if that makes sense. Add a new layer, drag it at the bottom of your background. I will just name it, white background. Make a rectangle. You don't need snap to grid, but you can have your smart guides on, and just click and drag to make a rectangle that fits the page. You can of course, zoom in and make this really detailed to make sure that you're not inside of the art board with the rectangle, but I won't do that for now. Now, we will export this artwork. We already have named our file, so that's good. In export option, you can choose a Quick export as PNG, which is fine to be able to share in class. Let's do that. That will be called Swedish Fika, and I would just Save it to Files and in the Downloads, so Save that. Drag up and have a look, and here is the file. This file, you can share in the project page here in class. Let me show you the other export options. You can start a live stream which I haven't experimented with more yet, but basically, you can show others live what you draw. To publish and export, you can export in these different formats: AI, PDF, SVG, PNG, and PSD. If you want to continue to work with your file in Illustrator on the desktop, you can export it as an AI. You can also access your file in the Cloud documents as I showed you before. Here we can export a PNG as well. Save it to Files and Save. Let's just keep both of those. You can experiment with the other formats. If you want to export an AI file, let's do that as well. It's as simple as that. Now, the illustration is finished and we have exported it, so that we can share it in class. 20. Thank You: That's all for this class. We created a fun-themed illustration in Adobe Illustrator on the iPad. You learned the basic functions of features in this awesome vector drawing app. I hope that you found this class useful and fun, and that you're excited to create more designs and illustrations in this app, and to experiment and explore all of the different features that it offers. Thank you so much for watching. If you liked this class, hit the "Follow" button on my profile. If you have any questions at all, please ask them on the Discussions page here in class. Feel free to leave a review to let me know if you enjoyed this class. I would love to hear your thoughts. Make sure you share your project here in class. If you post your project on Instagram, feel free to tag me with maja_faber. Thanks again, for watching.