Flat Design: How To Create A Backpack Flat Icon in Illustrator | Dawid Tuminski | Skillshare

Flat Design: How To Create A Backpack Flat Icon in Illustrator

Dawid Tuminski, www.dawidtuminski.com

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
3 Lessons (15m)
    • 1. Flat Design Back pack Promo Video

      0:52
    • 2. Flat Design in Illustrator : Backpack 1

      8:02
    • 3. Flat Design in Illustrator : Backpack 2

      5:41

About This Class

Very cool and easy to follow. Thumbs up

Awesome as always!

Aren’t you tired of spending days watching courses and tutorials on Illustrator, that get you nowhere?

Are you tired of being left with a question: Ok, so what do I do now?

That’s because most tutorials out there mainly talk about the tools, not showing practical examples and how to get things done.

And I am like you: I like to learn only the important skills.

So if you want to:

  • learn practical Illustrator techniques
  • create flat design icons immediately
  • and use Illustrator independently

…then you are in for a treat.

Because this course will easily build your confidence in Illustrator and flat design.

It's a less than-15-minute gem of practical Illustrator and flat design, that will make you a flat design superhero.

Create a backpack icon and learn Adobe Illustrator and feel like an Illustrator superstar!

Dawid

PS If you like the class, please submit your review and class project.  It will help other students, just like you interested in topic I teach, in finding my classes. Thanks!

Transcripts

