How To Create A Flat Design Garden and BBQ in Affinity Designer | Dawid Tuminski | Skillshare

How To Create A Flat Design Garden and BBQ in Affinity Designer

Dawid Tuminski, www.dawidtuminski.com

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
14 Lessons (1h 18m)
    • 1. 1Let's Explore the Project

      2:04
    • 2. 2Let's Create the Sky and the Clouds

      7:08
    • 3. 3Let's Create the Grass

      8:25
    • 4. 4Let's Add Some Plants

      4:10
    • 5. 5It's Time to Add the Umbrella

      6:41
    • 6. 6Who Wants Lemonade

      9:18
    • 7. 7Let;s Add the Chairs

      7:17
    • 8. 8Let's Start Creating the First BBQ

      4:19
    • 9. 9Another Way of Creating the Same BBG

      6:36
    • 10. 10Let's Add the Wheels

      7:53
    • 11. 11How To Use the Segment Tool to Create the BBG

      3:47
    • 12. 12The Second BBQ Begins

      2:21
    • 13. 13It's All About the Sizzle

      3:05
    • 14. 14Let's Add the Legs and Finish the BBQ

      5:10

About This Class

In this class you wll learn Affinity Designer in the most practical of ways - by designing actual flat design artwork.

You will create

  • flat design sky andclouds
  • flat design plants
  • flat design garden furniture
  • flat design glasses
  • flat design BBQ

Don't worry if you are a total beginner in Affinity Designer.

All techniques are simple and easy to follow, so you can quickly learn all you need to know, to start using Affinity Designer independently.

Inside you will learn how

  • create artwok using Designer's custom shapes
  • transform objects using simple techniques
  • use a bit more advanced, but still easy to learn, path operations

Enroll in the class and learn Affinity Designer in the most practical way!

See you inside!

Dawid

PS If you like the class, please submit your review and class project.  It will help other students in finding this class. Thanks!

Transcripts

