How To Create A Flat Design Island in Affinity Designer | Dawid Tuminski | Skillshare

How To Create A Flat Design Island in Affinity Designer

Dawid Tuminski, www.dawidtuminski.com

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (49m)
    • 1. 1First we need to create a new document

      5:19
    • 2. 2How To Create Your Own color Palettes

      8:36
    • 3. 3Let's Start with Creating the Sun

      8:31
    • 4. 4How To Create the Palm Tree

      8:50
    • 5. 5How To Create the Remaining Leaves

      5:39
    • 6. 6Let's Create the Clouds

      5:27
    • 7. 7Let's Now Create the Waves

      7:07

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

  • a flat design island
  • a flat design sea
  • a flat design sun and clouds

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. 1First we need to create a new document: in our first project, we're going to design of this flat design island. But it's not just about the island or the pollen trees, but it's also about the son that you can see in the top right hand corner about the clouds and, of course, about to the waves of the sea waves in the bottom. In the back we got the background, and, of course, the clouds and all of these design elements were created using the simplest custom shapes tools here, inside, affinity of designer. Before we start designing, there's just a couple of things we need to bear in mind that are going to help us in creating a other designs and creating other documents for those designs. So first of all, I got to this art board right here at this art abort where you can see the main design, and I called it final. But I also have another our port, this one right here that I called sketch, as you can see in the layers panel. So on the left hand side, I got on our board where I am going to put the design elements that I create on this sketch , our board right here. So one thing to take a note of is that whenever you create a new effort into designer document, and the easiest way to do it is just by going to the file menu and then choose in new of course you could use the control plus and keyboard shortcut now in here. What we can do is we can choose Web as our files type. We can choose the page preset right here, and I think we can go with 12. 80 by 800. This is going to look, um, I think Bastar if you are working on a laptop or a smaller PC, However, if you are working on a huge desktop computer, you can go for a different a bit bigger page pre sit down here, but usually 12 80 by 800 or 1000 and 24 pixels by 768 is going to do ah, just fine. Of course we want her the documents units to be pixels. That's that's totally fine. But take a note of this option right here. Word says, create our ward as default affinity designer won't create an artwork for you. It was would just create a blank canvas. But we do want to have an art board right off the bat. So I'm going to take this option right here. But unfortunately, this dialog box doesn't allow us to create more than just one art board. So it's just something to bury mind. We're going to have to create another our board in just a second. So but all these options are totally fine and they really well, it's really all you have to do in order to create the document. There is going toe work fine for this kind of a design scenario. So I'm just going to go and click, OK, and we got our documentary created. I'm going to in the layers panel, rename my art board and I'm going to name it has maybe final design. Now that we have our our boards and document created, we renamed the Our Board. Let's create another artwork. So I'm gonna choose the art aboard still from our from the tools panel, and I'm going to click and the drag to create an artwork, and I'm holding down the shift key to constrain the proportions. I just want to this are born to be square. It's just going to be for sketches. So I think that we'll square are but will do just fine. But if you want, you can create a new article that is going to look as the initial art. But it is going to be more rectangular in shape rather than a square like this one. But of course I'm going to rename it. I'm going to call it schedule. You can call it doodle or whatever you want. Whatever works best for you. We got first art abort the final design and we got the sketch art aboard right here. Okay, so not we got to the art of boards created. We renamed them. And But there's just one thing that we are missing, and that's the collars. If we take a look at the original file right here in the swatches panel, if we tuggle open this this list right here I got this color palette called son and Island right here. And these are all the colors. Thes are all the color swatches that were used to create this design, this son, palm trees and all the other design elements. So how can we create our own flat design pallets, and how can we? How do we actually know which colors to use? Well, that's actually quite an important issue, and I think that we should take a look at it in greater detail in the next video. 2. 2How To Create Your Own color Palettes: There are a few sites that let you compose your own flat design palettes but also let you to choose from readymade pallets. And one of those sites is called Flat You. I colors dot com. And as you can see, we got squat a lot off pre defined pallets right here. And let me just quickly show you how these pallets work. So first of all, you can choose one of these pallets. Let's say Canadian palette, and if I click on it, I'm going to get all these colors right here. Now what's important when you are looking at these collars and when you are creating your own palettes from these sites? Is this copy format up here? If I click on it, I got all these different values right here. So what's important is, ah, mainly these two options up here that says on Let's say hex. Now these coats are actually codes that tell offending to designer and actually any other graphic design program which collar to use. Each color has its own hex value, and I guess the reason why these are separate. And as you can see, the 1st 1 has a little hashtag and in front of this code is because of the fact that older graphic designer pieces of software older graphic design programs like illustrator, we're having problems with understanding that hex code. Would they hashtag I mean, all you could do when you would copy this this hex code If you work to paste it in like a color picker inside, the Illustrator Illustrated would also pick up this hashtag, which is not actually necessary, and it would lose the last number. So if you're working on an older version off illustrator or any other graphic design software and you want to use these some hack scouts just remember to go for the one without the hashtag but an affinity designer. We can choose the first code right here, and it will copy inside the color picker just fine. So how do you actually copy all these guys Right here? So let's say that you want to create a color palette using these blues right here. These yellows, maybe these blues as well. So how can you How can you create the palette? As you can see, whenever you hover over any of these colors, you're going to get this copy symbol right here. And if you just click on it is going to simply copy the hex code into your into your clipboard. And now let's get back to a friend to designer and see how we can apply this hex code and this color to to our well, swatches. The best way to create your own color palette is to first create some artwork, for instance, simple rectangles. Then apply colors to them and then turn those rectangles into color swatches. So I'm gonna grab for the rectangle tool and create a simple rectangle, just like so I don't to have any stroke, so I'm simply going to get rid of it. I'm gonna make sure that the stroke is active and I'm simply going to get rid of it. And I'm going to just make the fill active. So in the style of box down here, I can simply press control V on my keyboard to paste the hacks code, and we got to the blue color right here. And if I just had close, you can see that my rectangle has this blue collar fill that we just copied from the website. OK, but how does this Help us if we don't go to the color swatches and from this panel man, you choose at application or add document palette. Let's say that I'm first going to just add Document Palace. We're going to get a clean palette right here without any any swatch by default. It's called unnamed and it Zraly ashamed that we cannot name the color palette as we are creating it. We have to go to the panel menu again. Jews renamed palette and now name. It s ah, I don't know, something like Sun Design or Sun an island. And as you can see, the name changes right here, and we can now start adding color palettes. But before we do that, let me just quickly explain the difference between application and document pallet. Well, an application palate is simply a palette that is going to be available to you regardless off the document. Whatever would have documented open would have a document you create an application palate is always going to be reading for you inside this list, and a document palette is a document dependent. It gets embedded into document, and it wont be available to you in any other document, So it's just something to bear in mind. So not that I have this rectangle created. I can simply click on this ad current filled to palette and, as you can see, if we create a new color Swatch just like that now, unfortunately, in a fit into designer, let me just quickly duplicate this guy and change. This filters something arbitrary, like maybe this lighter blue, even lighter if you were to copy both of these of these rectangles and then click at current filled to palette. As you can see, we're only adding the first this first call because it was the first rectangle that we select it. And that's that really what you want, even if it was something completely different, that's just maybe choose this green color and now choose green and then the blue. Or maybe even Let's change the color of this one, just so you see that it's not that it's not adding them from this color tower color palette because it already is there. That's that's unfortunately not the case. If we just click both of these guys and add, you can see that we are just adding this lilac color to our color palette. So that's something to bear in mind. Something that we I mean this whole process of creating color palettes in affinity designer is a bit tedious, but you know, it is what it is. So let me just quickly grab all the other collars and turn them into color swatches. Okay, so I got this palette created right here, and we are ready to start designing our flat design island. But before we do that, let's just quickly take a look at to those two other sites with the color palettes should you wish to work with them. So the second flat design color palette you can find on the website called boot flat get hub dot io and from here, just go to the color picker. And as you can see, you got some different flat design colors right here. But unfortunately they will. These Ah, these colors don't work as the colors on this website because if you click on it well, really, nothing happens. You have to just select, click and drag over the hacks code and just copy the hex code. And the last flat design color palette is flat. You eye color picker dot com. And in here you can choose from different different tabs with the different colors. And as you can see down here, you got the hex code without the hashtag. And of course, if you just copied, you can then paste it inside a feeling to designer color chooser and use this color as well . Okay, so I guess we got everything pretty much sorted. We created the document. We know how to create to color palettes. So I guess it's high time we started designing, so let's get started. 3. 3Let's Start with Creating the Sun: I think where we are going to start the design process with creating this son right here. And forgive me for referring maybe from time to time to this original design. I just want to speed the process up, and I want you to learn as much as possible in a as a reasonable time as possible. So you don't have to look at me trying to come up with with something instead of just just looking at the original and just treating it as a guideline. Let's start with the design in this flat design son. And there are two shapes involved right here this hour Shape that IHS well, creating the race and of course, this middle ellipse. So I'm gonna make sure that I am on this catch our board right here and from the tools panel. I'm going to choose the cog tool which sits down here. I'll change the fill color to this. Uh, did this Maybe this orange car and I'm gonna hold down the shift key and created called That is going to look like this. If you have seen my the ultimate guide to offend into designer, of course, you probably know already. What say what's going to happen in just a second? Now, if you haven't let me just quickly break down for you, The process off just in the custom shapes inside of feeling to designer. Whenever you create a shape like the cog in this, in this case here in the contacts panel, you are going to see different, different options for a just in a specific shape. And they are going to change, dependent on which shape you create. And as long as you don't turn of this shape into simple curves, it's going to remain as something like a live shape, which is adjustable at any moment. So the first thing that we can do is we can change the number of the teeth which are going to be our race. So let's maybe let's do eight now. If we change the inner radius, we're going to be able to change the length of our race. Or maybe on maybe like that, if we change the whole radius, we can make this inner inner circle this hollow space inside them. Our well, it's still a cog, but it's soon going to be is that we can make it bigger on or make it smaller until it disappears completely. Now is for the tooth size of who starts changing it. You can see that we can actually turn them into race. And if we were to make them bigger, you can see that they are changing. Kind of like into some maybe a South American Indian symbol. Something like that. I don't know why, but it is just well, to me, it looks like some some symbol from that part of the world. Okay, so let me just maybe make them smaller just like that. So now if we just, ah, play around with not size, you can see we are making of these race thicker and thinner, and we could play around with the curvature. We're going to make the sun look kind of like a spots which I don't think is what we are looking for. So let's go 20 And of course, we can always just type that value in right here now. And if you want your son to look like that's well, be my guest, you can do that. But the great part about the all these customers chase it is that they are still adjustable . So we can change de on the number of race that we can change the inner radius if we want maybe to something like this. And of course, we can change the tooth size and the notch size just with just the sun till it looks more or less like this. So the last part year would be to add the center ellipse. So I'm going to grab the Ellipse tool, and maybe I'll choose this lighter shade of, well, orange. I guess it's almost yellow, and I'm going to find the middle well, the center spot off our off hours. And by the way, if you can see all these guides right here, that's most probably because you don't have the snapping turned on right here. It probably looks something like this. It's It shows that it's not on, so just make sure that you have this snapping on and hear. From this list. You can either choose a preset, for instance, you I design or curved drawing. But for our designs, it's the best to have the snap to shape key points checked and snap to object. Got geometry that is going to allow us to have to snap all the elements to different parts off other design elements. So simply you can choose you. I design preset and then just choose snap to shape, keep wines and her shaped her geometry. So again, with the Ellipse tal, I am going to just try to find the center spot and create and the lips that is going to look something, something like that. And I'm holding down both control and shift keys to create a perfect elipse like this one. Now, if for some reason thes shapes in your case are not aligned properly, you can just select both of them. And by the way, you can do that by clicking and on separate elements, holding down the shift key and then just go to the alignment options and choose align horizontally to the center and vertically to dissenter as well. And don't forget to click okay like that. I don't know if you noticed, but here in the toolbar, I got to both the align middle and align center options ready and waiting for me. I just think that since they're very handy, it's good to keep them handy. So if you want to have both these elements both these options on the right here in the toolbar. So you don't have to go to the alignment options than choose, say, a line centered and align medal and then click. OK, here's what you can do, right. Click on the toolbar and choose customize toolbar. And in here you will find all off the available options that you can store in your toolbar . And as you can see, you can just drag out this whole align section to your toolbar. But you can also just drag out all these smaller elements, like distribute horizontal center, distribute vertical centers and etcetera. So if you want to say, drag out a land center, align right, I'm going to simply drag it over and it sits right here. And I don't have to open the whole alignment panel just to get to this option. And if you don't want it, just drag it off. Like so. So now that we got our son created weekend, just group both these elements and impressing control G to do that, that I'm going to rename the group and call it what it is, some I'm going to. I'm going to just cut it out by person. Control X, And I'm going to based it on this final design art board, and I'm going to make it smaller and put it somewhere somewhere here. We're going to adjust the position of all these elements of all of all these elements a bit later. So the next part of our design would be to create Maybe, let's start creating the pollen tree. It's a bit more complicated, and I think that we are already warmed up, so I think we can start start designing well. First, the Palmer treat. 4. 4How To Create the Palm Tree: Let's no start creating the palm tree. And let's start with creating the trunk, which is, of course, this brown part of the tree right here. And if we take a closer look at it, you might be thinking that we have to use the pen tal to create this kind of and irregular shape. But we're not going to use the panel we are going to use, however, one off one off fainted designers custom shapes, and that shape is called Crescent Tool, and it sits right here in the tools panel. If we just click and drag, we are going to create a crescent that is going to look something like this 11. Just quickly turn it brown. They're safe. You Actually, there's a couple of adjustments that we can add right here. We can control the left girth off the crescent, and we can control the ride curve off the crescent. So the no, well, the more we add to the right curve, you can see that it starts to look well, kind of like an ellipse of very, very told ellipse. So let's turn it down to maybe somewhere here and by the way, looking at a shape like this might not give you the best idea on how the the ultimate shape is going to look like. So let me just share with you one simple trick. I'm going to grab her the rectangle tool and create a rectangle covering our trunk er off the treat. And of course, I want to make it white, some quickly going to grab the color picker and just click her on my heart board. So right now you can see how this trunk er off the palm tree is going to look like. And if we just adjusted a little bit, there's a bottom rectangle. Well, it's not only covering the bottom part of the trunk of the tree, we can also reuse it to ultimately create this kind of a shape. And still we can maybe play around with this right curve. Not too much. I think this should be fine right now. What? We are well, ultimately going to 212 Creator. With this, a crescent shape is do create, of course, the trunk. So we don't need this bottom part right here. And for that we can use our our rectangle. So I'm going to select both of these shapes. Someone collect them with the move tool by. I'm going to hold down the shift key and from the toolbar I'm going to choose, subtract. And now we got the first part off our parliamentary and they are going to move it to the side. So the next step would be to create the palm leaves. And for that we could use the crescents tool. You just hold them to shift to constrain the proportions if we now print it to the side. So I'm holding down the shift key in rotating man. There's this shape just like that. We can now with the right girl, make it just a bit smaller like that. I'm going to turn it green. And what now we could do is we could simply Maybe this time let's grab the mental turn this Phil two white. So again, with that now, with the color picker, I'm just going to select. Of course, I don't want to turn this white, but I want to select the white collar. And now with the pen Tal, let me just zoom in real quick. We can now just create these tense right here. And of course I want to be white. And again, maybe here and maybe here maybe one more here and just one more Here. There we go. So this is one way to create a leaf like that. And if you want to create a leaves like this one, you can go ahead. I just want to show you a different way of creating this leaf. The same one as was used to create these leaves right here. So they look at the different. But if you want to go down this road, you have. You, of course can. But let me just created leave for using a different tool. And of course I want also, you know, I want you to learn a different feel, not just the crescent tool in this project. So let me just grab another tool that is called the segment toe. So what the stool does it creates, Well, something like 1/2 ellipse. Let me just hold them to shift it to constrain the proportions, and I'm going to turn it green. And with this tool we can move this lower line up. Let's say to somewhere here, and of course we can maybe move this guy, but to the right, this will be fine. Off course. We could also move the upper line. But that's not what we want to create. We won't have this almost a perfect half ellipse. So before we use the mental to create the dense in our leaf. But we can also use a simple triangle tool for that sudden, just create a triangle. But I don't want this dance to be that symmetrical. I wanted to be a bit off, so to speak. So for the triangle tool in the in the context of the panel, we can move the top point to the left or to the right and make the dent look a bit different. So I'm just going to hold on the control key and move this guy to the right. So I'm going to cologne and at the same time and move the top point, maybe to the left. Then move this guy to the right again and again move the top point. Maybe just like that. Bring this guy to the right to maybe lower it a bit. Move the top point. Maybe let me just bring this guy. But down, just like so. Of course we can play around with these triangles or with the pen tal all day long. I just want you to understand the techniques and the reason. And behind all these techniques, I want you to understand how using really simple tools, simple techniques we can create quite a intricate shapes like this one. Of course, since these are simple shapes, we can maybe make them just a bit smaller. And I've holding down the control key to make all these transformations from the center point. Let me just bring this guy but down like that. And there we go. We got to the palm tree. Well, almost. We got almost got the country because we now have to count these shapes from our underline leaf shape. So let me just quickly by shift clicking on these elements, add them to the selection. And here in the toolbar, I'm going to choose, add. And right now, these are all one shape. And it helps me because right now I can add the leaf to my selection and from the toolbar, choose, subtract. And right now, as you can see these, if I just may be quickly create something behind behind it the leaf and maybe let's make it , um, Brown. You can see that right now, these dance are hollow. Is there not just white elements? Put elements put against a white background. And these, well, these dents are actually all their real dance. There they are hollow. So let me just get rid of this guy. So now we can start adding leaves will put in the leaves onto the trunk so we can start adding these leaves to this trunk. But I think that we can do that in the next video. 5. 5How To Create the Remaining Leaves: Afinitor designer gives you some tools that will allow you to ultimately create copies over this leave and to rotate her the leaf. So the first thing that I will actually do is I am going to rotate this this guy. So from the toolbar, I'm going to choose show rotation Center and let me just zoom in real quick. So the rotation center is this mark right here. And if we know, move it to the bottom left corner and now start rotating our leaf. You can see that this rotation mark is actually controlling the rotation off our leaf. And it's now moving it Ah, well in relation to this bottom left corner. So what we can do right now is weaken simply press control J ornery keyboard, which will duplicate our leaf and notice that it still has the same rotation center set to the top. Heard said to the bottom left part of the leaf. So if I now start to rotate this guy, I'm going to rotate it in relation to this bottom left left corner so I can rotate it just a bit more Now, what we could do is we could take both these leaves and just clone them by present control J Now we can simply use this flip horizontal feature to flip them to the side and put them slum were here. Of course. We can still rotate each of these each of these leaves. And let's rotate it to maybe somewhere here, Same for this guy. And let me just zoom back out. It doesn't look too bad. We can still make these leaves just a bit smaller. Not too much. Well, we could maybe add another leave here in the center, just as we do have one here in the center. But I think I am going to leave it up to you. I want you to experiment on your own with all these techniques. All these transformations inside. Affinity designer. So now we can just grab all these leaves and the trunk and group them. Now we can copy based it and reflect it. Move it a bit to the side and make it significantly significantly smaller. Put it in the back, just like that. So there we go. We got the palm trees created. We can now quickly add the island. This part right here, Where On the ball in trees. I are sitting. So maybe let me just bring these guys down a bit. I'm gonna make them smaller and the zoom in a bit. But again, we can use for that. Our friend, the the segment tool. So I'm gonna create one from the center holding down the control key. Okay, I'm going to change this color to this. Um, this orange color, let me just bring it a bit down. Of course, I want to take the lower line just a bit up to 50% and maybe Perrin the island a bit to the center. So there we go. We got the island to create it. I will group all these elements together, and we created the island using very, very simple tool. So we used the crescent tool first to create the leave, which, which would be a bit more bent, I guess. No. But then we used the segment tool to create Ah, well, more half circle, kind of kind of leaves. And for the dense, of course, we can use the pen tool we can use the triangle triangle to and to create on the trunk of the of these problem trees that we can use the crescent stool and the segment still to create this island right here. So now that it's created, I can simply cut it out and based it on to my well left are both my final design art board . So I'm going to cut it out, make sure I'm on the on the right, are bored based in here and maybe make it smaller, not by much places. Somewhere here, we are going to take care of all the position in just a bit in just a second, because our next order of business would be to create. Maybe this time let's create on the big ground and the clouds. We will leave the sea for dessert, so let's do that in the next video. 6. 6Let's Create the Clouds: So let's start with creating a clouds. So let me just grab the Ellipse store and start creating ellipse. Now the clouds can have ah, to ellipses or three ellipses. I mean, two or three ellipses can create the clout that's going to Well, it's up to you. Really? How many? How many ellipsis you want in your cloud? Let me just show you the technique. So right now I have to ellipsis right here and to ellipsis right here. But I can move this guy to the left and to make it just a bit bigger. And then we can maybe bring it over to the right and then reflect them just like that to have, Well, a different kind of a different kind of cloud. But how does this old help us? What we can do right now is we can go wrap the rectangle tool. Make sure that it's Phil is turn well is, well, simply whites. I'm going to just grab the color picker tool. Make sure the Phillies Dwight now grab the rectangle tool by pressing the Yankee. And if we now just put this guy over our well cloud, we can now see what this ultimate shape is going to look like And we can just bring this guy may be a bit down to see the cloud looking like that. Oh, are we can now cologne this guy to the bottom and see what this cloud is going to look like . So, really, with just some simple techniques and some tricks, we can quickly see what our shapes are going to ultimately ultimately look like. So So, once we are a happy with the well, the overlook of our clouds, we can now just unite these ellipses, grab the rectangle tools I'm adding to the selection. I'm adding this rectangle to the selection. And now I'm going to subtract and this rectangle from the ellipses I'm going to do the same then with these clouds. So first, well, these circles, I'm going to unite them, grab the rectangle tool and subtract them same. These fellas unite them at the rectangle, subtract the rectangle. Of course, these clouds, for now are well, they don't look in their color is not too called Audi, but it's soon going to it's going to change. I just wanted you to to see everything just a bit better So I think that right now we can move on to our final designer are bored because right now I am going to create an ellipse. So let me just grab the ellipse too. And ah, turn, turn on the filter this blue collar had I'm going to create in the lips that is going to be this big. This should be fine and I will align it to the center off my art aboard. And, of course I want to move it all the way to the back and the quickest way to do that. It's simply by pressing the control plus shift plus left bracket on our on our keyboard. And no, I guess weaken quickly start to maybe reposition our design elements. Maybe the sun just a bit up. I know that it's going out off our our background, but it's just, you know, my design idea for this Well, for this design, and now we can just grab the clouds. Let me just quickly cut them out, make sure I'm on the right heart. Ward pays the men and maybe make them just a bit smaller and maybe reposition them ever so slightly and maybe make this one smaller, this one as well. Maybe this one just get to the bottom to tell to the top. And now we can just turn them white. Okay, so we are almost done with the design. The last thing to Dio is to create the sea waves that you can see down here. And of course, then we can maybe make the sun just a bit bigger. If that's what you want to dio, then we can maybe play around with the size and the position off them off this Ah, well, the island and the palm trees. But I'm going to leave it up to you. I just wanted to understand the techniques, understand? Especially the custom shapes and the transformations you can use to manipulate him the custom shapes to create a bit more complicated designs. So right now, let's take a look at how to create these sea waves down here and then how to cut them so they actually don't fall out of our of our background. So let's actually to do that in the next video 7. 7Let's Now Create the Waves: if you take a closer look at our waves, you might think that that's Ah. Well, this kind of a shape is quite easily done with the, well, one of the custom shape tools. And well, that's actually not the case you cannot use for evidence. I don't know the Coke tool to create teeth like that or any other till we actually have to use that. The simplest all sudden and the ellipse tal and the rack tangled, told to create a shape like this one. So let me show you how to how to do that. We're gonna move over to the to the sketch art aboard right here. So let's grab the Ellipse tal and create a perfect circle. Of course, I am holding down the shift key. Now what we need to do is we need to duplicate it. This the lips to the right. What a lot of times. So I'm going to hold on the control key and move it to the right. But the trick here is not to just snap this well duplicated a lips to our original, but to move it slightly over it and then just press control. J just a few times to duplicated just like this. So now if we just go wrap the rectangle tool And maybe let's, uh, change the color and create directing go spreading across our our, well, ellipses. Let me just quickly exchange to fill with the stroke. You can now see that we actually are. Well, we can see these waves down here that just maybe print this guy to the right a bit. So now if we let me just bring on the film back now, if we select all of these elements So all the ellipses and the rectangle and now choose divide So this is this option Almost the last option here in the toolbar. And now we can just bring this guy down and we'll basically got the waves We can get rid of all these ellipses and give this guy something like this blue color like so if I just zoom back out, we can see it will be fine with our I think that we will with our will island, you can always move it down because, of course, parade this brain, these guys just about up. And now if we take a look at the original. We can see that we got to mawr of these waves. We got, like, three rows of waves. The easiest way to end all of those waves is to of course, just press controlled C on your keyboard in order to copy these were these waves into your clipboard. And here in them, in this well toolbar toolbar, we can choose insert behind selection. So if I'd choose this and now paced back the waves in, they're actually being pasted behind my first set of waves. I know you can see because they have the same film. But as soon as I changed our color, you can see that they are being displayed behind our first wrote. And if you want, you can leave it like that. This actually looks quite all right, but I'm going to move them just a bit to the side, maybe to somewhere here and now, weaken do the same thing with our will. Last set of waves, some going to again hopey them and make sure that, um, insert behind selection is turned on. Actually basted him changed to fill slightly up and move it to the side. Well, let's see what it looks like I think this looks. I think this looks all right. So basically the last thing to do here would be to Kalid the waves. So they will. They fit inside our background nicely. But before we can do that, we can turn all these waves all these sets of waves into a group, some selecting them, clicking on them while holding down the shift key. And then I'll just press control g on my keyboard. And as you can see in the layers panel, this group is on top off everything supper this week. So it's It's the top layer on this art board and in order for clipping toe work, we have something to clip it with. So I'm gonna grab this thing, this background that accidentally is the last layer right here. So I'm going to just copy it and paste it back in. So right now this copied layer is ah, on top off everything. But what interests us the most is that it's on top of the group with the waves. This group, this group right here. So now with this ellipse ah, selected, we can right click on this layer and choose masked to below which will well, musk All these waves, all these element just like that. And we got everything nicely clipped. All the waves are sitting exactly inside our our background. So there we go. We got to this first project created. So first we created the sun using the cock tool and the ellipse tal. Then we create the palm trees. So with the with the crescent and the segment the tool, of course we created toe the the island with segments toe as well. Then we added to the background with the ellipse tal and we added to the clouds with the ellipse tal and the rectangle tool. And of course we trends from them. But using the toolbar and lastly we added the waves using simple, simplest ellipsis and some rectangles and some tricky transformations. And of course, in order to contain everything, well, especially our waves inside them. Our background we used the Kalid bin a mass, so we usedto the mask to below command. So just remember that if you if you want to use the mask to below an option, you just need to have the Philippine path on top off on top of the path, the layer that you want to clip. So there we go. I hope you'll like this design. And I really encourage you to share your own design or even better, your own variations off this design. So now let's move on to the next project.