Lessons

Lesson Info

Capture Artwork with Creative Cloud Apps & Adobe Illustrator

We're gonna create a new library that we're gonna use in this one okay? So, come to My Library, click on the menu, and choose Create New Library, (clicks) and it's gonna ask you to give it a name. We'll just call this AI class just so we have something we know and by the way, you can later on if you really don't want this, you can obviously delete it, there's an easy way to do that, there's a little trash can down there. And go in and create. (clicks) Alright, now we're back to square one because we just created a brand new library, we can start dragging, dropping, do all kinds of things. What I'd like to do, is I'm gonna go over and I'm gonna capture something that I drew over here, a little backpack. You guys obviously can't do that okay? And I'm not gonna share this library and go through all that heartache with you guys, so for you what I want to do is we're gonna open up a file, and I'm gonna have you drag from the file into your library. Okay? So let's do that. Why don't you come...

to File, Open, and everybody can do this. You're gonna see a backpack.ai in the Segment three folder. Go ahead and open that up. (sniffles) (clicks) Alright, go ahead and fit it in the window if you don't mind just so you can see the whole thing. (double-clicks) (clicks) And what I'd like you to do is click on the backpack, and we're gonna drag it into the Libraries panel. So click on one of the strokes probably, one out here, and drag it in, let go. You got yourself your backpack, and you can close up the file if you want to now, the AI file, and come back over. (clicks) And you should still see it there, so obviously these libraries are not based on a file. They're there at all times, you can use them anywhere you need to okay? Alright now, what I'm going to do is I'm gonna show you how I actually capture that, or a way to capture that using the apps that we have at our disposal. So let me, let me go back over here. I'm gonna come back to the Adobe Capture app that I've got here, and we just started talking about this, and we started talking about how we could capture shapes, and what I'd like to do now is I'd like to actually do this first before we capture any kind of shapes from somewhere out there taking a picture of it. If you look right up here at the top, you're gonna see that I can actually choose my library first and you have to do this okay? So I figure we might as well look at libraries, and then create one if we wanted one, and it's not there, that's fine. I'm gonna move on. So I'm gonna go to my library, which is, I could choose that one as soon as it shows up. Once we choose a library, now what we can go in and do is we can actually capture, so you're gonna do this by either taking a picture directly with the device, or you're gonna actually take a picture off your machine. Okay, off your device rather. So I'm gonna tap on the plus here and it's gonna say alright, let's do this. Now this is the thing that freaks everybody out, cause when they first start this, they're looking at it going what is that? So it's your camera obviously, so what I'm going to do is pull this away a little bit. Now I've got the backpack and I always cover the camera with my finger, that's great. I've got the backpack right there, so I'm just trying to use the camera a little bit to set it out there now. I'm gonna do a little work here. What I want to do to start with is I'm gonna tap on the screen, and what it's going to do is it's gonna show me what's called a shape preview. So it's gonna say this is what we're actually tracing, and what you're gonna get. And right now, I got nothing, so there's a little slider here which says, let's actually capture more so I can take this little circle right here, this little slider and drag it up. Here we go. Now what's gonna happen-- I love this, what's gonna happen is it's actually gonna go in. It's gonna capture these shapes, and it's gonna turn her to vector. That's the whole idea behind this program, this little app. So, when I think I've got it looking pretty good, I'm gonna tap on the big green button which is go, so tap on the big green button. It's gonna freeze it. Now at this point what we do is we refine it. We say, you know what, you capture more than I want, so what I'm going to do is I'm gonna set it down so it's a little bit easier. So set it down right here. I'm gonna go in and right now we have two big buttons towards the bottom down here. We have keep in shape, and remove from shape. I have remove from shape selected by default, so all I have to do is take my finger and I'm gonna go and say you know what, I don't want that stuff right there. And if there's anything inside, I can kinda zoom in a little bit, take a look at it. Do you see the edges on this thing? First time I started using this, I was like are you serious? This isn't gonna work, this is ridiculous. (sniffles) What's gonna happen you're gonna find pretty quickly, let me get all of it, there we go, is that I'm gonna tap on Next right up here on the upper-right corner, so I'll tap on Next. It's now gonna draw the smooth curves. So it's gonna go in and actually refine the paths, make them a lot smoother, make them better looking, and this is where if you have a really detailed illustration or something you created, took a picture of, this could take a little while, but okay, there we go, not too bad. So I've got it in the library, looks pretty good. The next thing I wanna do is just say let's actually save this, so at this point I could always go back, there's a refine in the upper-left corner, or I could save it so I'm gonna tap on Next right here. And it's gonna say there's the shape, it's gonna ask me to name it, so I'm gonna tap on name. And this of course you do not have to do, but you know I don't want to be that lazy. So I'm gonna go in and delete what's there obviously, and I'll say backpack. There we go. Okay. You're gonna see what library it's gonna save it in. This is actually kind of a newer feature. In the past, if you picked a library, you were stuck with it, that was it. Now you can actually change which library it goes to, and the thing I really love, it's actually gonna capture the original image that it took a picture of, to save with so later on if you're looking at this you can see it. I love that, right there. Alright, I'm gonna click on save shape or tap on save shape and it should save it for me. Now, using this app, what we can do is we can go in and we can capture just about as many shapes we want, so I can just sit there and keep going. I can keep capturing different artwork, different this, different that, and get it to work, and once we're done, we can switch libraries, we can start to work that way, but I think I think I've got it. So what I'd like to do now is now that it's in my library, you've already got it in your library, which is great. I'm gonna go back over, and I'm gonna take a look and see if it's actually there, okay? So we'll see. Alright, let me come back over to Illustrator. (light thump) I'll come back to the menu right here where we have AI class I'll come to My Library, and there it is, cool. So that's part of the creative sync, you can see it right down there. It's usually pretty fast. It depends on your internet connection, all that kind of stuff, but it's-- Once you get used to it, you're gonna see it's pretty good. Alright now, we're gonna take that backpack, we're gonna bring it out, but we need to open up the original or the starting point for this. So why don't we do that, let's go to File, Open. (clicks) (clicks) And let's go to Backpack-start, let's open that up and click Open, hopefully you all see that. (clicks) Alright. Click in this art board and let's fit that into window. So go View, fit in window, if you can do that. (clicks) Okay, we're gonna take that backpack and we're gonna drag it out and use it now. So what I'd like you to do is come over to the right here now. When we drag it out, if you create something from Adobe Shape, which is technically not the name of the application anymore. This is now called Capture, but if you hover over the thumbnail, you're gonna see it says created in Adobe Shape. If you drag this out right now, it's just gonna be shapes. There's no link, there's nothing like that, so let's do that Go ahead and drag the backpack out onto the left over here, drop it on the art board, and you've got the shapes. Now the way Capture works, when it captures this kinda artwork and vectorizes it, or turns it to vector, it's typically creating a group of objects and these are not really paths, these are actually sort of like filled shapes or closed paths, okay? So what I wanna do is I wanna make it a little bigger, so let's do that. So come to one of the corners, hold on the Shift key, and let's drag it to make it a little bit bigger. That looks pretty good. And if you want to, you can move it over into the center, now be careful, there is no fill on this thing, so you're not gonna be able to move it that way. You have to come to one of the strokes, one to the edges, to move it over. There we go. Alright. Now what we're gonna do is we're gonna start to go in and start to kinda color that thing, we gotta make it look pretty, right? Now this is created in a certain way. If you capture from an app like this, or if you create certain ways. For us to be able to fill this with colors, is actually gonna be kinda weird, cause really, you guys, this is actually a group, look up here, look under group right there. Here's what I want you to do. If we want to edit the paths, or the shapes, or the objects in a group, we can double-click on it. So why don't you come to one of the strokes in the group there, the black part, and double-click on it. (double-clicks) You're gonna enter isolation mode I should say. If you click again, you're gonna see that this is actually what's called a compound path. That's a whole bunch of different things going on, and it means that we're not really gonna select each object and put a fill in it, okay? So it's a little different, so sometimes you're gonna get artwork like this, you don't know what to do with, but what I want you to do is let's edit-- or exit isolation mode, so you can press the ESC key to get out again. We're gonna use a different tool to get this done. This tool I think is, it's awesome. It's a great way to be able to work. Why don't you come over to the left over here in your tools panel, and you're gonna see we have what's called the Shape Builder Tool, whoops. The Shape Builder Tool over here, we use this a bit in the beginning class. Click and hold down in the Shape Builder Tool, and you're gonna see a tool called the Live Paint Bucket. Anybody ever use this one? It's a little different. I love it honestly, because it's actually sort of like if you go to a coloring book, and you color on a coloring book, you have all the lines and the outlines of the object, and you just go in there and you kinda color it, right? And then just, you can fill it up. That's kinda what this does. Choose the Live Paint Bucket tool, and what I wanna do is I wanna-- I wanna go out here and fill this thing up with color. Now it's gonna kinda split it up into different parts for us automatically. It's gonna look at this and say, Oh! if you look at this big white area right here, it's kinda surrounded by this black outline, so it's gonna make that one shape that we can fill with color. Now we need to pick a color to start with, but we'll just pick black. Can you see the little swatch above the cursor? That's the color we'll start with. Come out here towards the center and just simply click. (clicks) This is pretty awesome, this really is. You can use this for a lot of different kinds of shapes. That means we don't have to select each individual shape. Now what I'd like to do is change up the colors here, so what we need to do is we need to pick a color, and then kinda fill it by clicking. So you can come up if you want you guys, I would actually go to the Swatches panel on the right. Just come over to Swatches over here. And I'll make it a little bit taller by dragging the bottom down a bit. You can start clicking on colors. If you wanna make a blue backpack, click on a blue color okay? So you can start clicking on colors, come out here and you'll notice that when you put the cursor in there, wherever it's a red outline, that's where it's gonna fill with color. So I'm gonna do that, I'm gonna go blue. Does everybody notice that after you click with that color, do you see the three color cubes above the cursor, above the pointer now? This is pretty cool. I wanna just use shades of blue. So I clicked on blue over there and there's a bunch of like shades of blue around it. You can use your arrow keys now to cycle between the colors, left and right. So use left arrow, right arrow. Look over the Swatches panel as you do it. It's actually choosing another color for you. You don't have to do this. You can just go over there and click on a color, and come back and click on it over here. But there's a bunch of different ways to do this. So I'm gonna go in and just start to use some of these colors and start to paint a little bit. (clicks) Paint it up. (continuous clicks) There we go. (continuous clicks) Now you wanna be careful. I do this every once in a while. Try not to go over the black part. It kinda looks like a stroke right? If you do that, it's gonna highlight in red and it's gonna color in there, and that's not bad. I'm not saying you can't do that, but it won't do what you would expect. You gotta make sure that it's got like a red outline around the area you wanna paint. (clicks) There we go, that's not too bad. (sniffles) The thing I love about the Live Paint Bucket tool is well-- It's live, which means if you take this shape, if we were to distort it, if you were to do anything, if we were to even edit the paths out here, the color would follow, so it always fill it up. Always kinda paint that area in there which is pretty neat.