1. 1Let's Explore the Project: in this project, we're going to create this flat design garden scene and as usual, let me just quickly break it down for you. So in the back, we got, of course, the background. So we got to the sky, the clouds, and some will bushes or trees. And of course, we got this little grass blades right here and in the foreground. We got the chairs and umbrella some lemon eight. And here on the right, we got a barbecue. Let me just tell you that in the course of this project, we're going to create two different kinds of barbecue's. So we're going to create this left this black barbecued, the more rounded one, and then we're going to create this well, barbecue without a lead. We got so burgers right here, but we don't have the lid. So all in all, a fairly easy project to create. But there will be some nice tricks as we go along the way for you to learn and to use in your own projects. So, as always, take a look that I created a separate art aboard for the whole scene. And I've created a separate art aboard for some single elements that sometimes might be easier to create On a separate our board and in the swatches panel. As always, I got the different color palettes. So he got the BBQ color palette background and the furniture color palette. So, without further ado, let's just start to designing our garden scene and that start to with the creating of the background so we will create the clouds will created the sky than the bushes and then the grass. 2. 2Let's Create the Sky and the Clouds: So let's start to create in the garden scene with creating a verse sky. And of course, we could to create a separate rectangle to creator the sky. But in F into designer, you can just add fills to art boards. Like in this case, we can simply select the art board, this garden, our board that you can see in the Layers panel. And here in the context toolbar, we can choose this Phil options. I'm just clicking on it. And here we can choose the color from our swatches we could choose the color tab or the Grady int. And in this case, I do want to create a very slight Grady int. So what we could do is we could choose color stops and then just add the specific colors to each color stuff. So in my case, I want the grading to stretch from very, very light blue to a bit darker. Look, I want the grade ins to be very slight. I don't want it to be too in your face. I just wanted to be very subtle. I am okay with this blue collar. I think it looks all right, but I have not okay with this wide color. So I want to change it. So if you just click on the color Swatch right here, we can now from this list, choose our swatches. And as you can see here in the background, I don't haven't. I don't have a swatch. That would be a very, very light blue color so I can choose our blue color. Why not? But now we can move on to this list and choose tent, which is this last option in the list. And we can simply track the slider to the left to make this blue just a bit lighter, but not too much. I think something around 50 to 60% should be fine. And if you take a look at our art board, we can now see that this Grady int is very, very slight, very, very subtle and nice. However, I don't want to stretch from a left to right. I would don't want it to be that horizontal. I wanted to be a bit more diagonal, so I'm going to grab the filter. And as you can see, designer is showing me this Grady incline right here. So if we just collect summer here at the top and then just move to the right bottom point. We can now create a diagonal Grady, in that it looks it looks really nice. So now that we have the sky created, let's move on to create in the grass. And I know that we could now maybe create the clouds just to, you know, be consistent with our design. Since we created the sky, we could now just move on to the clouds. But I want to divide my scene into separate elements, and creating the grass at this stage would simply help me in that. So I'm just going to grab the rectangle tool, and I'm going to create a rectangle that is going to stretch across our art aboard. And, of course, I don't want to fill it with the same great infill as the sky. I just wanted to be a simple green of filled like this one. So now I guess we could start creating the clouds. And for that I'm simply gonna grab the ellipse tal and create and the lips. And if you hold on the shift, you're going to constrain the proportions off course and let me just zoom in real quick and really, all we need is we just need to cologne this ellipse just a few times. Some gonna press control J on my keyboard. Five ellipses should be fine. And right now we can simply make some of the ellipsis smaller course. They don't need to be the same size. And they don't need to be that you know that, Correct. That's symmetrical. So let's maybe make this guy but smaller, and I'm going to move it just a bit to the side. And just to be sure that they are all nicely aligned to the bottom, I'm gonna go to the control toolbar and from the alignment options. I'm simply going to choose a line to the bottom, align vertically to the bottom and press Okay, if you want, you can leave your cloud like that. Of course. Let's just quickly make it a bit lighter, this guy as well. But I don't want this clown to be just circles. I want to carted here at the bottom. So first from the toolbar, I'm gonna choose the ad option which combines all these circles and then I'll grab the rectangle tool and create a rectangle that is going to cover the whole cloud. Now we can maybe moving just to the bottom and right now you fight and the clouds to my selections from simply shift clicking on it. So at this point, all we need to do is to simply choose, subtract from the path operations toolbar. And there we go. We got to the cloud created and we can simply Kelowna to the bottom. And I'm Of course, I've been doing that by holding down the control key and let me just zoom back out and we can maybe moved his guy a bit to the right and make it just a bit smaller. Don't forget to hold on the shift key to constrain them on the proportions. We could maybe choose flip horizontal right here in the tuber just to make thins a bit more dynamic just to make them look a bit different. Okay, I think you understand how to create to the clout. So let me now just stop creating them. If you want, you can go ahead and create some more. Maybe make them a bit a smaller, maybe drop the opacity of some of them here in the layers palette just to make them look a bit more transparent. But I'm going to leave it up to you. If that's something that you want to go for, be my guest. I just want you to understand the techniques and the reasons behind. We're doing some things just the way we are doing them. So we got the clouds, we got the sky. We got the duress where the long to be precise. Now we need the grass blades. So let's start doing them in the next video. 3. 3Let's Create the Grass: So now let's create the grass blades, and there are basically two ways how you can do that. So, first of all, you can just grab the pen tal. Let me just zoom in real close and start creating small triangles. So, like this'll one, maybe and let's make it fairly big and ah, quite narrow and I'm going to fill it with this blue color. This would be our first grass blade. Then let's grab the pencil again and create another one. Maybe this time just a bit smaller. But again, I wanted to be fairly thin. Furley narrow. Let's create on the 3rd 1 Maybe this time just leaning a bit to the right. But again, I wanted to be fairly narrow. And then let's create the last one. It's going to be leaning a bit to the right as well. And now, once we all got them all created, weaken simply zoom in and move them a bit to the side. So they are touching each other, something like that. And at this point, we could maybe rotate one blade like that may be rotated this one. Maybe this one just so they are not that that static. And once they are created, maybe let's move this guy but to the side. Once they are created, we can now select all of them. Some shift clicking on these grass blades and in the toolbar I'm going to unite them. So I'm gonna click, Add, And if we now zoom back out, we can see that our GREss is way too big. So let's, um, make it smaller and move it somewhere to decide. And I want I want this, um, But this path, this whole united path to be, ah, overlapping that this lawn right here So we don't see any spaces between these elements and all we really need to do right now is that just corrupt this guy and clone it to the right . Like so we can, of course, maybe flip it horizontal and again move it a bit to the right. And since they are still edit, herbal paths weaken. Simply grab one of them with the Noto and we can play around with the grass blades. Maybe moved this guy a bit to the left just so we can add a bit off randomness to our to our grass. Of course, we could play around with this whole afternoon. But that's not really the point off this off this design. So let me just quickly clone this guy again to the right, and we can now just press control J ornery keyboard wide a few times just to duplicated to the right. And if you don't want to press control J anymore, you can just select all of these fellas all of these grass blades, and clone these guys two of the right and then press control J Control J. So he got quite a lot of quite a lot of grass blades and even so, more still, it looks something like this. Of course we could. Still, if that's not too visible to you, we could select. We could select all of them like that and maybe pouring from just a bit up. So this is one way of creating a these grass blights. Let's now take a look at to the other one. So I'm simply going to select all these elements, unite them, and I will drag them out of my art aboard and put them here on the side. So let me know. Just zoom in real close and I'm going to grab the triangle to that with the triangle tool, I'm going to create a very narrow triangle that is going to look more or less like this and that I'm going to Kelowna to the rights maybe three times in total. So we got four blades in total right now. Now, since all of these guys are still life shapes, we can select it and then just make sure that we have the triangle tool selected and using in this red dot right here, we can control how this top point is behaving. It can be put a bit more to the left, but more to the right. That's totally up to you. And of course, weaken do the same thing with all these all these elements. So maybe this one of its maybe to the right. And it did this one a bit to the left. And of course, we can maybe now lay with size off each of these elements so they don't look, uh, that that symmetrical. So once this is created, he just put this guy but to the bottom. So once this is created again, we can select all of these elements and unite them and maybe moved them and just a bit down to somewhere here. Maybe we can make it just a smaller and put them to the side. And again, let's just clone this guy to the right and then let's clone it one more time. But maybe this time let's flip it and clone it one more time and then just maybe clone in just a few more times. And now we can do the same thing as we did with the pen tool grass blades so we can select all of them, unite them and start duplicating them. But maybe we can reflect one and maybe even move it a bit to decide just that some more randomness and again clone it to the side and then just press control. Jake cloned these guys. I think I went too far and we got these grass plates looking a bit different. And of course we can maybe Philip, every other off the grass blades. Okay, So not weaken. Select all of them and play around with the position in. Maybe move it a bit to the left or a bit to the right and put it somewhere here. So there you go. These are two ways off creating these grass blades up with this set of grass blades. We created a lot off a lot off anchor points, a lot of paths using the pencil. And as you can see in this case at this, um, this long, these grass blades, Well, they are a bit smaller and they look a bit tighter, so the whole grass effect would look a bit different. And in this case, all these grass plates. Look, there's they look like there is less off them, like they are spread a bit more further away from each other. So using one off these techniques, you can create one effect and using the other technique, you can create a slightly different effect. Okay, so now we got the grass created, we got this guy created and we got the clouds created. So not what we could do is we could start creating some plants, some bushes here in the back. So let's start doing that in the next video 4. 4Let's Add Some Plants: Let's start with selecting in the Ellipse stool and creating some random, rather told ellipsis. And let's maybe cologne this guy to the right and make it just a bit just a bit bigger but narrow where maybe let's rotated just a bit. Now let's maybe clone these elements again. To the right. I'm holding down the control key, and now we can maybe rotate this element. No, there is no right or wrong here. What we are trying to achieve is just a set off simple ellipsis that we are going to unite in just a second. So maybe we could borrow some of these some of these ellipsis and move them a bit to the side and again rotate them just a bit. Maybe let's this guy, but to the left. And maybe let's choose these ellipsis and cologne them to the right, move them to the side and maybe let's spread this guy out. So I know that you can't see a lot at this point, but it's soon going to change as well. It's going to change as soon as we select all of these elements. Of course I am shift clicking on them and let's give them this a light green color and let's and let's unite them and I'm going to put them behind the grass and let's put this grass to the front. It's printed to the front, and we can maybe make it just a bit smaller. So it's not, you know, So it's so so. The Bushes are not touching the clouds and maybe just a bit more. And really, all we could do right now is to just clone this guy. So now you get two identical elements and let's give it a different shade of green. Let's sprint them just a bit down and maybe reflect them. Maybe just down, and we can do the same thing again. So clone them, reflect them, make them just a bit smaller and give them at this darkest shade of green. And just like that, we created the bushes. But of course, if you want, you could still maybe add some more ellipsis like here in the bag. So maybe kind of like imitate that there are actually not just bushes, but to maybe some tree stew. Who knows? Let's united these elements, so it's really just a matter off your imagination. is just a matter of what you want to do with all these shapes. How you want to play around with them, what you want to ultimately create, what kind of an effect you want to ultimately create. So let's just quickly maybe add some more ellipsis here in the back, like Ron, maybe just smaller and maybe just a slight one a here. Then I'm going to maybe at someone here, but I'm going to unite them with this metal row off ellipses. So let's do that right now. South. Select all of these elements, unite them and print them to the bottom. This would be able to write and Lance lastly, unite these ellipsis, some going to select all of these elements and unite them again and again. We have to put them a bit to the back, and there we go. So if you want, you could start adding maybe some more ellipsis to the background and unite them again just to create a bit more variety in the bushes. But I am going to leave it up to you. What I want to focus right now is I want to start creating the furniture elements, but let's start doing that in the next video 5. 5It's Time to Add the Umbrella: So let's start creating the garden furniture first by creating of the umbrella. So I'm gonna make sure that I am on the non this square, this barbecue hardboard, and I'm gonna choose the triangle tool from my custom shapes a toolbox. So I'm going to create a triangle that is going to look for more or less like this. I think that this should be all right. We can always have adjusted a bit later. And the only thing that we need to do it this point is to clone this triangle, for instance, to the left. However, what we want to do right now is we want to cover this hollow space with this triangle. But since this is a life shape, we actually cannot do that. Because if we were to try to just grabbed a no, till we would just change the top point. But we are not cannot move it all the way to the right, which is actually what we want. But we can, however, do that Once we converted this shape to curves and now with the no, till you can simply take this guy to the right. And by the way, I think it's best to hold on to shift just so we constrained the movement off this anchor point and we could move it to the right until it snaps with this topper anchor point. All we have to do at this moment is to simply cologne this element by, and I'm doing that by present control J. And if we now just flip it horizontally, move it to the side. We can now be sure that everything is being aligned properly, and everything is nice and symmetrical for a start, adding colors of dis point. So let's just fill this guy with this dark pink color, I guess. And let's add this white filled to this part of the umbrella, just like so. So now what we want is want to add these bottom elements here, here and here. And I think the easiest way to do that will be just by selecting the rectangle tool and at in a rectangle that is going to stretch across this whole triangle to somewhere here, and if you are not too sure if everything is being aligned properly, you can not just zoom in, but you can also go to the view mode and choose outline. And here we can simply make sure that everything is indeed aligning perfectly. You just bring this guy down and then maybe take this gun a bit guy a bit to the left. And once we are done, we can go back to the view mode and choose vector. But first of all, I want to this guy to be a bit more visually distinctive. But I wanted to be visual distinctive in two ways. Of course, I wanted to be a bit darker, but I also don't want all these corners to be that sharp. I want just the bottom left in the bottom, right to be rounded. So how can we do that? If we select this rectangle here in the context toolbar, we can see that we get this single radius option checked. And if we were to change the corner value to, say, rounded and then start changing the roundness, you can see that we are changing on the roundness off all the corners, not just the bottom quarters. So if we un click the single radius, we can now bring the top left corner all the way to zero top, right corner all the way to zero and we can just maybe increase the value of the bottom left corner to around maybe 50% and the bottom right to 50% as well. So now this shape looks much, much better, and we can now just try to clone it to the right. So it snaps with the original and maybe cloned this guy to the center. Of course, we need to hold down the control key for that. And let's changed his guys color to this darker red. And we got to the main part off the umbrella created. Of course, let's maybe group all these elements and make them just a bit smaller, and all we really need is the stand. But that's as easy as just grabbing the rectangle tool and creating big poll that is going to be maybe this light and let's now create Maybe this time with the rounded rectangle tool . Let's create a standard that is going to be maybe this big and let's create to something like a small table right right here. And since this is a group, we can now select all the elements and align them to dissenter and be sure that everything is nicely Well in the center. This is This is the way how we how we really want it. Let me just zoom back out. So now we can just group all these elements and based them on to our original art board. Well, let me just select this guy again. Maybe we can even cut it. Make sure that we are on the right, are bored, basted in and maybe make it a bit smaller and bring it a bit down. Then if you want, you can put it exactly in the center. And there we go. We got this umbrella created, so I know a fairly easy to create shape. All we had to do is to just manipulate on the triangle where we created with the triangle to and then just do some reflections. And, of course, also we rounded just the bottom corner, said off the rectangles right here. So just to finish him of this umbrella shaped a little maybe. Let's. Now, instead of creating the chairs, let's add some a lemonade here on this table. But let's do that in the next video 6. 6Who Wants Lemonade: if we take a closer look at the original, especially this shape, you might start to think that we have to grab the pencil to create this curve right here. While you, of course, could do that. That is absolutely possible. Let's actually do it in a much simpler way and the much of foolproof for way using this simple shapes. Let's move on to the right heart aboard this guy right here. Of course I'm going to start Ah, this small project first by creating the main part of the glass, and it's going to look maybe like that. That is totally fine. But what I want is I want these top corners to be well, I don't want them to be rounded. I want them to be pointed. So again I'm going toe off, click single radius and bring down the top left and the top right all the way to zero sore . A glass looks something like this. Now let's create this nice move curve here on the left side of our of our glass. And for that, let's corrupt the ellipse tal that just sue Monreal clothes and let's start creating a lips here from this top topside off hourglass. And let's make it fairly big. The bigger this ellipse, the bigger of this left parties is going to ultimately be. And I know that right now you must be thinking that it doesn't look too good and you maybe even can't imagine how this whole thing is going to play out. But let's just pray in this Talib's to the left, and I guess now you can see that we are already creating this side right here. Dis nice, smooth curve. But of course, right now it's just the kind, like, visually there because of these guys. It's not physically there. I mean, it's not physically yet just to make sure that everything is nicely aligned to the top. Let's select both of these elements, go to the alignment options, and let's choose a line vertically top and choose OK. All we have to do right now is we have to grab the rectangle tool and creating a rectangle that is going to stretch a core us our our shapes. And I know that, too. Right now, it's really difficult to see what we're doing right here, and it's kind of difficult for me to snap all these elements. So let's go to there to the outline mode. And right now it might be just a bit easier for us to well, to do everything right here. So, first of all, we need to bring this this shape, this rectangle a bit up to somewhere here till it until it's snaps nicely with our with our lips. And as I mentioned before, the bigger you create to this ellipse, the bigger this gap is going to be. But I think that in this case, this gap looks Ah, I think it looks pretty. All right, all we really need to do here, let me just zoom back out, is we need to select all these elements and here in the control toolbar just press divide. And right now we got separate elements and some of them we don't need and some of them we do need, so we don't need this bottom part. We can just delete it. We don't need this part. However, we need all these elements so you can just select them and choose and from the control tuber. And sometimes, as in this case, you can see that even though we had the snapping on some elements might remain right here, but not to worry. Let's just choose the Noto, select this node and just press delete. And there we go. We got to the shape created. And, of course, if you go back to our normal vector mode, you can see that this shape looks pretty pretty good. So the last thing to create here would be to create the handle. So let's grab the round attracting goal tool. And let's create a around it rectangle that is going to look, I guess, more or less like this. So, of course, we don't want us to have a Phil. We wanted to have just a stroke, so I'm going to quickly press shift X on my keyboard and the figure the stroke, the thicker the handle is ultimately going to be. So that's really up to you. How thick you wanted to be. Let's maybe leave it Teoh here and let's move this guy just a bit up. So it snaps nicely with with our main path Right now, let's just select this handle, go to the layer menu and choose expand stroke, which is exchanging this stroke into a simple Phil, because right now we want to unite all these shapes. But before we do that, we could maybe bring this guy a bit to the left. And now you can select all these elements and just click ad. And there we go. We got to this this shape created. Of course, the last thing to do would be to add some liquid. Some eliminate here in the center. So let's again corrupt the rounded rectangle tool and start creating the around a rectangle here. I think this should be all right. Let's of course, I don't want to have a stroke. I wanted to have Phil like that and let's again on Click Single Radius and get rid of the roundness from the top left and top right corners. We could always maybe it's just this guy. A bit to the right. We could always adjust the roundness of the corners, but I am going to leave it up to you. We get this main shape created, and the only thing left to Dio let me just quickly go to the original is to create this smaller mug right here. The smaller glass, that's that's really easy. That's super easy. All we need is actually, we can even borrow this lemonade and clone int to the side, make it just a bit smaller, then clone it against Al Just press control J on my keyboard. And now we got the second part. Well, second liquid here on the left. I'm going to maybe make this guy just smaller. Put this guy where it needs to go and make it just a bit bigger for holding down the control and the shift keys at the same time. To two will resize this part from the center point and resize it proportionately Course I want to give it this This felt this dark world, this light grey, Phil. And let me just put this guy one step back. Let me just zoom in real close and again we can grab the rounded rectangle told to create the handle, but I don't want it to be too big. And maybe let's in this guy, but down to somewhere here again, let's exchange the filled with stroke by President Shift X on our board and let's make the strokes Mueller. I guess this should be all right. And again we need to go to the layer menu, expand stroke so we can expand the stroke into Phil. And now we can select on the glass and the handle, unite them, and, of course, printed wants the back to create this kind of a shape. And we got our beverages created so we can know. Group them, move on to the right hardboard and based it, of course, cope it or even cut it. Move on to the right hardboard basted in Make them significantly smaller. So they fit on our table. Okay, this should be all right. Let's zoom back out. And we got our beverages complete. So the next step, who here would be to add the chairs? And this time we are going to have to use a bit of the pan tilt to create them, but not too much. So don't worry. So let's start to they're doing that in the next video 7. 7Let;s Add the Chairs: The most important thing you need to know about the pen tal is that if you just click and click and click and click, you are going to create simple straight lines. However, if you start clicking and the dragon, you are going to create curve lines. And this kind of behavior is the classic pan mode that you can set right here in the control in the context toolbar. In this case, however, designer offers you some more modes that you can use. For instance, you can choose the polygon a mode, which is kind of like the classic mode. If you're even a click and drag, you can see that you cannot create lines that are old curve. You are only always going to create straight lines. You could also let me just clean this guy. You could also choose the smart mode, which is actually trying to figure out trying to guess what kind of curvature you want to create with your panto. Now it's, um, it's sometimes might come in handy, but in many cases it just tries to do too much for the user, in my opinion. But in your case, it ah well, it might prove to be not that bad oven option. But in this case, I think that we are just going to go with the simple classic pen mode. So let's not start creating a overture. So grab the pento and I'm gonna make sure that I mean the pen mode. Let me just maybe make this stroke a bit a bit thinner and I'll just click and drag, and I'm going to hold on the shift key to constrain the movement of this direction handles to 45 degrees. And then I'll just to click somewhere here, right? Well, in line with the first note, and I'll just click and drag. And I'm gonna hold down the shift key to create a curve that is going to look something like this. And of course, we still could grab the notes toll and maybe play around with the size, move just a bit and notice that if we just increase the value off the stroke to say around maybe 18 points the stroke, this with this whole Loewen is going to look just a bit different. So, really, these shapes these kinds of shapes are mostly for the ones who want to experiment with some curves with some lines. There is absolutely no right and wrong here. Whatever suits your eye is going to look good. Now let's just grab the pencil again and let's maybe go into that's off click first, let's go into the line mode and let's create the seat and I'm going to hold down the shift , get to make sure that I have everything nice and proportionate, and that's off click and create another line somewhere here. To create a shelter is going to look something like this. Now, of course, I want these legs to be even. I don't want them to look that crooked. And but not also that I don't want this part to be that, you know, that slanted. I wanted to be straight. So not only do I want them to be even and the same height, I also want them to be straight. So to do that, I'm just going to quickly change this stroke into Phil. Sal. Choose from the layer menu. I'm gonna choose, expand, stroke a wrap the rectangle tool and create a rectangle that is going to have lighter filled or maybe even a wide Phil soliders corrupt this color picker till click on the art board, and I'll make sure that this element is all the way in the front. So now we can actually see what our chair is going to look like. Just stand it, maybe a bit to the bottom. So right now, if we were to just cut these two elements, we would, of course, just to create these these legs. So let's actually do that. So first I'm going to extend expand this stroke into Phil, and I guess we can do that with this stroke as well. So let's go to the layer menu, expand stroke and let's maybe unite all these shapes. Grab this rectangle, grab the chair and choose subtract. And we now got this nicely looking chair created. And the last part, of course, would be to just grabbed around it rectangle tool and create like a cushion or some padding on our chair and let me just a little bit down. Let me assume really close in and extended it to the sides, but not too much and actually put it on to the seat and change is filled to maybe this lied . Great call So we got that chair. Let me just group it. Let me Now clone and by President Control J. And reflected to the side. So now let's put that shares onto our original art board, some going to cut them out, make sure that I'm on the right hard port based these chairs in and let's make them significantly smaller. And since we need some room on the right for our barbecue, I think that we should move our umbrella bit to the side. So now we can move the chair, bring this guy as well, and I guess we can maybe even a group, all these elements and put them may be here but to the bottom. And there we go. We got to the chairs Theobald L. A and the lemonade created so the last piece would be to create the barbecue and put it here on the right side of the scene. And as I mentioned before, we are going to create two different kinds off barbecue just so you can learn some more techniques. And ultimately you can choose which barbecue you want to add to this scene. So let's start doing that in the next video 8. 8Let's Start Creating the First BBQ: let's start creating of the barbecue. So the first thing that I will do is I will choose the correct Koehler palette and from the tool spinal, I'll just grab the ellipse toe and create a perfect Burfict circle. It can be even a bit too big, just I just want you to see everything a bit, a bit better. So I'll at this dark feel to it. Why not? And what we want right now is we want to identical halves off our barbecue. We want the lid and we want to the base. But we also want to this like a wooden peace in the middle of a wooden plate. So I'm going to grab the rounded rectangle to create around the track tingle that is going to be You may be this big, and in this case I think that I wanted to be as a large M as wide as our as our ellipse. So for that I'm just going to quickly check the dimensions off of the Ellipse. So I'm going to go to the Transform panel and in here I can see that it's 3 91 by 3 91 and let's me let me just maybe quickly make it 3 90 just just no for even numbers. And we could do the same with our with our plate with our bar. So it just off check this a link icon type in 3 90 and maybe, let's make it just of its smaller. And now we can select all these elements and align them to the center. So at this point, our barbecue is not to look in like a barbecue at all. I mean, we are not dividing this circle into two separate halves in any way. However, we can grab our our bar and then just copy and paste it in front. So we got two identical elements and we can now press and hold on to control to make. It's just a bit bigger. And, of course, if we add the shift key, we can make it bigger proportionately. And let's change this guy's filled maybe to dis ALeiter color and let's move it to the back . And right now we can see that we can actually create a gap right year and let me just maybe bring this got a bit to the back and you can see that just by a simple size manipulation weaken decide about the gaps, sighs. All we have to do right now is we have to grab this element and the underlying circle and from the control the toolbar weaken, just you subtract. And now we actually do have a separate piece right here, separate piece right here. So before we move on to creating a the wheels and the base, let's quickly create the lid, which is going to be super easy and super quick. All we have to do is to grab the Ellipse tal, create an ellipse, and let's give it a dark stroke and let's align everything nicely to the center. And of course, we could change the stroke with to maybe around 16 points. Distributor. Right, let me just some back out. I think this would be fine. And again, what we can do is we can just grab the stroke from the layer Manu choose expand stroke to exchange the stroke to fill, grab the underlying circle and united thes shapes in the control toolbar, and that there we go. We got the handle created so the next step would be to create the base and we are going to use the panto for that so all your pent lovers will be delighted because we're not going to use this simple shapes. 9. 9Another Way of Creating the Same BBG: Let's not start creating the first to barbecue and creating it is super easy and fun. What I'll do is I'll Gramp the lips, too, and I'll creator. You just zoom in really close so you can see everything better and I'll just create a simple ellipse and I'll hold down the shift to constrain the proportions. So I want to create a perfect Ellerbe's. Now let's a separate of these ellipse into two equal parts and create of the tray in the middle. So for that, I'm gonna grab the rounded rectangle to and create around the direct ankle that is going to stretch across our circle and look something like this. I'll give it a Orangeville, and then I'll make sure that everything is being a nicely aligned to the center. Now, at this point, our barbecue looks more like a planet, maybe a Saturn more than a grill. But that's going to change in just a second if we simply start adding and let me just to make sure that the stroke is active. So if we start at in stroke to our shape, I'm just going to make sure that it actually does have a film and here in the stroke panel , I'm gonna make sure that the align option is set to the outside. We can now see that we are actually making this. We're creating a gap between the trade and the world, the grill or this circle itself. But of course, what we want is not just a simple stroke. You want toe cut this whole element from the underlying shape. So for that, I'm simply just going to grab this shape, this rounded rectangle, we'll go to the letter menu and in here, choose expand stroke. So right now we got this, this element, this expanded stroke and we got to this main a main shape, this orange shape right here. Now, at this point, we could decide which will design choice we want to make and what we want to ultimately achieve, because we could, for instance, first delete this center part and then just make our tray smaller. But there is also another design choice that we can make. But let's focus on the 1st 1 So, first of all, if you want to delete just the main parts, if we were to select it with the move to you can see that we are selecting the whole shape . But if we grab the note tool, we can now just select simple individual notes. So if we just click on a node to select it and then press delete, we're going to delete just a simple note. And all we have to do is we have to just repeat the process until this whole shape disappears. Let me just start clicking on these nodes just to make sure that they are all selected and that the actually do disappear. So once we are done, we can now grab this middle. A middle will part this middle tray, and I'm holding down the control key to bring this guy to dissenter, to create an element like this. And, of course, since it's still a rounded rectangle, we can maybe round the corners a bit more or a bit last. That's just totally up to you. Of course, we can maybe make it just a bit bigger. That's you know that's this is an option. This is how you can. This is how you condone it. However, what we also could do is we could let me just step back a few times until I have my previous shape with me right here. Right now. If I If I end, the trade is from the rectangle to my selection and from the toolbar choose divide. I can now just remove these elements, and I can just delete them so the light one and delete the other one. But as a mentioned before, there's also another design choice that you can make right here. So if we grant all these elements so the rectangle and the Ellipse and now just choose divide, we are now going to have separate elements that well, some of them we can just delete. But some off them we can unite like these elements in the center. And now, if we just add the proper color to our trade, we now got this element created. The tray is created, so it's really just a matter off. Well, sometimes thinking some some things through, but also noticing how you can achieve different effects using different methods and, you know, taken advantage of the flexibility full the FN two designers, options and turtles. So right now all we really have to do is to just maybe add their lead in the top, and that's as easy as just grabbing the Ellipse tal. And the quickest way to do it is by pressing the L key on your keyboard, creating an ellipse that is not going to have a film Onley Dark stroke. This may be this darker stroke, and now let me just bring it down and make sure that everything is nicely aligned to the center. And again, What we can do is we can simply expand the stroke to the Phil. And if we add this grilled ist, top the part of the grill to the selection and unite all the elements, we basically got the main part created, so the next step would be to create the base and the wheels, so let's do that next. 10. 10Let's Add the Wheels: So I think the easiest way to create the base would be to just grab the pencil and just add a few simple lines. So this, actually, what I'm gonna do So I'm gonna grab that mental. I'm gonna make sure that the stroke is active And maybe that it's not that big that thick. And I think I'm going to align it to the center. They'll make sure that I am in the classic panic mode. So right now all we need to do is to just click, and we're gonna hold on the shift to constrain the movement of the tool and click one more time. Now, we can maybe make this guy this Give it a nice, uh Well, Darko are dirty orange color. Let's just maybe make it a bit bigger to somewhere here. But as you can see right now, I mean, it doesn't look too good. Uh, it's not following the curvature off the bottom part of our grill. So how can we fix that? If I just grab this path and then go to the note to and hover over my cursor over the path and click and drag, you can see that I am actually bringing it just a bit down. So I am not add in any anchor point. And he knowed I am just given this line a nice courage. And it's something that you can get with the notes Will wants you over over a simple path, not a note, and then just click and drag to created curve that is going to look something like this. So what's the curvature is taken care of. What we can do right now is we can just spread out of the legs. And for that I'm just going to grab the no till again and this time tried to find this bottom note right here and hold on the shift key and press the left arrow just a few times . Then find the right note right here and press. They're on the right key, holding down the shift key a few times to the right. If you go to the stroke panel and take a look at the cap and joint options, you can see that you could actually choose here different caps and different joints. So what? What this does in and the weight can help us is it can change their look off these ankle points, These these joints right here. So if you want, you can make it in miter joint. You could make it a round joint. If that's something that you're going for or you could make it a Bavel how, In my case, I'm gonna go with a minor join. I just think that it makes this curvature looks, well, nice and smooth. But if you want, you can choose any other joy optional right here. And of course, if you wanted to use a different cap, that would make this these bottom and bottom those bottom anchor points look a bit. But for in this case, I'm just gonna go with the bought cap for for these notes right here. And I'm gonna go with the miter joint for these notes that these joints here at the top The last thing to do here would be to add the wheels and the handle on the left. But before we can do that, we need to expand this stroke so it's no longer a stroke but a filled object. So if you are okay with the thickness of your base and of course you can change it here, Mom, by manipulating the with off the stroke. And also, don't forget that you can always bring this guy but closer in. So if you are OK with all these elements, you're okay with the with. You are OK with stroke. You're okay. With the curvature of your of your base, you can now simply go to the layer menu and choose expand stroke. Let's no creator the wheels using the doughnut toe. So I'm going to grab it from the custom shapes panel. And this is this tool right here. And as quickly create a doughnut that is going to look more or less like this. Now, here in the context toolbar, we can play around with the whole radius, making smaller or making it bigger, which, excellent with him is making the hole bigger or smaller. So I guess somewhere here should be all right now you just put it against my base and cloners to the right like that. Of course we have to subtract these doughnuts from the underlying shape. So we got some definition here. We got some curvature and here in this point, so I'm gonna grab both these elements both these doughnuts, and I'm going to quickly copy them into my clipboard as I'm going to need them in just a second. But for now, I'm simply gonna add them. So I'm creating one single path out of these two doughnuts. And when I end the base to my selection and just quickly press subtract, I will actually subtract both these elements at the same time from the base. And now, if we just paste back by person, of course, control v our doughnuts and move them maybe a bit to the bottom, but too much. And maybe the left one a bit to the left, the right one a bit to the right. We got basically the wheels created. So the very last step will be to just create that well, this handle the tray on the left. So with the rounded rectangle tool, I am quickly going to create a rounded rectangle that is going to look more or less like this and let me just quickly zoom in so we can see everything just a bit better and we can align these elements and then we can we can maybe moving a bit to the left. So It's just a bit bigger. Now That's cologne, this guy down. Of course I'm holding down the control key. Now let's just rotated to bits and there we go. Let me just go out. So we got the BBQ created. Of course, it's way too big, So let's select all the elements. Group them the Magnum. Significantly slow later until it looks more or less like this. Not what we could do is we could bring this guy over to our main scene, but there is still one more barbecue design to do, so let's actually start doing that next. But before we start creating a last second in the second grill design, let me just show you one quick trick that could speed this whole process of creating this kind of a design with the with the centrepiece divide in an ellipse into two elements. How to make this design challenge about how to solve this design challenge in a bit easier way. So let's do that next 11. 11How To Use the Segment Tool to Create the BBG: Now, before we move on to creating the second grill design, let me just quickly share with you one simple trick and a way of thinking about solving designer challenges like this one. I mean, as you remember, we had to kind of, like, cut this circle in half and then put this middle element inside. You had to do some path, find in operation in some alignment. All that stuff just to create this kind of world is kind of a shape, this kind of effect. But in designer, there are some ways you can achieve and these effects a bit quicker. So all we have to do is we have to just Gramp that segment door and what this still does. It creates almost like half circles by by default than these sects. But of course, as with all these elements in designer, we can change their appearance. So what I'm gonna do is I'm going to just spring in the lower line old way to 50 to create a perfect half circle. The next thing to do would be to just cologne. This guy Sal, just quickly press controlled, see, and then control V to paste. This guy in the front, and I'll just flip it vertically. So now we have to perfect half circles, which are creating a lips. But now, if you think that is just a matter of moving the top part up, or maybe the bottom part down, uh, well, you know you can do it, but as you can see, it doesn't look like it's a perfect circle anymore. And that's actually what we want to achieve here. So instead of just moving these pieces around, let's just play around with these elements. These options right here. If we start moving the lower line off one element up, let's move it to something around. Maybe 53%. We can do the same with the other half circle, and the value, by the way, has to be the same. So if I'm over 2 53 you can see that we are actually creating a gap between these elements . But still our whole shape. It still remains as a perfect circle. Of course, the last thing here would be to just grab the rectangle tool credit created, erecting. They would stretch across our shape from left to right, and all we would have to do, then it would just have to move these guys around. Maybe Then maybe just do some simple, very simple lining like this, and basically the whole shape would be created. So, as you can see in offend the designer, you got a total flexibility of creating different shapes, using different, different techniques. So if you want to practice creating different shapes using a path finding operations, you can do that. But you can also create many of the same shapes using custom shapes and their options here inside the design. So now that we know that we got that covered, we can actually move on to creating the second barbecue design. And since I already have these elements, I will reuse them. I like them, and this thes two elements will be our base, our starting point for creating the second grilled second barbecue design. So let's start doing that next 12. 12The Second BBQ Begins: let's start creating our barbecue design first by creating a base for the shadow for our grill. So what I will do is I will bring this guy bit down until it snaps with our with our half circle and make it a bit bigger. This would be fine. Now, I'll add this bottom part this bottom shape to this election and choose divide. Because what I have right now is these two elements and this separate shape, which actually will be our main will shade. Because if I now just grab this bottom element and make it just so light or not that dark, you can now start seeing that this actually mind toe look like a shading, and it will definitely look like that. The ones we just grabbed the rounded rectangle to and start creating our rounded rectangle That would be our base on. And this should be fine. Of course, we can always maybe just make the roundness off the corners of the bigger. I guess 30% should be all right. Let me just quickly select all these elements. Make sure that they are aligned nicely and we got our main part of the grill created. So no, we can just clone this guy up, some simply holding down the control key. And let's may be brilliant, but do the center and let's change. It's a color to this sizzling read like this. And let me just borrow this guy one more time. Make it smaller. I want to now create a burger Saul Crease, while at this orange Phil to this ah rounded rectangle cologne, this guy to the right, the left and this guy to the right. So now we got all the burgers create. So the next step here would be to just create some steam that would be coming out off our of our grill off our barbecue. So let's a start doing that next. 13. 13It's All About the Sizzle: So let's no created the steam. But let's not use the panto for that. Let's use the crescent tool and let's grab it first from our custom shapes tools panel. So what I'll do is I'm going to quickly create a crescent that is going to look more or less like this. I am not holding down the shift key. I don't want to constrain them proportions. I just want the crescents to look more or less like this. So the next step here would be to just cut the bottom half off our crescent, cut it out. So I'm just gonna grab the rectangle tool and create a directing that is going to cover the bottom half off the crescent. So now we can add both these both of these shapes to our selection and choose subtract from the toolbar. So we got the top half off our well, first steam. So now let's CO p and based it back in. So I'm just gonna press control. C control V. So now we got two elements, and if we now just flip it vertical and then horizontal, we can now move it down. And of course, let me just zoom really close in so we can see if I am a line in everything nicely. Of course, we could always go to death view mode and choose outlined to be even more precise. But I guess it looks more or less, more or less fine. More or less is the right word here. Maybe even closer. Let me just bring it a bit to the left. Now get this. Should be all right. Let's zoom back out. So we got our first part of the steam created. And of course, all we have to do right now is we need to just unite them as it was one shape and make it significantly smaller. So all we have to do is to just cologne this guy to the right and this guy to the left so we can now maybe make these guys just a bit smaller, bring them down and create esteem that is going to look something like so. Of course we could we could to play around with the position in and maybe with size. But I think that that this would define the the last thing to do cubits just to change the fill from from this orange well, dark, dark orange, too. Something like Avery. Very light light. Great. So once the steam is created, what we would need to do is to create the best stand and actually creating understand will allow us to take a look at the creating some a bit more advanced sharing effects without touching the clip inabilities off if into design. So let's do that next. 14. 14Let's Add the Legs and Finish the BBQ: Let's grab the pen tal and make sure that we have a stroke active and filled with the smell . This this great color. And I'm simply going to create a line that is going to look something like this this reveal , right? No, let's just Akopian basted back in some present control C Control V and I'm simply going to flip it horizontally and put it somewhere to the side. We are going to fix along the alignment issues in just a second. And of course, the last line would be the middle one. So again, I'm just going to quickly create a line that is going to be bit shorter and look something like this. If you want to make these Ah, these stands these legs a bit well, wider or thicker. All you have to do is to just took manipulate the stroke so we can maybe make it. Maybe not that thick, but something around 15 points should be all right. Same for this guy and for this guy. So now, just to make sure that all these distances, all that the alignment is is okay, you can select all these legs and go to the alignment options and in here choose align horizontally and then space horizontally and then press OK, and now weaken Group All these elements add our main half circle to the selection and now a line everything to the center. I mention that we're going to create a shading affect that is going to be a bit more advanced than the one we created here. Although the technique is going to be pretty much the same. So what we want to achieve right now is we want to have some kind of a visual gap visual distinction between the legs, these guys right here and this this top half circle because right now they are kind of like blending together. They look like they're one in the one piece, and that's not what we want. So what I'm gonna do is I'm first going toe on group all these legs cell press ah, control shift plus G on my keyboard and then I'm going to select all of these elements. Go to the layer menu and shoes expand stroke as we don't want these guys to be a strokes. We want these guys to be filled the filled paths. So right now, Let's move the legs all the way to the back. So this time we could maybe choose one of these olive so moved back or move back one. But let's move them all the way to the back. And, um, knowledge is grab this, uh, well, this half circle and clone and a bit down and let's fill it with a black color. And of course, either wanted to be put against my main design. I wanted to be moved a bit back. So they are now just covering these legs right here. And if we now just select this, will this shading peace and all Vela eggs and just divide all these elements, we can now remove this one. And what we are left basically is, well, these small shading elements down here. So there we go. We basically got this designer created, so we can now just group it and even cut it, Then goto our main art boards right here. This garden art aboard basted him. Of course, make it significantly smaller and put it here on the side. And there we go. We got to the barbecue, the garden scene created. So along the way we created the sky. So we added a nice grading filled to our our board. Then we created the clouds using simple ellipses. And then we added to the grass and we actually eso two different ways of creating grass blades. One was with the mental. The 2nd 1 was with simple triangle tool. Then we created the bushes using simple ellipsis than the umbrella, the lemonade, the chairs and finally to different to different barbecue designs. So I hope you had fun creating this design. I hope that you will share your own variations of this. It will flat design the barbecue scene until next time. Have a nice design.