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

Designing on the Go with the iPad Pro - Graphic 104

Samantha Wilson, Illustrator & Fiber Artist

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

      2:02
    • 2. Combine Panel

      3:45
    • 3. Join & Connect Panel

      2:54
    • 4. Modify Panel

      3:33
    • 5. Shape Library In-depth

      4:07
    • 6. Masking a Background & Shapes

      5:02
    • 7. Paste Inside an Object

      2:37
    • 8. Tip #1 - Color Palette

      3:13
    • 9. Tip #2 - Creating a Mock Up

      3:12
    • 10. Class Project - Mini Classes

      0:54
    • 11. Thank you!

      0:29

About This Class

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

This class is on the lighter side as I will be adding more content as Graphic releases new features and more tips!

Don't be sad though, my mini series starts next week!! We will dive deeper into creating specific products and design techniques!

In Graphic 104, we will finish learning some more of the features of Graphic and then I will be sharing with you some tips!

As I mentioned in the 1st-3rd classes 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 - click here to take it!
  • Graphic 103 - click here to take it!
  • Graphic 104 - (this class)

Bonus: Mini Classes are coming this month! Stay tuned!!

03a7cf4e

Necessary Prerequisite Classes:

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, everyone. And welcome to designing on the go with the iPad Pro Graphic 104 This is the final class in this four part series walking you guys through the iPad app graphic. But don't be sad, cause, uh, I've noticed that so many of you have loved us so much. And I've had so many questions that I am creating a mini class theories that will start coming out next Friday, which is, I believe, November 18th. And these Siris are going to be on specific topics. So each one of them will be on something like patterns, digital downloads, principles, mugs and the great thing about each one of those classes is in them. They will also show you different places to get those items printed and shipped directly to your clients. Most of the places that I use have been vetted by it, see their part of the sea manufacturing program. So as soon as you use them, um, they will actually shipped directly to your clients for you, which kind of helps free up more design time. So look for those theories. I'm hoping to produce at least one a month. Someone might have to just kind of depends on how my schedule works out. But I am so glad that you're back for this graphic. One of four class, this one we're going to have some last minute are some additional things I haven't showed you before. And then also some tips and tricks. Now, it won't be as long of the class as some of the other classes have been simply because graphic I've emailed them and ask them some questions about certain features that we I know that I would really like to see in their program. And some of them are coming out really soon. So my plan is to continue to update this class, so for sure, stay enrolled in it. So you guys can find out as soon as I post new videos on here. I'll let you guys know, um and thank you so much for coming back. And I look for to seeing you guys in my miniseries 2. Combine Panel: Okay, so this first video, we're going to go over your combined panel. So, as you can say, I have a whole bunch of dots here, and, um, they're all pretty much the same with the exception of this one. And that's just to show you this one. I'm gonna keep the way it looks so that as I change these other ones, um, you can see what the combined panel provides. So first thing you don't want to do is select two of your dots and then you're going to go up here to the double box. And you know, there's the three, um, selections and you pick combined, which is the middle one. So, as you can see, we've got union, subtract, intersect, exclude and divide. And then I'll get to the compound path when we get down here. So I'm just gonna go through and show you each one. But basically, when I click on these, this one's going to unify them. This is going to subtract them. Um, intersect include, exclude and divide, and they will take on whichever shape is the most rear selected object. That's where the appearance attributes will come from. So you'll see as I click on them, the pinks going to disappear because the back ones the green. So I'm just gonna go ahead and show you. So the 1st 1 I'm gonna click Union. And as you can see now they're connected. And it is one, um, combined object. So, in the next one, let me slide the board over some so you can see this one when I clips attract. Now, we've got this little half moon shape for this one. We click on it. We've got intercept when we do that, it got rid of the two outer parts in the part that intersect the part that was overlapping . It created a shape. So now we have this little almost like a pedal. Next one is exclude says you can see on this one it actually combined them together and cut out that middle shape. So you've got, like, a little too little half moons together, And then on this one, we're going to click on divide. Now, this one I know at first glance, you're like, Well, what did it exactly? Dio, But it actually cut it. If you zoom in into three separate shapes, so see If I pull them apart, you've got your three separate shapes. So those are your combined panel selections. Now, down here we've got, um I'm gonna show you the combined path. One that was up there. Time to collect on these two. So you've got make a compound path so the compound or the compound path will combine multiple objects in tow, one with the same appearance at tributes. And like I had mentioned before, um, the rear most elected shape is where the appearance attributes comes from, Which is why these all turned green up here. And when shapes air touching the compound path can be used to create holds. So when I select Thies to let me zoom in so you can really see it as it happens when I click on it, it kind of did what the other one did, but in appear so it created a whole. But for this one over here, when I click on it, it's going to actually make a circle hole. So this one kind of works the same as this one as, um as the exclude one. But if it had been a different shape, it would have basically cuts the intersecting parts out, um, so just different ways you can use it, and that is your combined panel. 3. Join & Connect Panel: Okay, so let's learn the path panel. So the path panels located up here. As you can see, it's great out right now because I have nothing selected. So I'm just gonna go ahead and select those two objects so we can access it. So it's the two little rectangles in the top, right? And you click on it and we are on the last option, which is your path panel. So as you can see, we've got joined, Connect, modify and text. Now text. We already went over that in graphic, one of three. So if you need a refresher on placing texts on paths, releasing it and converting text toe outlines, go ahead and go back to graphic 103 Um, and go ahead and check those out. But we're gonna go ahead and learn the other to sew up enjoying and connect. We've got joined paths, connect endpoints and disconnect path. So the 1st 1 we're going to learn us the joint paths. So the way that works is when you have two objects with open paths or, you know, open end points like thes two using joined paths is actually going to connect the closest endpoints to each other, so I've already got those selected. So when I click joined paths, it's now pulled them together and the closest endpoints have actually connected. So if I just, uh, you know, click anywhere so that it's not selected and then just grab this object toe drag around. The whole object moves this one now because it's all connected. Um, so that is how the join connect works. The next one, which I'm going to use thes two lines to demonstrate, is to connect the end points. Now for this one, the difference between the paths and the endpoints is the path would only take two endpoints to connect together. If you use the connect endpoints, you will actually create a shape. So all of the items that have been selected, the all of the endpoints will connect to the other closest endpoint. So for this one, which was, you know, to the two lines when I click on connect endpoints, we now have a rhombus eso. That's how you use that one. And the final one is the disconnect path. So I've got this circle I ready created so, as you can see, moved it around it's a normal circle. I'm gonna go up here and click on Disconnect Path so it makes a nice little square in the middle of this, and, you know, you might kind of be like, Well, she's dragging around So I guess it didn't work, but it did. If I click anywhere first and then click, it's actually broken it into for individual pieces. So that is how you use the joining Connect and in the next video will hit the modify section. 4. Modify Panel: Okay, so now let's go over the second part of the path panel, which is the modify section. So that is made up of open path. It would also say close path here, depending on what we've already done. So I'm gonna call it open and close path, even though it only says open right now reverse path selection and outlines trucks. So I'm gonna go ahead and show you how each one of those works So the 1st 1 will do is the open, close path and use this to connect or disconnect this starting and endpoints of an object. So right now, this is a closed path because it is a shape. So as you can see, it's all closed. It's all connected if I click on that and click on open path. Now, as you can see, it's let me switch to that one. But as you can see, that bottom line disappeared. So now it is not a closed path. It's an open bath. So that's how you use that. Now, let me show you how to. If you wanted to do the reverse the right here, I've got, um, you know, half of a D basically. So if I select that object and I go up here and I click on IPs, I need to be on the move tool lips. So when I select it, see how it switched to close path? So for that when it had been open path. But this one, because it's already opened and not a continuous shape. We've got close past selected so I can click on that. And now it's closed it and made a d. And I can hips move that around and it's a closed shape. So that's the open and close option. The next one I'm going to demonstrate is your reverse path direction. So, um, I don't really see much of a use in this personally because, I mean, unless you're connecting, um, you know, using your pen tool and you wanna do a quick reverse. But for the most part, I could see it being useful for using it with arrow. So for this one, if I click on reverse path direction, she can see it basically moved the arrow to here. So the endpoint here in the starting points there, so I don't see much use for it, but you might have one. So there's that one. And then our final object is our outlines stroke. So I'm gonna zoom in for this once you can really see it, but right now, I just have a standard box, as you can see. Um, so it's all one shape Now when I click on it and I click on outlined strokes. Okay, so it changed. Now you had seen that the bounding box had actually been in the center cause it was all in one object. But now it's still all one object. But when I click on switch to the path Tool, actually, now have, um, the little squares on the inside so I can grab those and actually modify the shape. So before, if I had tried to move the areas, it would have moved it as one continuous shape. But now it's broken it from it being a rectangle into being able to change the inside and the outside parts. So that is outlined strokes. And that is, um, all of your path panel 5. Shape Library In-depth: Okay, so I'm gonna show you a little bit more in depth on, um because I know I went over the shape library pretty quickly in the graphic 103 class. So I am going to go ahead and show you guys just a little bit more in depth on how to add images, Um, PNG slash j or J pegs or your own vectored artwork directly into the library panel. So, um, I already have two objects that I've pulled in here, but basically, this one is FACTORED says you can see when I click on it, it's got all of its little dots, and I can, you know, modify it as much as I want to. And then I have a shape so you can see that it's a shape cause when I click on it, or I mean, it's a PNG Sorry, because when I click on it and I move it around, it has bars. But it doesn't. It doesn't allow me, Teoh actually change it like I would a vector. So for either one of thes if I wanted to add it to my panel, I would just, you know, pick wherever I wanted to go. So going to people, since this is a silhouette and I'd click on it and I'd go down here to the plaice and I'd click, and now I've added it in. Now, this object, I already have it with a transparent background. So if you are creating, um, any PNG or JPEG images, maybe you were creating something in photo shop, um or, you know, painting in photo shop. Make sure when you say that you save it with a transparent background because doing that would allow you to, um, you know, just be pulling the shape in. If you don't do with a transparent background, you could have where it's actually a white box around this, which makes it really hard to use those objects when you have maybe a purple background. So say I was making some kind of poster and it was purple background. Well, if it doesn't match the same background of my P and G or J Peg illustration that I'm pulling in or my lettering, then you'll have this weird box around your shape. Where's right now, I can put that shape over top of objects and have them sticking out because It is just the the image itself. That's very, very important for back vectors. You can do the same thing. Ah, the difference with the vector is like the PNG. I can't make modifications to it. So see if I click on it. This still says white and black, because it is an image, not something I can change where suffice the left on this bad boy. I could change the out outside stroke to peach if I wanted Teoh. And if I ungroomed Paul that I could change the Leafs and, um, really make it my own. So that is the difference with, um images vs vectors and the importance of what you need to do before you're able to import them into your shape library. So I hope that helps clear up all of that. I am going to be releasing a class later this month, um, on how to remove backgrounds so that those of you that are watercolor raced or illustrators and work from more traditional means, you know, working on paper, you know, with pen or paint. I am going to show you how to remove those backgrounds so that you can have objects like this or if it was se Ah, watercolor background. I'm gonna show you how to remove the rest of the paper so that you can pull it in as just a pattern. Essentially. So I look forward to seeing you guys all in that class, and I hope that this helped clear this up a little bit more and that that future class will help you guys figure everything out a little bit more. 6. Masking a Background & Shapes: Okay, so I am going to show you guys now how to mask an object. So masking is basically if you were an adobe illustrator, you would be clipping the image eso If you're not familiar with either of them, basically, sometimes you will be pulling in images or, um, like backgrounds like I have in this one, this watercolor background that are actually, since there an image You don't want to make them too small of a size because you don't want to distort it. So I mean, this was a watercolor background. It was very, very pretty. Um, and I didn't want to make it too small of an object because if I as I was shrinking it, you would lose a lot of the detail. So sometimes you'll pull in like a pattern that you've may be bought off of, like creative market or another one of those sites, and you'll pull it in. And I mean, it will literally be, you know, 20 inches by 20 inches, because that is what the artist or the person that created it, that's the size they created it. But that doesn't always work for you, because you might be using it as the background of your document. Well, if you've got a five by seven document and you've got you know where all of this grey space around your document is filled with pattern are, you know, a background. It makes it really, really confusing. So I'm gonna show you how to clip it so that it is actually the shape of your background. Um And then I'll show you also had a clip objects and had a place patterns and objects in another shape or object. So we'll have, like, a three part for this one. So the first thing you're going to want to do is make sure you're on the same level or let sorry layer as your image. So I am on this one. So the first thing I'm gonna do is go up here to this paperclip, and I'm going to simply cut that. So now there's actually nothing in my layer, but we're gonna add something. So now go over and grab your rectangle tool and I'm going to make a five by seven rectangle . I'm gonna go up here, make sure I went a little bit over. So when I click on that. Make sure it is, um uh, centered, and I'm actually going to turn off the line color. So now I just have basically a white box. Now, remember, we've already cut that background color and remember, before it hung out over the edge here. So now I'm gonna go up here cause I've already selected that white box and I'm going to click on the paste inside. So as you can see the bounding boxes out here because it's showing you where that object, you know, the objects quite a bit bigger than my five by seven. But I now have my watercolor just in that five by seven section. So that is how you would mask, um, a background. You can do that with photos. Also, you just want to make sure that when you've placed the object or the image behind that, you actually have it lined up where you want it. T show on this. Um, so that's how you do that. Now, I did have another layer up here, and it's hidden. I had created a banner. Um, because I was creating a little, um, like, birthday celebration. Type of printable, so as you can see on this? I've got, you know, my cute little ribbons up in the top corner, but they're hanging off. And the importance of these not hanging off is some places that you print it or even some printers. This will if stuff is hanging off of, um, actual, you know, past the document, you it will distort the way it's printed. So that's why this is important in this respect. So I'm going to do the exact same thing I did before. Um, so I'm going to take this all, and I'm gonna group it and then I'm going to grab it and drag it down to layer One said. They're all in one layer. So then I'm going to grab that. I am going to cut and paste in place. It's not paste in place. That's not what I want it. Sorry, Wrong. One click on that again, paste inside. And so now my banner is, um, in that spot, and I've got part of the ribbon hanging down, so it gives it that cute little effect. But everything is within my five by seven document, which is good for printing 7. Paste Inside an Object: Okay, so you probably remember my little snowman illustration from the graphic one of three class . So I'm going to re use him to show you how to put a pattern, which this pattern was a PNG inside a shape. Now, as I mentioned on just a minute ago, you need to make sure that, unlike Adobe Illustrator, since this one works a little bit different with patterns, you actually have to have your pattern in the same place that you're pasting it inside. It's a little weird, but I'll show you what I mean. So if I waas to let me make sure mom that layer okay, if I was to take this and I wanted to put it inside here if I just go up and hit, copy and then select on my shape and hit paste inside, nothing happens. Reason being is my pattern is still over there. So let me go back and I'll show you the proper way to do it. So first, move this to wherever you want it. So if it was a weird pattern, maybe it was a lot like the water color like I had showed you in the last one. make sure that it's over the spot you want to use it, and the part that you want to show is already showing. So now that it's over the snowman, I could go up now and hit Cut, and then I can hit on that circle and go back up and hit, paced inside. And now it's actually inside so she can see this shape now has the pattern inside, and I can move it around wherever I want. It's all become one pattern now. Say you were using that water color like from before. And you don't like the part of the watercolor that showing you can go ahead and first click on the object and then double click, and now it's actually got the whole image so you can actually move it around to change. You know how you wanted it if you wanted it bigger, Gibbs, you could click on those If you know if you want the pattern bigger, you can change the size of it. So if you wanted them to be bigger, X is in this case, and then you can continue to move it around until it's exactly where you want it. So that is another way to use the paste inside or masking and clipping option 8. Tip #1 - Color Palette: Okay, So I know I briefly touched on this when we were going over the shape library, but I wanted to show you one of my tips. And this is my color tip. So, as I had mentioned when we were going through the program, there's only a limited money, a number of colors that you can put within this color fill panel. I don't know about you, but I work with a lot of different colors. But I have my standard colors that my shop, oh so illustrating offers. Whenever I'm doing principles or wedding invitations, I have standard colors that are free to change the color too. So for me, this did not cover how maney I needed to do. But I wanted to still be able to have access to all of my colors, to be able to sense watches and stuff on the go and then also have access to all of them. So when I was doing design work in graphic, they were all right here. So this is my my hack way around it. So if you sell on it, See, I dio I had this, um, color chart that I had created. I'm not sure why that some of my colors, the names haven't changed up. I have another one, but I just didn't have time to pull it in. So just ignore the ones that don't have, um, a name already written across them. But I basically imported this in, um, when I originally created this, it was actually, um, created, I believe in illustrator. But what I did was I made all of my color options. And then I put names over all of them. That way, my clients could go, Oh, I totally want the clover color or sunshine or better green buttercream, you know, whatever color they wanted. So my hack for this program was to create over here a colors, um, shape library. So when I click on this, it actually already has all of my colors, and it even has their name on it. So if somebody had said they wanted the clover and I was working in another document, I always create a layer that I'll click on an alcoholic colors. And then I can just open this up and create and, um, pull in any colors that I was planning on using for that document. and then I'll just pull them off to the corner. So they're already in that panel. They're not on the document. But that way, once I'm working on a new design, I can very easily use my color dropper. Go over, click on it. And now I can wrong one, because that was lined, not Phil, but I can quickly change my color. Teoh, Um, the colors that I'm working with In that way, I'm not each time having to click here and type in a hex number or the RGB color or anything like that. So that is my color shaped library hack for you, and I hope that helps. 9. Tip #2 - Creating a Mock Up: Okay, So, um, here is another tip that I wanted to share with you. So this was a little recipe card as part of this online instagram challenge that I had done . And basically, it was a drink every day for 30 days. Um, not that I actually drink the mall on because some of them sounded disgusting to me, but this is what I had created. So, um, my finished product is four by six. And as you can see, as I had mentioned in the last video, this is, you know, I had pulled in my color so that as I was working at access to them, I'm gonna go ahead and delete them, cause they don't, um, really work with what I'm about to show you. But I'm going to show you a mock up, um, hack. So for those of you that have an online shop, or maybe you even want a post, um, you know, a recipe card or design that you've created on, you know, here in graphic, and you want to post it on social media sometimes. Just posting the card itself. Uh, doesn't look, you know, as great. So, you know, there's all these online places that sell mock ups, and those were great. They have their place. But if you just wanted to do something really quick, um, and basically inexpensive, you can kind of create your own mock up for this object right here. So I'm gonna show you how to do that. So right now, my documents four by six. So I'm going to make it, um, just a little bit bigger. So maybe we do in eight by six or something like that. So, okay, some to grab that which I've already put together. But I'm gonna group it and lock it just in case, and I'm going to move it to the middle. So now I've got this space around this, Um, So I'm gonna go up here, and I already have these wood texture background. So I'm gonna go first up here to the layers, click out of that and create a layer, and I'm going to move it to be the bottom most layer. So this is gonna be basically on top. So for a moment, I'm going Teoh remove that so I can't see it. And I'm going to pull in a wood texture So obviously, these would textures are huge. But I'm gonna go ahead and just make it like a 12 by okay. Turned into a 12 by seven. So and I grab that, pull it over line a line, okay? And then, like I had just showed you, I'm gonna go ahead and clip it. So let me grab that and cut it, and then I'm going to lives. I'm going to go ahead and draw that. Shaped like I had just showed you going to remove the black border, and then I'm going to select it, paced inside. Okay, so now I have my little wood, and then I'm going to turn back on that card, and we'll A You have a nice little, um, design there. And, you know, it's got now a professional or more professional looking background 10. Class Project - Mini Classes: all right. Thank you so much for taking the class. Um, the class project for this one is super simple. I want to know what many classes do you guys want to see first? Um, are you interested in seeing how to make logos? Are you interested in seeing how to make mugs? Are designs for mugs, principles, invitations? What is it that you specifically would like to know about, um, Seymour in depth on how to make tips and tricks for those specific designs and then where to get them done? Um, you know, printed by other people. Uh, that would be super helpful for me. And what I'll do is I'll go through, and the ones that are the most popular will be the ones that I produce first. So I really appreciate you guys taking the time to do the project and let me know what you want to dio 11. Thank you!: all right. Thank you. So, so much for taking all four classes. I so so appreciate it. You guys have been awesome. Have appreciated all the comments, people encouraging me on how much they've loved the series. And that's why I'm so excited to continue on with it with the miniseries. So I look forward to seeing all of you guys in the class and make sure you let me know in that class project what you guys want to see and I will see you in the next class. Bye.