Making badges and logos in Affinity Designer volume 2 - Soccer badge | Jeremy Hazel | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Making badges and logos in Affinity Designer volume 2 - Soccer badge

teacher avatar Jeremy Hazel, Education Through Creation

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

9 Lessons (41m)
    • 1. Introduction video

    • 2. Laying out the design and blocking in the images

    • 3. Making the soccer ball and creating the field

    • 4. Making the net and motion lines

    • 5. Adjustment and finishing

    • 6. Bootcamp 1-What is a badge and the 3 most important characteristics

    • 7. Bootcamp 2- How to sketch at a basic level complete

    • 8. Bootcamp 3- What is a shape and operation

    • 9. Bootcamp 4- Making pallets and cords

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

As a designer we all want to create more innovative work, FASTER,be more PRODUCTIVE and be able to respond and create easily without always having to go back to the drawing board from scratch., and BADGES allow us to do that. 

Whether you are doing print work, T shirt design or web development badges allow for premade assets to be created to assist in concepts and developing mock-ups, PLUS badges are HOT right now....and very sellable. So, if you are looking for a way to learn Affinity Designer WHILE create small, scalable and sellable projects, then this is the course for you. 

In this course we give you everything you need to create a Soccer Inspired badge, from sketch to final export .....included in the lesson we have 

  • All of the tools you will need along the way, including the final file 
  • All of the color pallets we will use 

And if you may not be too familiar with Affinity Designer…no sweat, at the end of each course we have a "boot-camp" section with the technical lessons broken down so you can still accomplish the badge

Meet Your Teacher

Teacher Profile Image

Jeremy Hazel

