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

Flat Design: How To Create A Lab Flask Flat Icon in Illustrator

Dawid Tuminski, www.dawidtuminski.com

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
2 Lessons (14m)
    • 1. Flat Design Lab Flask Promo Video

    • 2. Flat Design in Illustrator : Lab Flask


About This Class

Another great tutorial from this instructor. Highly recommended for anyone wanting to learn flat design

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 lab flask icon and learn Adobe Illustrator and feel like an Illustrator superstar!


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!



1. Flat Design Lab Flask 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 : Lab Flask: Okay, We're going to start things nice and easy. I want to get used to my working techniques and illustrator before we move on to more complex shapes. Those of you who have enrolled in my design locals learn illustrator, of course, are in a better position because, well, you've already learned what kind of logic I put behind my work. So I highly advise it to enroll in my design logos Learn illustrator. Of course, Just so you can follow along easier and learn how to use Illustrator effortlessly and effectively. When I said that we were going to start things nice and easy, I meant that we were going to create this laboratory flasks Aiken first and let me break it down for you real quick. The flask ship itself comprises off the round base. Then we got this rectangle, which is the neck of the flask. We got another rectangle that works as a shadow. We got this end in right here that I've created using the rounded rectangle tool. And of course, we got the round background and this big shadow on the right. So all in all, a fairly easy composition. Easy to create shapes and pretty straightforward transformations. So let's get started and I will start by cloning the art board. So I will grab my art board too. I could always use the shift plus old shortcut. But before I start cloning the our boat, I will make sure that move copy artwork with our report is not selected. We only want to copy the arbor itself, not the icon of the artwork. So now we can duplicate in our board and clone. It is just like with any shaping illustrator. I mean, we can simply select it with the art of war, too. Hold down the shift key and the old kid to clone into the right. Just like so, how to get out of the or board to. I will hit the escape key and there we go. We've duplicated our art board in a matter of just a few clicks. If you want, you can rename the newly created are bored by double clicking the our boots name and entering a name in line in the all boards panel. But that's totally up to you. What I will do, however, is ah, creating new layer for the newly created our board eso I will go to the layers panel and I will won't click the new layer icon down here. So you know I can get toe layer Options Dialog box where I will name my layer as ah lab flask, for instance. At this point, I really don't care about other options, so I will leave them and just click. OK, But I will look the original layer by clicking in this spot to the left from the layers name, uh, which brings up this? A padlock, Aiken. Just so I don't mess with the original artwork up accidentally. And yeah, I'm very to create my I come, I will start with the circle base of the flask and well, you probably guessed it. I will use the Ellipse tool at quick Don't. Here, guys. I used a lot of shortcuts. So when I work with illustrator, they not only add a more sort of professional feeling to the workflow, but they really make creation and transformation process quicker. So I highly encourage you to learn at least the most basic shortcuts. Like the L key which initialize is Thea Lips Tal. So with the two enabled, I will draw a perfect circle, holding down the old and the shift keys to constrain the proportions and to start drawing from Sandra like. So now I will add the neck to the flask. Eso wanted your acting right. And for that, I'll go to the rectangle tool this time. But normally I'd go for the Yankee shortcut. Okay, so let's drag a rectangle like so Ah, yeah, I think that this should be fine. I also want to make sure that these both shapes line properly. So I will. I will align them to center, making sure that the control panel aligned to selection option is checked. Now, I'm gonna need the top part of the flask. And as I mentioned before, I will create it with the rounded rectangle toe. Eso drab it from the tools panel, and I'll create it just like so. I want to make it a bit taller. Um, don't worry that it might look to toll. We will take care of it in a second, uh, again, I want to make sure that these shapes aligned properly so I will align them to center. Okay, Now I want to take care of this. Lastly, created rectangle because, as we said before, it's too toll. So with the selection tool, I will double click on it to isolated from other shapes, goes. What I want to do now is to delete its bottom part. And if I don't do it in the isolation mode, well, I can delete parts off other shapes which obviously I don't want. So I will make sure that my direct selection police active and I couldn't do that either, by of course, go into the tools panel and selecting. It's right here. This is this white arrow. Or I could simply hit the a key on the keyboard. Okay, so no Aiken Marquis around the bottom half of the rectangle. But let me first zoom in a little eso I will marquis around these four bottom anchor points like so and simply hit delete. And what I end up with is an open, half rounded rectangle shaper, which I need to know close. And we could do that by they're going to the object menu path and by choosing joint, uh, but I usually go for the control J short Capta, which is, to tell you the truth, one of the handiest. Well, now it's time for some simple Pathfinder operations were going to use uniting cause. We want to united thes shapes to make it look like a flask. So I'll move on to the Pathfinder tool, which sits nicely in the window Pathfinder. And since I'm gonna be using this to a lot, I will dock it in the right panel to keep it handy. Now from the Pathfinder tour, I will choose this option right here that says, Unite. And just like that, I have created one unified flask shape to complete the base shape. I need to still create the shadow rectangle, so to speak, Shot rectangle. Well, that's fairly easy. All I need to do is to create a rectangle with the rectangle to let me zoom in a bit. And, yeah, I will create a rectangle just like so, Okay, and that's the base shape created when we take a quick look at the original, we can see that we got this irregular kind of round shape that acts like some chemical substance boiling, so let's create it now. That will take somewhat techniques and transformations. But don't worry, they're easy to follow. I'll start again with created Anil. It's just like so I will reposition it So it appears in the center, and now we'll again have to use the services of the Pathfinder tool, but before that, and only the curvy path to complete the affect I'm looking for. So I will treat just a regular, ordinary kind of line, but I will make it a bit special. I will add an anchor point right in the middle of it. I could have forced go for the pan tool and try to find the middle of the line to add the anchor point. But that's just too clumsy. I will instead go to the object menu bath add anchor points. What it does is it adds anchor point or anchor points right in the middle of existing anchor points. And in this case, since we had just two original anchor points with added one exactly in the middle of them. Now what is the whole purpose of it? Well, the purpose or the ultimate goal is a nice, curvy line, and we can create it now, with a little bit of help from the convert anchor point toe that sits in the panto group, the tools panel. When I shift, click with it on the center anchor point like so you can see that I am creating a nice looking symmetric wave. And that's exactly what I want. Now I will simply reposition it over the Ellipse. Really just It's shaped by holding down the old and the shift keys together. And now I can finally move on to the Pathfinder tool where I want to use the divide function. But first will make sure that both the wave and the lips are selected. And now I can click to the to divide the lips like soap. No, by default, this new shape remains as a group, which is indicated here in the control panel. But of course, we don't need the top part. So I will one group these guys by going to the Object Armed group menu. And now I can select the top part and simply hit the backspace or delete key to delete it. It might look like, uh, no, we are done right? Well, we are almost done. What? I still don't like about this chemical substance sales shape. Is this point right here? You can see that it's Ah rather pointy, and I wanted to be smooth. Well, not to worry all the illustrator worry for me. I mean, I will select this anchor point with the direct selection tool and see this option in the control panel that says convert selected anchor points to smooth. Well, if I click it illustrator does a pretty good job of smoothing out this point. So it looks I like this pron eyes, don't you think? Okay, we're almost there. We still need the bubbles and the background and of course, the colors. So let's start with the bubbles. Well, that's no problem, right? I would just grab the Ellipse tool and create bubbles like So, um, of course, we could spend the whole afternoon playing with the position and the size of the bubbles, but I guess we'll just stick with these guys. I just want to show you the council, the techniques and the last thing to do now is to add the background, which we will do again with the Ellipse tool. So all creating the lips, I'll make it fairly big, reposition it and all copied and basted in front. Now the second Ellipse will of course, be our shadows. So again I will double click on it to enter isolation mode. And with the direct selection tool, I'll select the left anchor point deleted and had control J on the keyboard to close this open path. I'll heat escape, and what I'll do now is move circle background all the way to the back of the stack, and I'll do that by going to the object menu arrange and all Jews sent to back. Now what's left to do is to colorize the icon, and we will take the easier approach in this video in another will take a more advanced approach, but let's take things slowly, nice and easy and slowly let's eat this elephant bite by bite and easy approaches to go for the eyedropper tool and start picking up colors from the original icon one by one. So will pick up this color and this one as well. And this Wong Yeah, and we are done. My friends, we made it that wasn't that old simple. Well, it's because I make it simple, and you will see some more easy and spectacular effects In other videos. More flat icons are still to come, so stating