How To Create A Flat Design Suitcase Icon in Adobe Illustrator | Dawid Tuminski | Skillshare

How To Create A Flat Design Suitcase Icon in Adobe Illustrator

Dawid Tuminski, www.dawidtuminski.com

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

      0:52
    • 2. Flat Design Suitcase pt1

      7:50
    • 3. Flat Design Suitcase pt2

      3:57

About This Class

Wow, that was fast and clear. Yes, thinking outside the box is what it's all about. Thanks for this great class.

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

That’s because they mainly talk about the tools, not showing practical examples 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
  • design flat artwork immediately
  • and use Illustrator independently

…then 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 will gain skills that will allow you to use Illustrator independently and create beautiful flat design artwork.

Enroll in the class and become an Illustrator and flat design superhero!

See you inside!

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 Suitcase 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 Suitcase pt1: in this video. Let's see how to create this suitcase. Aiken again. Not too complicated. Tow us everything in flat design. So let's see what we got here. Oh, first of all, we got the rounded rectangle that is this base right here. We got the handle on the top that was created with a rounded rectangle as well. And we've got the straps and we got the buckles. And we got these elements in the corners that at to the overall look of the suitcase but also make it stronger, I guess. And of course, we got circle in the background her with a shadow on the right to finish the whole effect off. Okay, so let's start. And if you think my other videos, you know what I was Start with, right? Exactly. I'm gonna duplicate the artwork, so I will grab my art boards to I could always use the ship or shortcut. But before I start cloning the art board, I will make sure that move copy artwork with Art Award is not selected. We only want to copy the art board itself, not the icon. Okay, so now we can duplicate in our report by holding down the ship and the old or option if you're on a Mac together, Teoh Clear to to clone into the right. Just like so, Noto hadn't treating you layer for the newly created art aboard. So I will go to the layers power and I will bolt or option on the Mac and click the new layer icon in the layers panel just so I could get a layer Options Dialog box where I will name my layer as suitcase. And now I will lock the original layer by clicking in this spot to the left from the layers name and that will bring up this battle padlock icon. I I just don't want to mess with the original artwork up accidentally, and I'm ready to create my Aiken. And I will start with the rounded rectangle, of course. So I will just grab it from the tools panel and I will create the shape just like so you know, you can play freely with the roundness of the corners by pressing the left and the right arrow keys and okay, I think this should do it. No, let's take care of the handle. And we could approach this in two ways. The 1st 1 would be simply duplicating and resizing the existing rounded rectangle. But as you can see a ceased to my taste, the corners are not surrounded enough illustrator, the just of the roundness of the corners. But that's actually something I don't want in this case, so I will just create another rounded rectangle. I will just the rabbit girl, the wrongness of the corners to my liking. And there we go. But of course, we are not done with the handle. Well, we need to do right now is to make it a bit sturdier, right? And for that, I'll just go ahead and make the stroke a little bit thicker, and I will get rid of the bottom anchor points by selected. That would direct selection to and by simply hitting the delete key. If you're happy with the height of the handle, you can leave it as is. Since I am not happy, I'll select bottom anchor points again with that direct selection tool, and I will move them up just a little bit. No, the last thing to do here is to convert the stroke into Phil, and I want to do that, to avoid some unexpected distortions off the shape and later in the process. So I'll just go up to the object menu. I'll go for path and outlined stroke. Now it's just a line. Everything nicely, okay, not let's move on to the ornaments in the corners and only show you a trick here. The trick itself is more a way of thinking out of the box with with this kind of designs rather than some magic hidden tool. Although I think that thinking out of the box is condom kind of like magic itself. So I'm not gonna agree to rounded rectangles anymore. I am not going to remove anchor points from them or anything like that. I will, however, create a simple square, just like so, and I will rotate it by 45 degrees. Of course, I am doing all that with the selection tool and by holding down the shift key to rotate the square in 45 degree increments. Now I will align both horizontally and vertically. The square and the suitcase will worry about handle later, and with only the square selected, I will activate the scale tool by pressing the asking on the keyboard and then enter or return on a Mac. And now when I start to change the size, we're starting to see what the ornaments are gonna look like. Pretty cool, huh? Okay, I'll hit. Okay. And I will turn to the Pathfinder tool. And with the square and the suitcase selected, I'll go for the divide function in Bath Finder. Now I will group the result of this transformation by right clicking or command clicking the Mac and chosen on group. What's left to do now is to remove all the off the unnecessary bits, likes out. And did you like what we just did? No. I always try to approach design challenges in different than usual way. And this is something I really highly encourage you to do. Okay? I think I will make the corner is just a little bigger. So I will select one of them, make the scale toe active by presently as ski and then enter on the keyboard. And ah, I do want to make a bigger but on Lee by just a smoke bits. So I guess something around 1 to 2% will suffice. And now I will do the same thing with the rest of the corners. So it's just a matter off selecting the corner that activating the scale and the scale tool and increasing increasing the size. Okay, so that is it, my friends, we are done, at least for this video. Of course. In the next one, we will add the straps on the buckles will create the background and make everything pretty with collars. 3. Flat Design Suitcase pt2: in this video, we will, as promised at the straps and the buckles. I will create the background and add collars. So let's start with this trap. I'll drug the rectangle to, and I will create the rectangle that is just touch bigger than the suitcase itself. I know what that rounded rectangle. I'll create the buckle first, I'll take her off the top part. Okay? How? The bottom parts. Okay, there we go. So now let's align everything nicely to the center. Okay? Not with this bottom part of the buckle. I will do the same thing as with the handle. I mean, I will make the stroke thicker. I will get rid of the film, and I will outline it. Outlined the stroke in the object menu. Uh, outline. Stroke. Now, what's left to do is to simply clone into the right. Right? Right. So So let's grab it and clothing to the right by holding down the old or the option King just like so. Yes, that it might need some position readjustment has some additional aligning, but I will leave it up to you. I want to show you the techniques. Not all the technicalities. Okay, so far, so good. I think it's high time we started adding some callers to our design. So I will start with the handle with the straps on and with the corners. They will have the same or fill color. Now the suitcase itself, Now the buckles. And remember guys that we don't want the stroke, at least not in this design. So be sure to remove them and to leave on Li the film. Okay, now let's create the background and we will do it off course house and with the Ellipse toe solid should just grab it from the tools panel and create one like. So now it's copy and pasted in front, and I will select Ah with direct selection tool, the left anchor point. I will delete it, and I will hit control or command plus J on the keyboard to eventually create 1/2 circle. So we are joined the open anchor points to create 1/2 circle so the first lips will go all the way to the bottom and I will make it yellow. And of course, I want to make sure that it has no stroke. Only the Phil and the Half circle will be black with no stroke. But I will change its blending mode too soft light, and I guess I will play around with the capacity as well. And there we go another beautiful and simple flat design in 15 minutes. So I hope you'll learn to pin or two. I hope that you enjoy this design and that you will come back for more.