Designing on the Go with the iPad Pro - Graphic 102 | Samantha Wilson | Skillshare

Designing on the Go with the iPad Pro - Graphic 102

Samantha Wilson, Illustrator & Fiber Artist

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
14 Lessons (36m)
    • 1. Introduction

      0:54
    • 2. Move Tool

      4:09
    • 3. Path Tool

      3:27
    • 4. Line Tool

      3:19
    • 5. Arc Tool

      1:14
    • 6. Eclipse Tool

      3:40
    • 7. Rectangle Tool

      0:57
    • 8. Rounded Rectangle Tool

      0:52
    • 9. Polygon Tool

      1:12
    • 10. Star Tool

      1:53
    • 11. Combining Shapes

      3:34
    • 12. Class Project

      0:35
    • 13. Class Project Example

      10:14
    • 14. Thank You

      0:17

About This Class

Ready to continue learning to Design on the Go with the iPad Pro? Then welcome to Graphic 102 - the 2nd class in our 4 part class series!

In Graphic 102, we will be learning how to use all of the program's built-in shape tools and will end with creating a fun scenery or design made entirely of shapes!

As I mentioned in the 1st first class Graphic 101 (if you haven't taken that class, you can enroll by clicking here) we will be using the app Graphic which is a full featured graphic design and illustration app. This will be a 4 part class series where I will walk you through using all of the tools and teach you tricks and tips. At the end, you will be able to create professional designs: from wedding invitations to business cards and even branding boards! The sky is the limit!!

Class Schedule: Make sure to follow me so you know when the next class is released as some might be released earlier! 

  • Graphic 101 - click here to take it!
  • Graphic 102 (this class)
  • 3rd Class Released on October 28th
  • 4th Class Released on November 11th

Bonus: I plan on having some mini classes in the future focusing on specific projects so stay tuned and let me know in the community board if there is any specific mini class topics you would like to see!

c3297f03

Necessary Prerequisite Classes:

  • Graphic 101

Necessary Hardware & Software:

  • iPad Pro (or any iPad!)
  • Apple Pencil (optional) 
  • Graphic App

So what are you waiting for? Click the enroll link and I look forward to seeing everyone in class!

Transcripts

1. Introduction: Hello and welcome back to the designing on the go with the iPad Pro Series. I'm your teacher, Samantha Wilson, and I'm so excited to have you back for graphic 102 Now, if you haven't taken graphic wanna won the first class of this series. Go ahead and click down below on the about me tab. And there's a link that will take you right back so you can take that class first because it sets up a lot of our basics. So if you have taken already Yeah, here we are for class number two in this one, we are actually going to start designing. So we're going to be learning how to use some of the basic shape tools that are already built into the program and using those to create a fun little project at the end. So I'm looking forward to seeing all of your class projects and thank you so much for coming back in taking class too. 2. Move Tool: Okay, so welcome back. And now we're going to work our way down the toolbar. So the first tool we're going to talk about is this little filled in era, which is your move tool. So the move tool is primarily used to select and move objects or grip of objects. So I've already got a couple of objects on here that I'm going to demonstrate using this with. So the first thing is how to move the objects individually. So see, when you click on any object, um, it has its bounding bar, you know, So it gets highlighted basically, so you can tell that this one's been selected, so once you've selected it, you could just grab and drag it around. And as you can see, not only do you keep the bounding box that shows you exactly where the shape is moving, Teoh. But you also have your X and Y axis points so that you can tell, um, you know where that's at. If you have a specific location, you're going to. So that's how you would move an object individually, you can also move them in groups. So to do that, you would just either double click and then do select all and you've got the mall to move, or you can click and drag across, whichever one do you want. So if there's only a couple of objects on the screen that you want to move, that's an easier way. So that is how to move them as a group. Now, another thing that we can do within the using. The move tool is a resize or rotate. Any of these objects are as a group, so we'll start with this one again. You click on it and see how view there's these little blue dots that have appeared. That is how you would resize so you'd select on any of them. Click and drag. So as you can see, you can make it bigger, smaller, and it gives you the with by height. So if you're going for specific, um, size, you can, you know, use that directly from there. Now I actually have the aspect ratio locked. But say you didn't I may say if I have this one locked, Okay, so let me turn it off. So you go up here to the little Ruler and down here on the right size is your aspect ratio , so you'd click on that. And now when I move this, I can change it to be however I want it to be. So that's how you would toggle that on and off. Another way to resize it is actually from within this ruler. Up here, you can change the position by clicking the plus or minus up here for the X and Y access, or you can type in the actual location. And then you can do the same thing for the size here, so I can click plus or minus. And since I have it locked, they're going to move at the same time. The next thing that I'm going to show you is how to rotate. So you've got these two little orange dots here, and that's how you would rotate. So you click and you drag to rotate. Now, I don't know if you had noticed, but back here up in this ruler tab, you can actually rotate from right here. So say you wanted it to rotate hips in 270. Then you would just click that number in or 1 80 or 1 20 So it's well 1 12 Okay, another way you can do it, Which this one won't show us much because it's it's a shape like this. But you have these thes two right here, that to flip. So if you're clicking on it, you know, you can see it just a little bit here because of how I have this one set up. But you can click that to rotate it back and forth to flip it, actually, and then this one would flip it up and down, so that is basically our move tool. 3. Path Tool: So the second tool that we're going to go over on the toolbar is actually our paths tool, and that is the second little arrow there, and the arrowhead is actually empty. Also, whenever you're selecting on any of thes, it tells you up in the top left corner which tool you're actually working with. So I've selected the path tool. Now, as I mentioned, this program works in vectors. So the path tool actually allows us to select and modify the points and the curves of a particular object or line on our design. So when I clicked on it and I don't know if you noticed because I actually wasn't selected it. But when you go from, like the move tool toe any to the past tool when you click on it, this little bar down here popped up, and this is actually represents the three editing modes that you have when you're using the path tool. So the 1st 1 is basically your select tool. The 2nd 1 is add to selection, and the last one is your convert. Something to go ahead and walk you through the three of those. So the 1st 1 when you click on it. I can click on any of thes shapes, and as you see instead of it being highlighted like it was in the last one, it actually has these little squares there. Unfilled squares that pop up and each one of these are points that you can click on and manipulate. So I'm gonna go ahead and show you let me zoom in a little bit. So I've clicked on this one. As you can see, these little handlebars have appeared. That allows me to grab and manipulate this, particulary her point. See how I can move that around. So that is when you're using this first selection tool, you can only manipulate one spot at any time Now. When I go to the add to selection, you can select and edit multiple. See how I just highlighted both of those to just by clicking any of these on here? I can manipulate more than one of the spots at one time, and for each one of them, their handlebars pop up, which will allow me to manipulate that corner or that spot even further. So with both the first editing mode and the 2nd 1 the select and add to selection whenever I'm working with any of thes you both the handlebars all pop up for each one of these. Now the difference is when I clicked on this convert, it works a little bit differently. You can manipulate just one handlebar, typically with the other two. Whenever I clicked on an object, if I clicked on one side of the handlebar and I moved it, it moved this second side, too. So let me click back over here. So CIA's I'm moving this. See how this handlebar is moving. Also, some manipulates the whole shape, whereas if it if you're in convert and I click on this one, see how it's only moving one side. So that's really good. If you're getting into detailed work and you want this side to stay the same but you, you're working over here and you need to manipulate things, so that is your path tool 4. Line Tool: So the next tool that we're going to talk about is your line tool. So it's a straight line down here. Go ahead and click on it, and you've got three different modes down here. The first is your line. The second is your a road, and the third is your dimension. So now I'm just gonna walk you through the three of them. So the 1st 1 with a basic line, you would just happen drag. And that's how you get any line you want. If you wanted to change the color, you could click right here to select a different color. Now, if you want to draw a straight line, you would tap start dragging that general direction and then tap on the line itself with your other finger on it would help you create a straight line. So that's how you create a basic line. Our next one is our A road exact same thing, so you could draw them like that. You can do the drag tap to get a straight line. Now say you wanna have a narrow on the other end or you don't like the Arab for that you'd go up here, do your little icon up here and write down off. The 3rd 1 is your arrows. You could click on that. Oops. And here are your different options, so I could change it to a block. You could have both ends, have a block, you know, however, however you want to change that arrow, you could change it right within their um So that's our error tool to go ahead and delayed thes, and we'll jump back in here and we'll do our dimension one. So this one's great If you have any detailed work that you're doing, like, say, blueprints so you would tap and drag and see how it's already got your dimensions in there so you can do a couple of different things from here. You can go up here and you could change the arrows. Say you only wanted a narrow on one side and a line on the other, and then you could go back in here. You could change it to a dash line if you wanted. Um, which here's your dash editor. I should you have to use that are gets I haven't yet, but, um, for that you go in here, you click on dash editor. You can make your own changes from within here, or you can pick any of the selected ones they already have. Then the last part to change this number part. You go to your label here, So when I click on the label and you could choose none, you could choose the dimension, which they already have length with height and area built in. So say, I wanted to click height. I could change the location, as you can see that moved over there if I want it off, said, if I wanted above or below, I can choose if I want it. Horizontal vertical parallel, perpendicular centered. Um, I'll go ahead and pig parallel, and you can choose your unit. You can even change the text down here or say you want toe. Put something specific. They're like start here. If it was a map, you could go over to text and actually type in your whichever, you know, whatever you want to label it. So that is how you use the dimensions, and that's basically the line tool 5. Arc Tool: So the next tool we're going to talk about is your ark tool. And it works very similar to the line. You don't get the three different options, but you can basically do all the things just with an arc. So when I've clicked, I can just click and drag toe wherever I want to make my ark. I can go up, um, here to the selection or the I mean, the path tool. And you can, um, make your changes there. If you wanted the ark toe look a little bit different. I go back to your ark for select on this and up here, you can change it by adding arrows to it. We can go back, we can do the dash with it, and then you can also use the label. Um, with this also, which is great. If, you know, you were drawing something and you wanted to show it was a 90 degree corner. You could, you know, go up in here, type in 90 degrees. I can't even spell that right. We'll just pretend it's right. And, uh, you could make all of your changes down in here. So, um, that is basically the ark tool 6. Eclipse Tool: So the next tool we're going to talk about is your clips tool. So you're gonna click on it, and then you'll just happen Drag like before, and you can get a nice little level. I know I've got the fill filled in already, but if not, it would have just been the, um, the line color. So you can change that from right in here. Um, when you've selected the item up here with this little I for information icon, you can click. And this is your parents tab. So you've got lots of different things. You conduce. Let me move this over here so you can see all of the different things. So the first is your stroke, so you could change the thickness of it or, you know, make it skinnier from right here. You can do the plus or minus, or type it in. You can also change your line color. It's a duplicate, but it just shows you you can do it in either or spot. Um, you can change your brush. If you wanted to say you wanted this line to be a little bit different, See how it's dinner and thicker because of the line of the brush I used. I'll go how to make it round again. She could make some edits. And there you can also change it to a dash line. If you really wanted to, um, you know, maybe you're working on something that it looked really, really good toe Have that. So you can change that right in here with the dash editor. He cannot a label, like, say, you were doing a car tire and you wanted, uh, whoever was looking at this image to know that you had 19 inch wheels on it, you could jump in here and use the label do dimensions, um, or tax, you know, put 19 inch your, um whatever. And then move where you wanted that to be, so that they could see that that was actually 19 inches. You can fill right here. Now, that's the same over here. So it just depends on if you want to be in this panel over here So you could click and, um, changed the fill color to, you know, whatever you want. That's a really ugly combo. But that works have you can also fill it with an image. I should you have to do that for the background. It's the exact same steps. Um, so you would just click Choose your image to use your opposed capacity scaled if it or stretch to fit. Um, you also have down here where you can do a shadow. So to do that, you would. Oops. Sorry. Didn't mean to click out of that. Get back in there. So we go back the shadow tab so you could choose your shadow colors to say I wanted purple . I would click that on. And now you can see down here I've got a shadow effect that's been added to my circle. Um, you've got all these different settings. The X and y axis offset blur. How much blurry Wanted to be your crisp of a shadow? Um, someone tuggle that back off. And then down here, the last little thing is, your opacity is you can click and change that. Um, toe how Lopate, You want your eclipse to be your circle to pay. Um, so say I do want to change this to a circle. I would go up here to this little ruler and right here for the size. You can change that right there. And now you've got your perfect circle. And if you keep the aspect ratio one, you can make it bigger or smaller, and that's basically your clip stool. 7. Rectangle Tool: So now we're gonna jump down to your rectangle tool. So already got a, um, color picked for my line. And for my fil say you would just click and drag. And, uh, that would be how you make a rectangle and you go up and click the move tool gonna slide it to the side. And once again, we can get back into this appearance can, um, center, just like we did with the eclipse. You can make all kinds of changes in here again since already shown you I'm not gonna really do much within here. Um, but you can basically do all the same things that I just showed you. Just now you're doing it with this, uh, rectangle and to make it a square once again, you could just go in there and change up the size. And, uh, that is basically your, um, rectangle tool 8. Rounded Rectangle Tool: so our next one is right to the right of your rectangle tool. And it's your rounded rectangle tool. So, as you see, we have a, um, little selection down here, and this is actually where you can pick the radius of, um, the rounded edges of your rectangle. So I'm just gonna leave it at whatever it is, and you click and drag and so you can see instead of having nice little points here, I have a rounded corner, just like with the previous the eclipse in the rectangle. Once you've created your design, um, or your shape, you can go up here into the appearance and play around with, um, the design and how it would look, so that one's pray pretty basic. 9. Polygon Tool: so the next tool is our polygon tool, so it's right below your rectangle when you click on it. You have another selection down here, and it says sides and number. So if I was going to leave it at three, as you can see, there's a little triangle there on. Did you convey? Very Basically, use a triangle. Um, you can slide it, and as you slide it, it changes to different things. If you want a seven side of design, you can go to that. A 12 sided one five cited Super simple like that. And you know between using the move tool, which will allow you to rotate or change the size of it. Or you can even go into the path on DA. Change up some of the angles of these. You can manipulate how you want thes objects, Teoh toe look. And then, just like I showed you in the eclipse, um segment video. When you click on it, you can once again go up here to your appearance panel on Do make all kinds of changes to it to make the shape you're in 10. Star Tool: said. Last shaped tool you have is your star tool. So when you click on it once again, you get selections down here. And this time you get points which I have set to do right now and then length. So if you leave it at the lowest setting, you get your rhombus. But as you change the points and the lengths, you can get all kinds of really cool shapes and here all kinds of different starbursts. And it all has to do with just toggle ing that that liner, that one's fun, Um, to your length and your, um, your number of points. So lots of different options with him here, you really just need to get in here and play around with ease to just scroll them back and forth. And then, like I mentioned in all the other videos, once you've created this, you can select any of them and totally changed all of their settings by changing by changing their color, you can go up here and add a shadow of Phil add, um, some arrows in there, which looks really, really weird with that. But, you know, maybe you like the way that looks um, you can change it to a dashed line, which kind of distorts it, but it gives it also ah, really splatter effect to it. You can add a shadow and change your rapacity and your stroke right in there. So, um, that one just really fun to get in and just play around and make as many shapes as possible . So that is your star tool. 11. Combining Shapes: So now that we've gone through and you've got a whole bunch of different objects that are tools that you can use from your toolbox of different shapes, I'm gonna show you how Teoh use those sheet shapes together. So let's say, for instance, I want to make, um, a cloud. But I'm going to do the cloud gray so that you can see it on the white background so I could take the circle and click on a whole bunch together on make a cute little cloud shape . Okay, so right now, if I went over the layers, I've got a whole bunch of shapes together. That's not ideal, because then when you try to move the object, you're just gonna be moving one piece at a time. So what you can do is go click on the move tool, click in, select all of them like I showed you before and then go up here and you see these these two boxes, they look like two pieces of paper kind of off center together. Go ahead and click on that, and this is where you can group your objects together and we've got a lot of different order and stuff in here. So I'm just gonna walk you through this basically, because you're definitely going to need to know this to do the class project. So I can click right here and click group and now have an object that can move all together , which is great. Now go back there. You saw you've got your alignment tools here. Those air fabulous. Especially if you're trying to get to a certain spot. Like if you want to center. So I wanted to send her my cloud. I could align vertical on her horizontal, and now it's dead in the center. Or align it to the bottom, the top, the right, the left. You know, wherever you want it. Now, another you've got your distribute horizontally and vertically. If you've got multiple objects and you want them to be evenly put on your canvas, you would use those. But since I've only got one object, we can't click on those right now. If I wanted to for some reason on group it maybe I wanted Teoh move. This little guy right here, I could hit that on on ah group. And then I could change my cloud a little bit more. Select the mall and click group again. Now up here is your order back to front. So if you're familiar with illustrator, you know you can select an object and click send back. But here, the way they do it is you've got this little toggle bar here or slider bar. Sorry. So if I had multiple of thes hips, sorry, I'm getting click happy and he had to prepare a copy paste so they have got two or three of them. I'm going to change the color of this one, so it makes a little bit easier. So, as you can see right now, this darker one is in front. So when I click here, it's on front. If I click on this one and click on this, it's on back. So if I wanted to bring that to front, I would just slide this over here and now it's in front. If you've got multiple objects, you might just want toe click and slide back and forth. Another way to keep them separated like this without having to mess with that bar is actually using your layers. So, like if I wanted this one to be farther back, I could click here, click and drag it, drop it in another layer, and now it's in front. And then I could just take the whole layer and switch it like that in that way of your building on layers. That's a great way to keep them separate, so you know what is in forefront and what's in back. 12. Class Project: All right. So let's talk about the class project. So for this particular one, I would love to see use the basic shapes and the things that you've learned in the 1st 1 Like how to change your background, put in an image any of those things and create. Ah, beautiful little design. It could be, you know, some salmon. It could be some stars in the sky. Whatever you want to do, make it fine. Make it super creative. The next video down will actually be me creating a little bit of a class project. So for sure, check that out. If you have any problems coming up with something. 13. Class Project Example: Okay, So now that, um, we have learned a whole bunch of tools, um, and shapes Ah, we're gonna put it all together and make a fun little class project. So at my house, my daughter is obsessed with curious George right now. And so I have just been scrolling through the movies and we just happen to watch a Christmas movie yesterday. I know it's only October, but, um, yeah, Christmas is any time in this household, so I've kind of got that on the brain. So I'm just going to do a quick little design using the shapes tools that we've learned and some of the other settings that we learned in the first class and make a cute little Christmas, I don't know, snowman scene or something like that. So, um, first thing I'm gonna do is add a whole bunch of layers because I really like to work with layers. So, um, I like toe make my background in one, but I didn't want that to be that color, but its final change that so I thought this would be really good way for you guys to see, you know, kind of how I work from in here and how? I mean, even you're using and knowing some of the basic tools can really be super helpful. Um, you know, because not always. You don't always have to draw everything. Sometimes you could just really work with what you've got tool wise and make really, really cool layouts. So, um, I'm gonna first to my background. And I want I want it to look like hips. Like it snowed. So I'm gonna do a whole bunch of circles. The clips are ovals. I guess in this this instance to give it that appeal that looks like there's mounds of snow that last one. So this will be my background. So I'm gonna go ahead on and lock it and move up. Now, I'm gonna do a couple of clouds in the sky, because I don't know, I guess I feel like you can't have christmas and snow coming down without, you know, clouds. So, like I showed you in the one video, I'm gonna go ahead and group those, and then I'm gonna copy and paste tips. I guess I didn't group that. Okay. Copy and paste. Rotate this one and then copy and perished. Maybe make that a little bit bigger. Okay, so I got a couple of fluffy clouds up here, although I think I'm gonna make them just a little bit darker, so they don't look so Clough dish are they look like a cloud, but, you know, light or cloud, I don't want them to look like exactly like this. Now you actually like a mike, okay? To relieve them white, Then I'm going to dio Ah, whole bunch of little dots. Yeah, that's supposed to be white. I want to get a couple of them together. I can just copy paste e get easier. Guys have got some snow coming down, and now I'm gonna jump to another layer. I like toe lock the previous layer. I don't know. I guess just something about I don't want to accidentally mess that up. So and now I'm gonna do a snowman. Now I am going to turn on the line because I don't want the snowman to be pure white and you not be able to tell what the snowman looks like. So and do my oval go up here. I'll drop it down to five for my stroke. Then I'm gonna change it. 2.5, actually. I'm gonna change it toe like a three inch by three inch. Then I'm gonna go ahead and lock the aspect ratio, and then I'm in a copy paste. Make this one a little bit smaller. Make it like a to wish, and then paste make like a 1.5. Okay, remove him down a little bit. Then we're gonna use your line tool. Andi gonna make some brown se, Actually, you know what? I'm just gonna keep him gray. That will probably be easier. So make some gray hands. Hips. Okay, So that's why you gotta check your settings. Does he conceal E? We haven't even used the pen tool yet because we haven't gone over it. And I'm already able to create some great fun little vector drawings in here. I can click on this, get those lined up hoops. Okay, Ad Just gonna copy and paste that for his eyes, okay? And then for his nose, or and do a carrot. So I'm gonna go up here and jump on the star two or no, the polygon tool. Sorry with Holly Gagne. Tool. Drop it down to a triangle and do basic triangle that I'm gonna go in and change it to make it long and skinny. I'm gonna change it toe orange, because this is more peachy. So take it up to this top part, okay? That looks awful. Okay, we jump up and use the lining tool something. Zuman the line. Fine line. Lips. - It's the dropper to match it. Sorry. Really Didn't like the way that that line was looking. Every girl this looks a little bit better. Okay, so I gave him a little nose. Um, I don't really feel like adding a mouth, so he's just gonna be a mouth less one. And then I will add a scarf on there for maybe now, almost get that. I'm just going to do a hat. So do a rectangle up here and another one. And just ignore the color for a second, because I didn't change that. So obviously we're not leaving him with an orange jack. That's just hideous. Grab those two will change to a dark grey hat. And so there you go. So as you can say you can, I mean, is it perfect? No. Did I rush through it? Yeah. because I just wanted to show you guys what you could do. But, um I mean, so with just using some basic shapes and the line tool and knowing a couple of different things and using our layers, um, I was able to create this cute little design, so, um, I can't wait to see all of your designs. 14. Thank You: Hi, everyone. Thank you so much for taking graphic. 102 are third class of the series will be released on October 28. So I look forward to seeing you all in that class and I can't wait to see all of your projects for this class. Thanks. And I'll see you next time. Bye.