Education Through Creation


Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Introduction video : Welcome to the scale share course for a fitting designer. Four badges. Now this is part of a Siri's. So whether you found us in less than one or whether you found its badge five, it's all formatted the same. We're taking a badge all the way from the start to the finish in affinity Designer. But because we know this course is geared for intermediate users, and you may not quite be there yet. We've included the last four lessons down below at the bottom of the course, with almost a boot camp of tools that you might need. So if you're an intermediate user and you're already familiar with operations, just run right in that course. However, if you need to know what an operation is, check out the last four lessons. It's our way of making sure you have the tools to do what you need to do in order to pull off the project. You want to pull off all right, enough talking. Let's go ahead and get into the badge, making 2. Laying out the design and blocking in the images : All right, folks will come back to finish the designer. Let's go ahead and make another badge. So this time I'm gonna make a sports badge, right, cause soccer's big, So let's go ahead. New soccer now subscribing to the same method that we used for the last couple, right? We're gonna begin by sketching our design. So one of the things that I like to do when I sketch, as you guys know, I like to start the pixel persona where to grab a brush, and then I'm going to sketch in red. Now, you don't have to sketch and red. You can sketch in any color that you want. I like to sketch in red, and I like to use my 32 pixel brush. All right, so I'm thinking for this one. Remember, that badge is always kind of have to have a symmetry to him and a shape in the last one. We did a round badge, so let's go ahead and do a square badge this time. And I think that I want to put out something that's kind of cool. I think I want to put out a badge that maybe has some areas to it here so that we kind of get this style of shape. That's kind of cool. Make it a little more square. All right, Now, I think that I want to make a square inside the square and I want to do a double wall around the outline, and then I probably along here. I want to go soccer, and I think that I want a goalpost. So it's going and put a net there. Now with the goal post. I think that I probably want the ball coming in. And I wanted to sweep in from the side, because again, we want symmetry. So I think that if I bring it outside the square here, I have it outside the square here. I make this whole area square. I think that will get a pretty good symmetry to it. So as rough is, that is, that is gonna be my plan going forward. We have a game plan. All right, let's go ahead and move it down here. I'm gonna make it super super light and I'm gonna rename and I'm gonna call it sketch. All right, now, what's the first step? Always we go ahead and we blocking our big form. So let's go ahead and go back to our drop persona and let's start with the square. Now this square that I want to use Let's go ahead and try this square looks a little bit like that. Looks good to me. All right, Now, let's go ahead and I'm gonna do a diamond. I think Let's go ahead and do a diamond And I want these two points But I wanted to be a little bit point here, So let's go ahead and go to here, make the diamond go like that. So that were inside this square. But bring the points out now I want to take these two things. So I'm gonna hold shift. I'm going to select both my rectangle in my diamond and I'm going to come up and I'm gonna lie in the middle and I'm going to align them horizontally. Perfect. Now you see how my diamond is kind of peeking out. Let's not do that. Grab the diamond. Bringing in line, Grab the diamond. Bringing in line. All right, Perfect. Now let's go ahead and string these out Just a little more. All right to that and that Yep. And let's go ahead and align these. All right? That looks pretty good. So we selected both. Now, we're gonna make a weird shape here. Let's go ahead and do. In addition, Operation and Boehm, there is our square. All right. Looks pretty good. Now, we're gonna go ahead and we're gonna move it inside. Our workspace, I think, were pretty good there. Let's go ahead. And since it up, that looks nice. All right, let's go ahead and start our palette. So we come over here and we're going to come over to our swatches, right? That's kind of how we start the world here. So, this pal, it's gonna be available in the downloads for this lesson. And let's go ahead and create a new document palette so that this travels with the document and we're going to create and rename this palette. We're gonna call this soccer badge. All right. Perfect. Okay, Now, soccer obviously played on turf, so I kind of want to make it green. I think the green is a good place for this, So I'm gonna come to fill, I'm gonna grab a green, and now you never want a bright, bright green, right? You never wanted to be totally obnoxious, so I think that that green is pretty good. What I'm gonna do now is with that green selected, I'm gonna come over here and I'm going to add the current field of the palate. But now watch this bonus point time. Come to the color palette, come to the menu and create a cord. Now, what is a chord? Right? Accord will look at the color you last used, and it will create a complementary color for this one. I'm gonna go ahead and I'm gonna say, create a new chord of different tints. Look at what it just did for me. Now, I have all sorts of tints in orderto work with this palette. Now, I don't need this many, right? I'm going right. Click, and I'm gonna delete. I'm probably going to delete this one. I'm probably gonna delete this one, and I'm probably gonna delete this one, because again, how many colors do we really want? We want to keep it down to really two or three total. So I think that that's a bit too much. So I'm pretty happy with this. Let's go ahead and select are green. Perfect. Now let's go ahead at this point and let's grab a soccer ball. Let's grab a circle. And we don't care really what the size of the soccer ball is. We're gonna make it white because we're just laying out our shapes. So let's name it soccer ball. All right. Perfect. And then let's go ahead and create the square that we're going to use. All right? Remember how he said we were going to kind of make some sort of a square inside? All right, center that up. Looks good. Looks good. I'm pretty happy with that. All right, let's call this center square. All right? Perfect. Now in the center square. Let's do something a little bit different after we get this sky done. I promise you will cut this video because I know this is a lot we're now going to in the center square. We're going to fill this bad boy, but we're not gonna fill it. Traditionally, we're going to use our fill tool with the center square selected. We're going to drag a fill now, in order to work with the Grady int click on the greedy int up here and you'll see the gray circle correlates to that Greece circle. So click on the gray and let's go ahead and grab a blue. Now, it doesn't matter what kind of blew it is, but whatever blue you grab, you're gonna want to add that to the palate. So I just did. And now you see how if we look at the sky, right, you don't go from dark delight. You go from light to dark. Let's just reverse that greedy int. And now come in, select the Grady int Grab the white And now let's go ahead and pick a very, very, very light color. No. Right. And that looks pretty good there. I'm actually quite happy with that. Let's go ahead and throw that in the palate. All right? Perfect. Now the last thing we're gonna dio were to come up. No, I move my square. Let's center back up and I'm going to create a field Now the field is gonna be a field of grass. We grab a rectangle, we grab the filter will Now obviously we now need to flip the grading again. How do we do that? We reverse the Grady int and it doesn't make any sense to have blue. So now we got to go green. We come over to the dark blue, and now we can easily grab the palette here, and we can adjust it right here. Now, do we want this color of green, or do we want something a bit lighter? I think that looks pretty good. All right, Now, what do you do with this? Put our swatches away. Because we now have our swatch palette figured out. Let's come over to the layers. Grab our layer, drag this inside of the center square. All right, all right. I think that that looks pretty good to start with. Let's go ahead and call it on here. So what you should have is the center square with ingredient rectangle inside. You should have a soccer ball that we can drag to the top of the stack. You should have occur. That is a complex shape, and you should have a sketch. All right, let's go ahead and call it on this one, folks. I'm gonna go ahead, and I'm gonna include the working file for this lecture in this lecture so that if you're not quite falling on long. You can certainly see how I built it to this space. All right, we'll see in the next one. 3. Making the soccer ball and creating the field: All right. So let's go ahead and get into listen to of how to do this thing now should have, in the end of lesson one, end up with a soccer ball square, and you should have ended up with this weird sort of shape. Now, I don't necessarily like the corners here. So in order to knock down the corners were to come to curve, we're gonna grab the corner tool, and then we're gonna knock down both of these corners just like this. All right? That looks pretty good. So we've got some contrast, right? We've got these sharp corners and these type of rounded corners. We're in good shape now. One of the reasons I did it this way I wanted to create a soccer field. So let's go ahead and add some detail now to the curb. We're gonna be working with the curve in this one. First thing we're gonna do, we're gonna grab a rectangle. We're going to make the rectangle about yea wide. It doesn't have to be exact. And we're gonna fill it with white, and we're gonna bring this rectangle down inside the curve. And why are we doing this? Well, because soccer fields have a middle white line and in order to pull off the soccer look, let's go ahead. Select here. Let's go ahead and grab a doughnut, grab a doughnut here and then make it about this Thick. Doesn't really have to be exact and position it so that the center of it is roughly in the center of the other area. And then let's move it in just a little. All right, Now you're saying, What did you just do there? Watch this, drag it down inside the curve and it duplicate, and now drag this area down inside the curve? All right, that looks pretty good. Alright. Looking good. Soccer field coming along. So now let's go ahead and work on the soccer ball, All right? With the soccer ball. Soccer balls. Right. We're gonna go through and we're gonna create the pattern. All right, so now it's time to do the soccer ball. So what we're going to do here is we're going to pull any image offer of Google, right? Doesn't matter. Find an image copy. Image place image. All right. Perfect. Now we're not going to copy it. Right? But what? We are going to do is we're going to turn down the opacity on the layer. We're going to shrink it down to about the size that we want, and then what we're going to do, we're gonna grab our polygon tool, and we're going to create some polygons so we can come down here. And all we're doing is we're just kind of placing the polygons where they need to be. Copy paste, copy paste, copy paste. All right, so let's go ahead and just put these polygons where they need to be. And now it is completely okay. If you overshoot the bounds of what we're doing here, watch what I'm doing. Copy paste. You see how we're using real life images in order to help with our other images? All right, Perfect. Now, the next trick here is we're gonna take our pen and we're going to connect to the lines. All right, now, how come that isn't showing up? The curve is at the far end. Let's go ahead and move that curve up front and center. And there we go. Now you see how fat that curve ISS That's completely all right. You don't want to thin curved because in the event that they go through and they shrink this down, you do not want to have to live with this. All right? And after each line, make sure that you are de selecting, okay? And you see, I'm just putting these lines in. I broke my own rule de select air. We go, and then we're gonna make thes lines stand out. It's like de select select D Select Select D Select. All right. Looks good. Now what we're gonna do here now, we're gonna go ahead and we're gonna take all of the curves and all of the polygons. We're going to group them all. I'm gonna call this pattern, and before we go adjusting them, we're gonna drag the pattern inside of the soccer ball, weaken, delete the image. And now, with the pattern inside of the soccer ball, grab the node tool. And now we can subtly adjust the lines the way that we want them in orderto look correct. First step was getting all the lines together. Second step now is arranging all the line so that they look correct. Don't be afraid to go into the middle of this thing, right we need that. Won it all. Yeah. I don't think we need that. Okay, so that will work. We have a working soccer ball, Prothom. All right, cool. So in this lesson, what we've done is we've created the soccer field. We've created the ball, and now what we're gonna do, let's go ahead and shrink this thing down in the next one. We're gonna create the goalpost that goes into the ball. All right. Folks will see in the next one. 4. Making the net and motion lines: All right, so let's continue back on with our soccer badge. So now we're gonna make the net right, And the net is gonna be pretty simple. Let's go ahead and do this. Let's go ahead with our soccer ball selected, move it up to the top, right? We wanted out of the way right now and let's go ahead and grab a rounded rectangle tool and let's go ahead and just create three rounded rectangles. Now, I'm just gonna go ahead when I've selected in the mid to duplicate and I'm gonna bring it just about here and then one more duplicate and I'm gonna twist it and turn it All right. Looks good. Now I'm gonna go ahead. I'm gonna place with my move tool where these things theoretically need to be now in a group, all these good grouping, right creates for good projects. Group um call it frame. Perfect. Now, frame needs a net, right. You'll be tempted when you deal with this to create a net that is way too complicated for what you're doing. So I'm gonna go ahead and shrink this down just a little bit, so let's go ahead and zoom on in here and now you want to think about the fact that they're gonna really take this thing down to brass tacks when they go ahead and place this on a shirt? So you want to make this super easy? What I'm gonna do, I'm gonna grab my rounded rectangle tool. I'm gonna drag out a very long rectangle. Probably longer than I think I need, and I'm going to rotate it to be 45 degrees. Oops. Let's not move that, uh, at it. Undo. Bring that where we need it. All right. So you see how this rectangle is bigger than this. That is what we want. All right, So what we're gonna do, we're just gonna place this here, and I want a good triangle of space, right, Because you want the illusion of a net. But you do not want overcomplicate this. Now, watch this. Hold on and drag out another line. Okay? Leave yourself adequate space. You see, I've got a lot of space here now without touching anything else, it controlled J Control J Control J Control J. All right. So you'll have somewhere in between 64 somewhere, and they're of these types of things and you'll see you've got six different rounded rectangles. Select the rounded rectangles. Hold shift to select him. All right, click group. Now with the group selected and it duplicate. Come over here and rotate counterclockwise. Now you've got the same spacing. Now watch this. Select both groups, Right Click group. Those call that net perfect. Now you've got the net. Now, the trick here is you got to create a clipping mask. So we're gonna grab a square. We're going to drag out a square. We're gonna take all the fill lot of it, So the answer is none. And now, watch this. Dragged the net inside this square when I say inside the square, just like that. All right. Perfect. Now let's go ahead and bring the frame up above the square. And now we can adjust the frame. Now with this square, right? You see, we've got a bottom area there we don't want with the rectangle. Turn the stroke off on that thing. All right, So now let's say you think the nets a little bit crazy. Go into the group, go into the rectangle, find the net, right. That's why you named it grab your stroke. And now you can adjust your stroke until you feel relatively confident with it. I'm going to drop it down to about maybe 15 point. I'm gonna try that. I think that that's a lot better. All right, cool. So what you should have, then you should have your soccer ball. You should have your net. You should have a goal. We're in pretty good shape. Here are. Let's close this group. Let's call it net finished. Perfect. All right, so the last thing that we really want to do here, we got to do two different things. The first thing we gotta do is we've got to put a swoosh on this particular soccer ball. Now, to do that, I'm gonna go ahead and I'm gonna grab my pen tool. And I'm gonna start down here and I'm going to create kind of an arc. Now I'm gonna hold Ault, see what just happened. I'm now moving one handle. I release the mouse. I released the Ault, and then I'm gonna come back to here, and I'm gonna put one more down. All right, Now, let's grab the tool here and what we're doing. We're kind of leaning out some sort of a comma type swoosh. Okay, that's we're trying to do. I'm anchoring it on both sides of the ball so that we can use it as a comma later. We wanted to really need at an interesting branding element. All right, groups. When? A bit too far with that There. All right, so now let's do this. Let's go here with the curve selected. Let's fill it now. That doesn't look very good, does it? Let's do this. Let's fill it with the Grady int. So I'm gonna grab the Grady Int and come back up here now. Greeting doesn't make much sense. Right? Light to dark. I'm gonna reverse it. And then with my great aunt selected, I'm gonna grab the gray. I'm gonna come down and I'm gonna darken it up a little bit and you can adjust using this middle slider How far out this thing goes. All right, Now we got to do some adjustment, right? Soccer balls got to come up above there. And the soccer ball, I feel needs toe. Have a stroke applied to it. So we're gonna go black, and we're gonna put ah soccer ball stroke right about there. All right, now, you see, once we did that, this line began to get eaten. What? I'm gonna dio gonna come down to this line. This is why we kind of do some adjustment afterward. I want to find that line. Which line isn't And we're going to delete. And now what I'm gonna have to dio is I'm gonna have to find that particular. Yep. And we pull that line a little bit further, All right? I'm also gonna pull this line after we got that extra line on there. I don't really like that one, either. All right, let's do this. Shrink that guy down to right about here. Shrink that guy down to right about here. Now I want to add one. How thicker these 33. All right. See how I just added that line back in to try it? You adjust it. You don't like it. You start messing with him. All right? Now, I'm very happy with that. I think we're in pretty good shape there. All right, So what we really did here is we created this wish. We created the ball, We created the vector and we created the net. So, in reality for this one, I think I'm relatively happy with this. Let's go ahead and call it a day on this. We're gonna go ahead in the next lesson and we're gonna create the outline. All right, folks will see in the next one. 5. Adjustment and finishing: All right, folks, we look back to our soccer badge. So in this one, we're gonna kind of show you how to put that double outline around a badge. And we're also going to show you kind of how to make some adjustments, because there's some things in here that we want to get the initial images down. But yet there's some things were gonna want to do to make this really pro. All right, so the first thing that we're going to do, we have to create this outline, right? Because this green against the white really doesn't work. So the first thing that I'm gonna do is I'm gonna create the outline on the curve. Now, I want on this curve to have a black outline, so I select on Lee the curve layer, See where I'm at. I come over to my move tool. I come over to this stroke, I come over to the black, and now I'm gonna make it 10 point. Let's see what happens at 10 and we could go better than that. Let's go 20 again. You want to use your outlines to tell the story about what's important in here? I would almost go 30 at that point. All right. 30 it is. So 30 points stroke on this bad boy. Now, what we want to do is we want to create kind of a white stroke, and then we want the black stroke. Now, to do that, this is gonna be the challenge. Watch this. Make sure your curves selected turned the stroke toe white. I know that doesn't make a lot of sense right now, but once the curve is selected and the stroke is white, come up to the layer and hit. Expand stroke. Now watch what happens to my layers panel Notice a new curve has been created. That curve is actually the outline of the old curve, which is awesome. But now, don't do anything yet. Watch what I'm doing. Bring your original curve up above here, then change this. Put a stroke on it and make it black. Okay, now it doesn't look like anything happening. Right? Watch this. That is how you do it. All right. So it looks like it's consuming the stroke, right? That's not actually what's happening. We're going to come down to our stroke panel. Someone in my layers panel out of the way. I'm gonna look for my stroke panel. And now with my newly selected curve layer, I'm going to the line. The stroke to the outside. All right, So now what's gonna happen as I move this up, See what's happening now that I'm aligning to the outside, it's not consuming any of that white whatsoever. That is cool. All right, We're in pretty good shape on this. Now, there's a trick. Here. Watch this. What we have to do now we have to nest this comma inside so we can do this one in two ways . I'm gonna show you the easiest way to do this. Select that swoosh lair, right? The curve layer. Grab your tool and then touch it in just to the corner. There. You see how this gives the continuity without having to do anything crazy layer masking or anything like that. So now we have a good continuity between this outer layer and the soccer ball. All right, that's step one. That was a lot. So we have two curves. Let's go ahead and join those together, and we're going to group those call this field now the center square and this net right. The net needs to exist inside the center square, and the center square needs some help. So we're gonna come down here and we're gonna put a stroke to this one, too. Now, we want to keep with white theme. I don't want it black, and we're going to bolster this area right here. All right, Cool. Now, I really like this. You've got the center line. You've got some good contrast here to show that the ball is going in front of that. We're in good shape. Is actually looking really good. Now, the ball, the ball needs some help. All right, What we're gonna do I don't like the width of these lines. So after sitting with it for a while, we don't like the with the lines we're to take. These were to come over to our stroke, and we're to turn these bad boys down. Not all the way, just some of the way. All right, so we've now got these at about 17 pixels. Now, we just got to pick this one up, remove this one up with the others above the polygon, and we're gonna move this 1 to 17 pixels All right. Great. That looks a lot better. It's still readable. Still eligible? Just not awful. Now the ball needs some help. Let's go ahead and grab the ball and let's make the ball larger. All right. So what I want to do, I want to make the ball large and in charge, and you see how I want to line it up with the middle of this piece of art. All right, that looks pretty good. Now I have to make an adjustment of the curve, and we make another adjustment of the curve. Okay? Now I'm going to grab my tool down here, and I think I'm gonna grab this note a little bit, and I'm gonna just ever so slightly the curvature here because I didn't want it to swing wide. All right? Actually, I'm quite happy with that. You'll notice the before and after That is actually a really nice progression, and it's very symmetrically perfect. All right, so the next thing we're gonna do here now we're gonna add some text. Now, text selection, as I've covered before, is absolutely essential in making sure your point is across. So what I like to do, I want to find something that's a little bit bolder, A little bit sport here. And I want to make the proper text selection. So I want to make something that is a little bit block here. Oh, let's see. Copper plate na No, something a little bolder and that even know I want something that on a uniform will look good from across the room. Right. So I'm looking for something that is pretty cool. I really like that. That's pretty awesome. I actually like that. I'm not even gonna prior to pronounce it. So I'm gonna start with something here and you'll see that it's very blocking and what I'm gonna do, I'm gonna line it up. So that were kind of in line with the square. All right, Now, notice how the lower case in the upper case don't quite match. So I'm going to make the upper case. I'm gonna make it all uppercase, and we're gonna line it up, and I think we're in pretty good shape. Now, let's do this just to trial it here come, appear, were touching. And we're touching. Not in a good way. There. All right, there we go. That looks pretty good. Let's go ahead and take the entire thing. Shrink it. Just a hair. Center it up. And I think we've got a good soccer badge toe work with. All right, folks. Now, if you wanted to, you could always adjust the blues. You could just the greens. Maybe you like the white. Maybe you don't. You could do a lot of different stuff with this. The nice thing is, we're including the working files, all of the pallets for all of these badges. So if you ever wanted to customize them, feel free to customize away and make him whatever it is that works for you. All right, let's go ahead and get into the next badge Will see in the next one. 6. Bootcamp 1-What is a badge and the 3 most important characteristics: All right. Welcome to my little corner off this badge course. So I thought maybe what I do is I'd start by talking about badges just in a very high level . And I want to show you the three characteristics that I consider very present in every successful badge. So now let's go ahead and let's talk about what A badges. Right? So a badge is really kind of like a pre usable are reusable asset, if you will. Right badges are used in everything from print work to Web work to advertising. You can put a badge up for everything. Right now, there are badges that air steamed around certain things as an example. All of these badges obviously are themed around a holiday. You could have badges that are themed around different things, safer Web work, these air, all different versions of guarantees, premium quality, that sort of thing. And what designers tend to do is they create these badges and then you as somebody who may be building a website, you go through and you grab these badges to either borrow the artistic elements that are here, like these borders or this font, or you might just grab the badge and plug and play it right. So I want to explore the badges that we're gonna be making during this course. And I thought that maybe I'd go through, and I just share with you some common themes that I consider crucial in terms of making a good batch. Now, a badge, in my opinion, should have only three colors maximum. Right? And I know as soon as I come out with that rule, I'm gonna find a way to break it. But in this create amazing badge, we've got really three colors. We've got some blacks, we've got some grays and we've got some whites. Now let's take a look at another badge again. Very similar, right? You've got the white and black, you've got blue, and you've got a couple different greens. But you see, you got blue, green and white, All right. Very, very simple. And lastly, here, let's take a look at this one. I've got red, black, white and gray. I know I've got four in this one, but I want you to keep your color palettes. Very, very simple. Badges should be identifiable from across the room, so you'll see that all of the badges that we look at online all revolve around similar color traits. They may even be monochromatic, and they certainly don't have a ton of colorism. There is a great example of one that has 123 colors in it. Maybe 1/4 grade, if you count the gray. So all badges, theoretically should be fairly simple. A good badge should be able to be seen from across the room. Now, the other thing, I would say that a good badge has is good flow because there should be something that takes the eye through the badge and tells the story to the viewer of what you want them to see. So this one has the brush providing that flow. I've also got the circle here, but I've got this palette with the Swiss here that really draws the eye in a couple different directions. We've got the soccer ball, which is straight up, just a swoosh. And then you've got this one here that really kind of has a lot of different elements to see how I'm varying some of the line withs here in the white, versus here in the white so that we've got a big blocky element here and we do have some flow here in the record. So first characteristic of a good badge, in my opinion, minimal color. Second characteristic of the badge, in my opinion, is going to be the flow. The third thing is going to be the symmetry. Now, as soon as I say symmetry, I'm going to show you some examples that will absolutely violate that. But you'll say this is a good one. With symmetry, right, This side is the same as this side. Same thing here. I've got the circle. Everything is relatively well placed, Let's say and I've got rather symmetrical. Look, now, I did break it up a little bit with the font, but I even balance the font a little bit. Same thing is true here, right? You've got a very nice symmetry. This half is the same as this half. And then we've got the action line kind of separating it. So in my opinion, when I go to make a badge, I really think about the colors that I'm gonna use. I keep a minimal I think about the symmetry that I'm trying to do. What is the overall look of the peace and then lastly, I'll go through. It'll take a look at the motion to determine that the line and the view is what I want them to see. Now, let's take a look at some of these online again. You'll see very similar colors. Symmetry in these badges, right? So again, when I'm telling you in my badges is not anything different than what you're seeing online for other people, even here, you've got some difference here. But you've got symmetry around the badge. Very, very simple, minimal color. And they're telling this story through the badge. And they've got your Iife here following the motion. So we see the same thing here, right? Look at the motion line that's created right here, so you'll see the same thing present in almost all badges. And these are the characteristics that I think are important when you make a badge. All right, enough. Enough of me talking about how we're gonna make a badge. Let's go ahead and get a boot camp going about the techniques you can use in order to do this 7. Bootcamp 2- How to sketch at a basic level complete: All right, folks. Welcome to our badge. Course, I thought maybe we do a little boot camp here. We're gonna keep this to four quick lessons. And if you are already comfortable with the techniques, go ahead and start making badges. But I'm going to show you the basic techniques you're gonna need in order to follow along in this course. Now, the first thing you'll always get, see me, do is I'm going to sketch. So if you've got an open document here, sketching is performed in what is called the pixel persona up here. So you click on the pixel persona and all sketching takes place with the paintbrush, which is right here. Now, if you're brand new to affinity designer over on this far right side, there are a bunch of what are called studio panels and you're gonna look for your brushes. Now, I'm gonna go ahead and pull this brushes panel out, and I like to sketch with just my basic brush and over in the color panel, you see, Now there's the color panel. I'm going to choose the red color and now with my mouse, even I'm not even gonna use my tablet you can then start sketching on the layer. Now, you see, that's very, very small. How do you turn it up? Well, you turn up the size up here of your brush. Now it's a little bit bigger. Now, what are we sketching on? Notice the layers panel. I'm gonna go ahead and pull this out now, created what is called a pixel air so I can sketch all over this layer. And if I wanted to make a new one of these, I just come over here and I can add a pixel there. So I wanted to sketch blue. I could use blue. And let's say that I don't want this sketch anymore. With this lair selected, I just come down to the trash can and boom that leers history. Now, if you want to keep your design but you want to erase, you just come over to the eraser and you can easily erase using the right bracket key to increase the size of your eraser. And now you can erase all of your marks. All right, in the lessons that are gonna follow, I will be sketching out each one of my designs in a very rough shape. I will be using my paint brush tool. I'll be working in red, and I'll be using my mouse so that you guys can follow along. So when I say Sketches circle, that's my idea of sketching a circle Right up there is the banner. Yep, there's a banner in a circle, so I'm not going to do any really crazy, high graphic stuff here in the pixel persona. This is just simply how you sketch design, and it's done using a pixel layer now to re dock these. Don't get crazy. Just plug and play them right back into the studio. All right, that's it for this lesson. I just wanted to show you how to do a basic basic sketch. Let's go ahead and get on to the next one. We got two more of these before we start actually working in badges 8. Bootcamp 3- What is a shape and operation: All right, folks, welcome back to our boot camp. Now, we're gonna keep this real short. Now we are gonna be working a ton in shapes. Now, if you're brand new to affinity designer, there's gonna be a little bit of a learning curve Ingle idea. But shapes are down here in these blue areas in what is called the toolbar. So if you wanted to create a shaped like a circle, just click and drag out the shape. Now, hold shift and you get a symmetrical shape. And now you can move this thing around. So all of your shapes. You see the little cog here, how it has a little white triangle. There are a ton of shapes so I can make a red circle like I just did. I can go ahead and I can create a red cloud and to change the color of the shape you come over to the color panel and you can change it out to a blue. I know this is very rudimentary, but if you understand shapes, go ahead and move onto the next one. But if you just opened up Affinity designer having an understanding that shapes are a thing in what is called the draw persona is key to working on these badges. I'm gonna be using a ton of shapes because all of this is done, is what in what is called the vector persona or vector art. So this is what shape is in the shape is different than a line In order to draw the lines when we get there will be using the pen tool in the pencil tool. This is all about shapes Now. If you wanted to lead a shape, just hit the lead, just hit, delete. And now the last thing that I want to show you. If I have two shapes, let's say I have a round rectangle and a circle. Okay, now let's look at our layer structure. You'll see how the circle or what we call the Ellipse is on top of the rounded rectangle. Now, if I wanted to take these and I put him on top of one another, watch this. There's something called an operation and operations are up here. You got add, subtract, intersect, dividing combined. All we're gonna do is add and subtract. So to do this hold shift, select both your layers and let's hit. Add Now you see, you got two layers. Boom. One layer. This is what is called a complex shape. Notice one layer now, and it changed to a curve. Curves are different than layers are should say different shapes. I'm not going to spend too much time on him. But I do want you to know how to do operation. Now, if you wanted to undo that, you come up to edit, undo, edit, undo. And you can always bring him back, just like that. Now watch this. If I bring them together again, I select them both. And I hit. Subtract up here. Look what just happened there. It took the circle away now And this is the weird shape that I'm left with. And if you don't like that undo, undo, undo. Undo. There it is again. Now you got to shape still. All right, so just a little bit on what a shape is, where to find it and how to find the operations. If you do not see these up in your toolbar here, go over to view. Go over to customize toolbar and you will see them over here. You can just click and drag them up into that area just like I did there. All right, let's go ahead and move on to the next boot camp lesson, and then we're going to get into some drawn. 9. Bootcamp 4- Making pallets and cords: All right, gang. Last boot camp. Listen, before we get into the drawing. So we covered what a shape was we covered. What an operation was we covered? How to do a basic sketch. The last thing that you really need to know to kind of lay some stuff down. It is the theory of what is called a color cord and a color palette. So to do that, we're gonna come over to our studio. Right? Studio is over here in the right hand side, click and drag your color panel out. And if you do not have it, go to view studio, make sure color is selected. And also make sure your swatches panel is out. Make sure they're check marks on those. All right, so we're gonna grab color. I'm gonna grab swatches now. First thing we're gonna do here, we're gonna create a new palette for every one of our badges. So in order to do that with swatches panel selected, come over here and add a document palette. Now, that's gonna make an unnamed Fallon. Then you're gonna come up again to the menu. This little four line thing here is called the Menu and you're gonna rename. I'm gonna call it Badge X. All right, All right. No, you'll see that you've got some color here. You got blue, right? First thing we're gonna do. If I've got blue down here in my swatches and I want to add it to my palette, I can add that filled to the palate right there. Let's see, I got red. I want to add it to my palette. Boom. I got white. I want to add it to my palette. I got black. I want to add it to my palette. Now, let's see, we got green because that's not over here, Right? Come over to the green, find the green and you find the color green, you like boom added to the palate. Now, the last thing that I want to show you here while we're on this color green let's say I want to make a color cord. Now I can come up now. I mean, the color palette, right? I grab a color cord, and now I'm gonna go ahead. I'm gonna make a try. Attic color cord. What that's going to do is gonna take the color wheel, and it's gonna go ahead, and it's going to divide it into three. Notice what it did. Green, blue and red. Cool. Now let's do another one here. I'm gonna create a new palette, So stay with me here. Create a document palette. What's rename it, and we're gonna rename it Trial palate one. Because in our first lesson, we learned that a good badge probably has four colors. Max. Let's say you wanted to make something in the greens. You come up to the color palette, you go to create a color cord, and let's create a cord of shades. Look at that. Look at all those colors, agree, and you got everything from dark green to mid green toe light green. That's nice. Now. If you wanted to create another chord, you come up here, create accord. Let's create one of tents. Look at that. Now you've got all the colors of the rainbow there in terms of grey or in terms of green to work with. So that's how you create pallet. That's how you create a color cord from a color that you want to be your primary, and the reason I bring this up. One of the first steps in every single one of these badges that I do, I create my color palette so that I constrain my number of colors. And also, in order to import my color palette, all you got to do is in the swatches menu. Come down and import the palette. There is an in portable palette for every single badge that we're gonna be doing. All right, let's get after it and get in. It's a badge making.