1. Flat Design Back pack Promo Video: Aren't you tired of spending days, which in courses and tutorials on illustrator that gets you nowhere? Well, that's because they merely talk about the tools and not showing practical examples on and how to get things done. And I am like you. I like only the important skills. So if you want to learn practical illustrator techniques, if you want to design a flat artwork immediately and use illustrator independently than you are in for a real treat, because this class will easily build your confidence in illustrator and flat design in less than 15 minutes, you against kills who will allow you to use illustrator independently and create beautiful flat design artwork so enrolled in the class and become an illustrator and flat design superhero? See you inside. 2. Flat Design in Illustrator : Backpack 1: in this video will learn how to create this backpack. Aiken, for starters, let me break this. I come down for you as usual. You probably noticed her. There is a lot of rounded rectangles here. Here's one. Here's one. Uh, these guys are rounded rectangles as well, and there is 12 rounded rectangles in total. If I'm counting, right, But if I'm wrong, just pose a discussion. Correct me. We got a simple rectangle down here, which is the strap. We got the handle struck with the buckles and the side pockets it will put against the background. Of course, we also have this shade going through the back. Back. Okay, so, uh, so let's get to work. As with the other I comes prepare my document, so I will duplicate the art board, and we can do it with the Arctic port to which you can select from the tools panel or just by using the shift plus o short. But before I start duplicating the yard port, I will make sure that move copy artwork with our work is not selected. We only want to copy the artwork itself, not the artwork. So now we can clone the are bored by holding down the shift key and the hulking to clone into the right. Just like so Now I will go head to to the layers pound to create a separate layer to work. So I will alter Click the new layer icon down here just so I can get them the layer Options Dialog box. And in here I will name my layer back back and I will just simply click Okay, I will also look the original layer by clicking in the spot to the left from the layers name Which brings up this by look I come just so I don't mess it up accidentally And now I am ready to create my I come I will start with a basic shape which Yeah, you guess this is around the rectangle. So I will grab it from the tools panel and I will start drawing a rounded rectangle which will be the base off the back back I want the corners to be fairly rounded. I am not scared of a bit too rounded corners. Now I'll go. I'll go ahead and create this slipping bag again with the rounded rectangle to I wanted to be a bit wider than the backpack itself. Quick, pro tip Here, guys. If you want to round the corners to the max, just press the right arrow key on the keyboard like so Okay, now I will make sure that everything the lines properly now just to have some some rest from the rounded corners around the rectangles on Grab the Ellipse tool to create the handle. I mean, this dope, the stop guy right here. So I will click and drag, just like so And now with the direct selection tool, I'll grab the bottom anchor point. And in the control panel, I'll click this icon that converts anchor points two corners and with the Uncle Point still selected, I'll hit the down arrow a few times, just like so. Yeah, I think I think that should be fine. You can tweak it. Oh, do you like it? And I will send it all the way to the back. And I will play around the size of just, you know, just so it looks nice. Okay, Back to the round it right angle. It's time to create the side pocket snow. So let me grab the rounded rectangle from the tools pal and I will create the pockets. First, the top part and I will send it to the back And now the bottom part. And of course, I will send it to the back as well. Of course, these shapes are really well are arbitrary. You can you can have. You can play around with the roundness of the corners. It's really totally up to you. And again I will select everything and I will align a little line of descent. Okay, we are more than halfway there now it's time for the straps. And luckily, we still have the rounded rectangle too active. Okay, so let's create Let's create first strap. This'll mind. Need a 2nd 2nd war than usual to get this shape right. So don't worry if you can get it right the first time. Just play with it. Have fun, really have fun. It's all about It's all about fun. Okay, so I'm let me zoom really close on the top part. And of course, we need to stop part to be flat, not rounded. Right? So the best way to do this is to select these to anchor points with that direct selection tool, delete them and just hit control plus J or command J on a Mac to join these guys. And now let's bring it just a bit up. Zoom out and it looks nice, don't you think? Okay, let's move on to the buckles. I'll start with the rounded rectangle tool and this might take a few seconds off adjustment to get it right. And now I will create the remaining parts and forgive me guys, but I really don't know what they are called. I just know that they are present in a typical straps and Harry Oh, so we just call them top and bottom parts. Okay, Okay, so let's start with the top one. And now the bottom one. I quicker tip here, guys, if you're buckle, isn't lining properly with the strap. But don't worry. Just select strap on all the buckle elements. And now, with everything selected, click on the strap once more. You can see that, but it looks like we've added additional anchor points. But it's really just a way of illustrator indicating that it's now a key object in relation to which we will align with the rest off the elements. So now if we go to the control panel or to the align panel, if you prefer, and we can align the objects to keep object and that's what you want. So now if I click on ah, line to center, you can see that toe everything, allies beautifully. Okay, Now let me close this strapped to the right. And the last thing to do here is to create this small bottom strap which were which I will do with the rectangle toe. Just like so. Okay, we got the main shape. We created it using mostly rounded record rectangle to. But we also used the lips and the Iraq tangle tools. We saw how toe a line elements to key object and used a bit of convert to anchor point magic. In the next video. We'll take this one will take this one step further with the collars on the shading. So stay tuned 3. Flat Design in Illustrator : Backpack 2: before we get to the coloring part, and I want to be sure that I have no objects that have Onley stroke. And no, Phil. I mean, I want all objects to have just the film. Okay, so first the handle I can I can see that it has a stroke, but I want to First, I wanted to be thicker. I guess that should do it. And now I want to get rid off the Phil. And now I want to go to the object menu. Jews path and outline stroke. And this converts the stroke toe fill with a with identical to the stroke value. So let me, let me repeat that. Maybe I should rephrase that we had a stroke. And now, thanks to the outline stroke, we converted it into Phil. And now I will do the same thing with the buckles. So I will make the stroke thicker, and I will outline the stroke. I will do the same with the with the other buckle and with these guys, and I just want to make sure that the risks, I mean that that they have Phil and they don't have any stroke now. The purpose of this is to make sure that during the process of creating a shape for the shading, no strokes are present in our artwork. Strokes usually behave unexpectedly in combination with Pathfinder, and we will be using Pathfinder later on. Okay, Now our backpack is ready to be colored. I got the swatches ready and they are waiting for me. Of course, they will be waiting for you if you decide to work along with me. As so let's start with the biggest shape. I'll give it a nice bluish color and make sure it has no stroke. Only the Phil. Now we're all the sleeping bag. I'll make it yellow and get rid of the stroke. Uh, the handle will be darker. Blue on the straps will be dark brown with no stroke. The buckles, of course, will be silver. And now the pockets, the top and the bottom one at the top in the bottom part of the pockets. And now the final bottom strap. And there we go. We got the backpack. Nicely, Collard. We still got some work to do, So don't uncork your champagnes just yet. Just wait a few more minutes. Eso Let's take care of the shading. First, let's select all the shapes. Copy and paste them in front. And now let's unite them with the Pathfinder tool. What I want to do now is I want Teoh want to divine this newly created shape, and for that I will create a straight line going through the back, back right in the middle. You can see that the smart guys are really, really helping us here. So if you can't see them, check if they are on by going to the View menu. Smart guides. No, I'm with the with both of the line and the backpack shape selected, I'll go to the Bath Finder and select this option right here that says Divide. And just like that, we get two identical parts of the backpack created by default to the product of our Pathfinder operation is a group, so I group it using the ever so Handy Control or Commander Mak plus Shift plus G short. Now we'll get rid of the left part, make the right part dark blue and in the control panel or the transparency panel. If you prefer, we're gonna change the Blanding mode of the right part too soft, white. And there we go. We got the shading complete. I wasn't that easy. I think it was easy. Okay, I'm the very last thing to do. Here is the background, but I'm pretty sure that you know how to do it. Right. So let's just grab the ellipse stool, creating the lips. I will give it a nice green car and reposition it a bit, and I will send it all the way to the back. And we are really done with the I come along the way we used quite extensively. I must submit the ballot rectangle tool, some Pathfinder operations, some stroke of outlining and some nice aligning tricks. Eso I hope it was all very informative for you and that you will come back from workers. More flat icons are still to come.