How to make a 2-D robot inspired Asset pack in Affinity Designer | Jeremy Hazel | Skillshare

How to make a 2-D robot inspired Asset pack in Affinity Designer

Jeremy Hazel, Education Through Creation

How to make a 2-D robot inspired Asset pack in Affinity Designer

Jeremy Hazel, Education Through Creation

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
18 Lessons (2h 30m)
    • 1. Doing Market research , my process

      7:49
    • 2. Setting up your work space using artboards and grids

      7:44
    • 3. Sketching your first robot

      10:48
    • 4. Making a swatch pallet from an image

      6:43
    • 5. Making a color chord

      5:54
    • 6. Choosing your art style

      4:23
    • 7. Creating the body masses

      6:45
    • 8. Detailing the body masses

      5:23
    • 9. Making the head shapes

      9:52
    • 10. Making the arms and legs

      13:12
    • 11. Making mouths and noses

      7:51
    • 12. Adding Eyes hands and feet

      12:10
    • 13. Accessorizing

      7:44
    • 14. Making color variants in shapes

      11:01
    • 15. Proper layering and exporting into an asset pack

      14:11
    • 16. Creating decals and adding to the asset pack

      8:22
    • 17. Building the 2-D robot using your tools

      7:22
    • 18. Adding Effects to the robot

      2:22
  • --
  • 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.

133

Students

3

Projects

About This Class

This course is for designers and creators that are looking for a way to quickly and easily create designs in a variety of applications, or for those looking for an additional product to add to our offering in our online store. Asset packs and concept kits provide quick and reliable ways to test multiple ideas without having to redraw and redesign after each new idea strikes.

As a tattoo artist for 20 years , I know the pain of a client asking for just one more revision, “We just need to change it from a purple rose into a blue daisy…..that’s simple right?”. And as a T-shirt designer you do not have all day to be making art when you really need to be selling shirts. This course is the answer. We have engineered this course to show you how to create (From the ground up) a fully functioning asset pack revolving around 1 concept…..ROBOTS.

We take you through building a 2-D robot customizable asset pack

  • Included in the course you will build out a complete asset pack for use in a 2-D flat image robot
  • We will show you how to construct each shape of the 2-D robot, teach you how to lay it out properly for creation of a reusable asset, and teach you proper structuring for recoloring the shapes in a variety of colors , this will save you valuable by having a prefabricated base of shapes to pull from each time you make a character
  • We give you the COMPLETE research process that I use to develop robots , and teach you how to pull colors and create pallets from the reference images to give your robots a pleasing appearance, even if you don’t know anything about color theory, this assures your robots are correctly and beautifully colored, and best of all….WE GIVE YOU 7 color pallets to get started to get you up and going right away
  • We tack you how to export and structure the asset pack to support a professional workflow, allowing you to create in an order that is native to how your brain works…no more flipping back and forth between documents.

Meet Your Teacher

Teacher Profile Image

Jeremy Hazel

Education Through Creation

Teacher

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
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.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

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.

Transcripts

1. Doing Market research , my process: All right, folks, and welcome to Robot Workshop. Now, this is going to be kind of the introductory lesson. And this one's really not going to be about how to do the software portion of affinity but more about the research process. Now, when I think about this and we're going to be making a pack of vector art, that is kind of a robot kind of hodgepodge piece together thing. And so we're gonna be making a two d robot and a three d robot. And I thought about and I said, What could we look at in terms of who would be using this? I got a lot of T shirt designers in my stable, so I thought we'd take a look. A T shirt design. Now the first thing I do, I go to Amazon and who likes robots. Little kids add kids between, say, four and 10 so I put in kids robot birthday shirts. This isn't how to use Amazon merge. This isn't about how to search out t certain beaches, but when you're looking at it, I wanted to see what different styles are available and what people are actually looking at because the point of this is to create a bundle of robot parts that actually does something for somebody. So I thought about how do I create a bundle of robot parts that would allow people to make custom teas? So when I go through, there's some really cool things that I think are cool. As an example, this robot, I thought, was pretty cool, But you'll see that there's really no reviews around it. And there's far more to de robots out here when I say to t their flat image robots, they're two dimensional, and they're really based around a primary color again. No surprise, because guess who's werdum little kids and what kids like primary bright colored robots, and you'll see that they're very contrast e with this shirts that they put them on. So in all these areas here, we're gonna look at similar things, and I will be thinking about what to build in my robot asset pack. As an example, I love the idea of having the birthday year with the gears inside. I love the antenna that's here. I love the lightning bolts as accents. I love the beep beep. I also like some of the different things they've got. I like the segmented legs, the kind of bender legs. And so what? I do this, I'm really looking at my color space now. You could do this a couple different ways. This is kind of where I go to see what's selling. And as anybody that's done T shirts for any length of time knows it is hard to get a review . So don't put too much stock into the review, but definitely take a look. Do you see any really complex, crazy designs in here? No, you absolutely don't. So we're gonna make a two d robot. We're gonna make it very two dimensional. And these were some of the things we're gonna grab for inspiration we are not copying were grabbing for inspiration. Now to supplement this. When I go to Google, I might put down robot illustrations. Now, who's gonna give me a whole lot of images? And I'm not too concerned with the legality of the images because we are not again copying anybody's robots. What? I'm looking for our common ways that people are shading them so that we could put together a really cool modular pack. So when we take a look at this? I really like this guy. I think that this style with a very dark outline that is similar to here is a really cool style. So what I'm gonna do, I'm going to save him a jazz and what we're gonna do, we're gonna call this robot illustration one. Okay, so we're in pretty good shape there, and it'll give you some other images. And what you're doing is you're trying to get an idea of what might be possible. So let's do this. This isn't exactly two D. Were go robot illustration to Okay, save. Now let's go down a little further. There's one kind of like that one will grab that robot illustration three and what I'm looking at. In addition to the body shape and the way the arms air different, I'm kind of pulling things from a mono chromatic look. Which means these air all kind of a red or I should say in orange and yellow. But you could even go to here and pick one. I really like the single wheel look. So I really liked the single I look, so I'm gonna grab that one too. I'm gonna go save image as and we're gonna go ahead and we're gonna get a robot illustration four. All right, So the name of the game right now find some robot to D illustrations that you like you will not be copying. I repeat, you will not copy and find them for inspiration. Now, let's open up another window here and now we're gonna look at more of a concept style robot because in the second half of this course, we're gonna be building some vector brushes to do some robot concept work. So we're gonna go ahead and I'm gonna put down concept art or robot. Now, for anybody that doesn't know what a concept artist is, Let's say you've got an idea for an animated film or a line. You will hire a concept artist to take your idea. If you're not artistic and make it into something and what I want to show you here, this is ah, whole different level of art concept. Artists are a whole breed unto themselves. And so when I do this, this will really help me figure out the vector art that I want to do later. I really like this look here on this particular robots. So let's save that image. I'm gonna go ahead and go. Concept Robot one perfect save. Let's see what else we could do. I really like this. So let's go ahead and go saving the jazz concept robot too, so you can get a lot of good inspiration here, and I'm really looking at some really awesome color palettes to you. See how a lot of these robots have some really interesting color palettes just like this. Somebody go saving the jazz concept robot three. Now, again, I'm not interested in copying what I am interested in is using the images for inspiration. Now you want to pull images from a lot of different areas. One of the ways that I like to do this is I've azi brush fan. So one of the things I like to do is I like to go to concept art concept robot Z brush, and it takes me out of the illustration realm because people are doing some amazing stuff in modeling, so modeling you'll get some really cool color palettes as an example. I love the orange. Here's somebody go out of a saving the Jazz called this concept robot. And we were what? On four? All right, so that gives me four concept robots. Who I really like that one. I'm gonna steal that one, too. I use the term steel, but I'm not actually stealing. I'm using them for inspiration in terms of the color composition concept. Robot five. All right, Cool. Because you see how this one has a lot of muted graze as opposed to this one, which has some really bright metallics. Very different. Look to them. All right, so that's a little bit about my research process. I've got my research images pulled for my two D robots. I've got my images pulled for my three D robots, and now we're gonna go ahead and we're gonna get started laying out in affinity. Designer. All right, we'll see the next one 2. Setting up your work space using artboards and grids : All right, folks, welcome to the first lesson where we actually crack open affinity designer In this lesson, we're gonna be showing you how to create your art boards, how to go through and create your grid in order to start creating robots in subsequent lessons. So this first step is essential in getting your file structure right? All right, so let's go ahead and go to file. Let's go to new. And now we're gonna be working in the web persona in pixel, and we're going to making a 2020 by 2020 workspace. Now, we're gonna be a 300 d p i. And before you hit, okay, Make sure you select create art board. Now you're saying, what is an art board, Jeremy? Well, an art board is thinking about, like, multiple files in the same folder. So when you hit okay with our board selected Oh, now you'll see that the background is a little lighter, and it says art board one. Now that's different than just having a single option open. And you could think of art boards is different layers. So what we're gonna do, we're gonna perfect the grid on this art board and we're going to go through and then we're going to duplicate it. All right, so let's go ahead and get started. With this art board selected, we're gonna come up to view and you're going to show grid. Now show grid comes up and there's a whole lot of stuff happening, right. But what we want to do is we want to come over to our view. We're gonna go ahead. We're gonna go to the grid and access Manager now, the first thing I want to do I like my grid lines up at full opacity. So if your major grid lines aren't open full, you probably want to get there. And now I'm going to de select use the automatic grid, and I'm gonna come over to advanced. Now what this is going to do, we're going to go ahead. We're gonna create a standard grid type, and we're gonna make this spacing on this major grid. I'm going to say 100 pixels and I want five divisions within this 100 pixels. So guess what? The minor grid lines are gonna be 20 pixels because 100 divided by five is 20 and then because I want some spacing. I'm going to put a gutter on their of five pixels. Now, what's that going to do? Let's go ahead and hit close. Okay, So let's go in here and let's take a look here. So now this is 100 pixels. So if it's a couple 1000 pixels across, guess how many of these there should be? All right, so that looks pretty good. I'm gonna actually change this up a little bit. I want to change it. One more. Come over here to the great an Axis manager. Let's make it 500 and let's go ahead and up that to 10. What does that make the space in between its major grid line 50. All right, Now, what do we got going on here? Now, that actually looks really clean. 1234 1234 That's actually super clean. I really like that. So that's gonna be the magic spacing. All right? So if you follow it along at home, how we got there, We showed the grid right here. We then went to the grid and access manager, and then these air my settings. Once I d selected the automatic grid to make this work. Now, in your downloads for this lesson, I have included this grid so that even if you're not greater grids and guides, you can still start up. And now what we're going to do I really like this grid. I'm gonna right click on the art board, and I'm gonna duplicate it, and I'm gonna duplicated again. And all I'm doing is I'm right clicking and I'm duplicating, and I'm gonna duplicated a total off. Well, let's go till I have seven of them. 123456 And one more make seven. All right, So once you've got your green, your guide good, duplicate your art boards. Now let's rename him. I'm gonna call this eyes. I'm gonna call this one, Heads, I'm gonna call this one mouth slash nose or mouth and nose. I'm gonna call this one bodies. I call this one arms and legs. I'm gonna call this one hands. I'm gonna call this one and tennis accessories. Oh, let's do this one. Let's changes to two hands and feet because a lot of times the hands and feet should move. All right, so eyes, heads, mouths and nose bodies. Arms and legs, Hands and feet and antenna and accessories. All right, Now you see that they're all over top of one another, right? We can't have that. So zoom it out. And now with the move tool selected. You see, I'm up here with the move tool. Let's go ahead and move these things around. And all I'm doing is I'm just placing them wherever I think they need to be. Now you can put him wherever you want to put him right. I'm just kind of positioning him out. I think we're pretty good there. What I might do to keep things consistent, I might put him right here. All right, So now this is why we did it this way. Just so you guys know what's going on? Let's go ahead and zoom back out. I got my spacing right on this grid, because the very next thing I'm gonna have to do if I come over to the mouth, his nose, you'll see how the grid will follow with me. That's extremely important. And the reason that I did this is because you're wear Lee want toe work at a large enough size to make the vector really awesome. So 500 pixels is a good start. If you were to make the whole sheet 500 pixels, they'd be so infanticide really small that it would be hard to work with. All right, so what I'm gonna do You ever go to file save, as in the last thing here? I'm gonna go robot, call this two D two d robot. Ah, kit. Template. All right, cool. And then I'm gonna go ahead. I'm gonna save it wherever you want to save it here. I'm gonna go ahead. I'm gonna save it for this lesson here and we save. All right, that's it for this lesson I know was a little bit long. I know that it was the most exciting stuff, But now that you're squared away and you're ready and rock, we're ready to start sketching in the very next lesson. All right, We'll see the next one 3. Sketching your first robot : All right, gang, let's go ahead and get into some sketching. So we're gonna show you how to do your first sketch in affinity designers. So if you don't do any sketching Infinity designer, this is gonna be a brand new lesson for you. If you don't want to sketch in a finicky designer, you don't have to. I've done a lot of pen and paper sketching, and you can always just scanned it in, take a picture and absolutely place it inside of the file. In the later lessons, I'm gonna show you how to do some digital sketching. This is gonna be very rough. Now, in all fairness, I'm gonna go ahead and I'm gonna be using my graphics tablet. You do not need a graphics tablet in order to do this. So let me say that again. You do not need a graphics tablet to do this. And if you're a pen and paper type of person, you absolutely can do this on pen and paper. So let's go to file new and I'm just gonna go ahead and I'm gonna open up for a print. I'm gonna go ahead and I'm gonna open up a letter so 8.5 by 11 inches Don't really care. And I'm gonna hit, okay? This is not gonna go anywhere. So technically, you really don't have to be that persnickety about the size. Now when I sketch, the first thing I like to do is I like to get some of my reference files. So to place a file inside of affinity designer, you come over place, you come over to your reference file and let's go ahead and let's pick. Oh, I don't know. Let's grab. You can see I got quite a few more robots than I did before. I kind of like that guy. So let's go ahead and drag him in. And you don't have to make these very large right? Your file place. Let's grab this guy. I like this guy, too. And then we're gonna grab one more file place. I'm gonna grab something a little more to D issue. I'm gonna go ahead. I'm gonna grab this illustration here. All right, Cool. Now you see that we consumed a lot of this area with these reference images. In order to fix this, you can come over to your art boards. There's that pesky art board thing again. And you can create a new art board? No, come over to our board and you drag it over. So now these are outside. You see that these air actually separate layers. And it's a nice way that you can actually make these things kind of where you wanted for your reference point. Stand out. All right, so for me, that kind of works. All right, so I've got my art board ready to go. We're gonna call this sketch, and you know how to do this from the last lesson. And now you're gonna be working primarily in the pixel persona. So I'm gonna come over here to my pixel persona. I'm gonna grab my paintbrush stool, and now you don't have to get terribly crazy. But over in your brushes studio here, I'm just gonna grab a standard, Let's say eight point brush and I like to sketch in red. All right, so I've got my paintbrush selected. I've got a standard normal old every day brush, and I've got my red color. Now what I'm going to do is I'm just going to begin sketching some of this stuff to do this here. I just kind of like, Well, I kind of like the round head here, So let's go here. And you see that I'm not being terribly scientific, right? This isn't rocket science, and I'm going to come in, and I'm gonna kind of give it this kind of a look here. Hey, now, do I like this year and you see that I'm just kind of creating and I'm sketching out the shapes. Now, if you want Teoh this what you could do, You come over here, you condone Drop your opacity on your sketch layer once you're done, and it really does keep it fairly light. So over here in your layers panel, there's an intensity area. Now, when we take a look at the body, I'm gonna make this guy maybe round here. Let's go ahead and zoom this out a little bit. Move this down and we're gonna come back over to my brush. And this is just about getting some basic shapes down, right? No, I think I really like about this guy here. I'm gonna go ahead and take the wheel off that guy. I think that that's pretty cool. Okay, so we're pretty good there. Now, the thing I like about this gentleman right here, I like how one I is bigger than the other. So probably make that one I little larger. And I like the fact that he's got this area right here. So what I'm going to dio is I'm gonna taper these arms now. You see, my sketching is not terribly precise. It doesn't have to be. And then we're gonna come down here, and I want to put some pinchers on him. Okay? Now, what is the intent to do? Let's go ahead and throw a couple antenna up over here. Let's go ahead and throw in some electricity right here. Okay. You see, I'm kind of roughing out thes shapes a little bit here. Now, what kind of bells whistles, dials kind of goes on them. I kind of like this guy here where we've got this panel right here. Kind of a power unit here. Okay. And now what kind of I should he have? We're not quite sure yet. We'll figure that out as we go, but I know I want one of them super large and one of them not super large and I want the neck to be a little bit spoken in here. Okay? Now, what about this wheel here? We didn't quite finish up this wheel. Now I'm just gonna try something here. Tripod. Que? All right, Now you see this sketch? If you wanted to stop here, you certainly could, or you could come over. Let's add a pixel there. Now you see where I am at pixel air? Pop that over here and now what we have during that letter to the top there. If you wanted to sketch on this pixel air, you could theoretically change up your color. And now you could get a lot more precise in zooming in in making this actually work. So what I might do here now is I might with my brush still selected, I might really get a little bit more detailed in my example area here so I might get a lot more detailed. Make a light bulb here, I think. No, I know that this absolutely looks like a three year old drew it. This is just my process. I don't spend a lot of time sketching. I don't spend a lot of time figuring out what I'm going to do because I spent a lot more time in the actual art of sketching the vector more so than I do here. So this may be the only type of situation, but you see here, I'm using the rough shapes again. All right, so what I'm gonna do, I'm gonna go ahead and leave this right here. I know you guys wanted to watch me do the whole thing, but that'll take 15 20 minutes. And what I'm going to do here now is I'm going to give you guys this. I'm gonna go ahead and save this file. I can't save the reference images, unfortunately, because I don't own the rights to them. But you see how I'm going to give you this part, which is really a combination of using these for inspiration in order to take the next step . All right, let's go ahead and call this video here. What I'd like you to do is save your sketch, and then we're gonna export it. So let's go file export. Let's export is a J peg. And now when you export this, you want to go here and make sure that you've got your sketch. Okay, That's the art board that you're working up now. I want to bring this down into there. Let's go ahead and do that. All right, So, you see, we just moved that layer down above the pixel air. Now it's all in the sketch layer file export JPEG sketch and what I'm gonna do, We gonna go ahead. I'm gonna save it in this lesson. I'm gonna call this robot sketch one. Now you've got it as a G pig. All right, folks will see the next one when we start putting this together and we start building in our basic shapes. All right, we'll see the next one. 4. Making a swatch pallet from an image: All right, folks. So let's go ahead and talk about color when it comes to your robots. Now, this is why your reference file is so important. I'm gonna show you how to Paul color swatches from the images that you used to during your reference face. So let's go ahead and let's goto file open. And now, wherever you put your robot reference file, let's go ahead and open that. Now, you see, the robot reference file here has a lot of your different images. So let's go ahead here and pick anyone that has a pleasing palette to it. I really like this retro robot here that I've got. So I'm gonna grab that hit open now. There's some really cool colors in here, right? So now a finicky designer has this really cool feature where you can come in to swatches. You come in to your menu and you can create a palette from this image. Now we're gonna go ahead and we're going to select the image. Now you come down here and now these the colors that it chose You can even increase it now if you wanted, say, let's go 15 colors and go ahead and enter. Now, you see, here we have 15 different colors that are created from robot image six. So it really went through it, pulled all the colors. Now you could've gone to 30. 40 50. I wanted to keep it to 15 and you could rename the palate. So let's call this robot palate one. All right. Perfect. Now let's go ahead and to do another one. But this time, we're not even gonna bring in the image. This is gonna be crazy. You come in here from your swatches panel, you grab the color palette from an image, select your image. And now let's do this robot illustration. Let's go to 15 colors there. Cliffside preview. Boom. Now we can keep going. Let's go to 20. Preview. I really like the 20. So, you see, I got a lot of whites there that aren't really going to come to fruition, but that's fine. Now you'll see here, you can do location, you go application document, or you can add them to the currently selected palette. I'm gonna make it an application palette, and I'm gonna create. So there's a new palette. Now we're gonna rename to come up to there. You go to the menu. You re named the palate and what's called this robot palette to. All right, Perfect. So now where these being stored? Right. Take a look at this. You've got different application palettes here, so you can now select from pallet one you can select from palette to I'm gonna go ahead and I'm gonna clean this up a little bit. I'm gonna right click and I'm going to delete. I'm gonna right click delete. I think there's a lot of grays here that I don't necessarily need. So I'm gonna keep to I'm gonna keep that kind of white ish area there. I think that's good. Now let's do one for our concept palette. So we're gonna come up here, we're going to now create a palette from an image. We select the image, and now I'm gonna pull this orange one that I really liked, you know, hidden hit open. And I'm gonna go ahead and make this 15 here on a preview, and I've got a good palette. I think I've got my blues that I really like. I think them in in pretty good shape with that. Let's go ahead and create Boom. And now, how do we rename renamed Palette Concept School robot for robot three, actually. Sorry. All right, let's do one more. Come up here. We're in our swatches panel again. Create palette from image. Select image and open. Now, let's do 20 and preview this out. That might be a little bit too much. Let's go ahead here. Yep. I think that's pretty good. I got some of my greens. I got some of my yellows. I'm happy with that. And let's go ahead now and we're gonna come up to our menu again and we're gonna rename the palate. I'm gonna call this robot palette four. All right, Perfect. So you see, now we've created four robot pallets. Now, to export these pallets, you're going to select the palate you want. I'm gonna work off robot palate one, and I'm gonna go ahead and I'm going to export the palate and we'll save is an A F palette file. Now, to make this happen, we're gonna go ahead and I'm gonna call this robot palate. One were gonna save. Then I'm gonna go to two, and I'm gonna export there's palette to going to go here to pallet three. We need to make sure we're on pallet three. Come up, Export Perfect and robot four and export. All right, cool. Now in your downloads for this lecture, we have included all four pallets, so you can certainly import them if you wanted to follow along with the exact same colors. Here's what you do. You come up here in the import the palate, and you bring them in. Either is a document palette which will Onley make it applicable in the document that you bring it into. Or you could bring it in as an application palette, which will make it applicable to every document that you open in affinity, designer. And once you do that, you just select it and open and away you go. All right, so that's it for this lesson. That's how you can either bring your image in and create pallets from your references. Or you can open up the images without even having to bring them in and bring them in from your references. All right, folks, now that you got some color palettes to work with, let's go ahead and take the next step, and we'll show you how to do this another way. 5. Making a color chord : All right, folks, welcome back to our listen on color. So in other lessons, we had taken a look at how to take e color swatch or a color palette from an image. So in this lesson, we're gonna show you how to create them with a little bit of color theory. So to do it this way Now, we're not gonna work in the swatches menu. You remember we were there. We're going to come up and were to create a new palette. So we're gonna go ahead. We're gonna create a new palette. We're gonna add an application palette, and we're gonna call this when we rename it. Try attic Robot. Okay, now, I know you don't know what any of that is yet, right? Cool. Try Attic. Robot is our palette that is going to be selected in our swatches menu. Now, let's grab the color tab. I'm gonna pull this thing out in the menu for the color tab. We're gonna go ahead and we're going to create a color cord. Now, when you go to create a color cord, there's a lot of different things you can create here. We're gonna create two different palates using color courts to do this, start here in the Phils Circle and double click. Now you should have the color wheel. If you don't grab this, drop down and choose the H sl color wheel. Now this color wheel is life right. You come over to the color, you create a color cord and now there's different things that you can do here. We're gonna cover just the highlights. You can create a complementary color cord. Now a complementary color cord is where Let's say this is red right here. Exactly 180 degrees across. The color wheel is aqua, so the aqua or the teal and this red are complementary. Purple and green are complementary. Yellow and blue are complementary. So if you create a complementary color cord, that's what you get. Now there are other types of chords. They're split complimentary. One of my favorite is the Triad IQ. Now in Triad IQ. Let's say that I've got a red is my primary. It will divide this circle into thirds and I'll get green and blue. So what? I'm gonna dio I'm gonna come over to the purple and I'm going to create a trip try attic color cord. So watch my swatches now. I mean this watch panel. I've got my try. Attic, robot. And now I'm gonna drop this down ever so slightly until I'm right about here. I come over to my color and I create a cord, and I make it try Attic. Look, it would just occurred in the Triad IQ robot. I now have the purple. I have the light yellow and I have the blue. So if this was going to be my color palette, look at how I just created this thing is absolutely phenomenal. Now, you can also do different tints and shades. Let me show you this. So now let's keep with our swatches panel. Let's come down here and we're going to come down and we're gonna create a new application palette again. Unnamed. Now we're gonna come down, and we're gonna rename the palate. We're to call this tint robot. Okay, Perfect. Done. Problem solved. Problems staying solved. Now we've got a new palette. Now we're to create a color cord. So we're to come down here. We're gonna find the color that we want to use is our base. And I'm going to create kind of a I don't Let's kind of create a greenish look to it. Think that that's kind of cool right there. All right, so I'm gonna create something in the green there. I'm gonna come to my color studio, and I'm going to create a color cord, and I'm going to create some tents. Now, what this will do. This green will be the darkest green. So it's now going to begin lightning this screen and you'll see kind of what it did there. That's awesome. Now we're gonna go ahead and add to this. I'm gonna come down here now, at a color cord, I'm gonna add a shade. Now shades will take that same a base color and add black See what it just did there. We've got all the way from the base screen all the way to black. And here we got the base screen all the way to white. And the last thing that I'm going to do is I'm gonna come down to create a color cord, and I'm to create tones. Now, you see, I haven't moved my base color. What so ever? Now I've got all my robot tones there for this green. All right, so that is what a color court is. That is how you can create color cords. And now, once I've got these pallets, I'm gonna go ahead and export thes, and these will be in your downloads as pallets. Okay? We're gonna use the proper spelling there. And we're also going to do the Triad IQ robot, and we're going to export the Triad IQ robot palette as well. Okay. All right, folks. Hope you learned a little bit about color. Cords were now ready to go. You have What is that? Six different palates now for your robot, between what we did before and what we did know. So let's go ahead, get into the next one. 6. Choosing your art style : All right, folks, walking back to the robot workshops. So in this lesson, what we're going to do is we're going to start pulling in your references, and we're going to get you very clear on what type of art you really want to make. So, in order to do this, I'm in the template that we made earlier in the course. I'm going to come up here now, and I'm just going to duplicate the bodies art board, and I'm gonna call it reference. Okay, so now when you move the reference layer, let's go ahead and move that reference layer over. I'm just gonna go ahead and move it up to the side here of the bodies. The reference layer is where we're going to put all of the reference images that we want to take. So let's go ahead and zip over to this reference layer. And with the reference layer selected, we're gonna goto file place now. A couple things you want to place on here, right? First thing is, I would say you want to grab some of the images that you really liked. I really like to this image I really like to this one. I like that, and I like that. All right, Now, let's go ahead and open those. Now, where did they go? See, I had the head selected there, so it went into the head layer. We're just gonna go ahead and grab those four, and we're gonna drag him up to the reference area, make sure that they're inside. Oops. There. Not masked to there. All right, now, you see, we still can't see him. You come over here. Where they hiding? There. There. We've just got to be able to find him now. They're over here. Shrink it down. Ring them inside their there. You just got to find him, All right? Now, let's go ahead, disperse about here a little bit. I want to make that a little smaller because I don't really need I'm not copying any of them. I'm just trying to get an idea of what I like about him. All right, Now, these are all your references, is what's missing. Well, crate, frankly, your sketch. So what I'm gonna do now? I'm gonna put my sketch on the body layer. I'm going to file place, and I'm gonna come up to where we did our sketch and there's my robot sketch, and I'm gonna put that now down on side the body layer because I'm gonna use my sketch to kind of guide my actions. All right, so when I say that, we've got to determine what type of art we're going to do You see how this is a very simple black and white two d robot? These are a little more complex in terms of the cell shading. This is a little more complex still, and this is very vintage, I think because this is very vintage. I liked the colors of it, but it's not quite this style of art I want to do. I think that this two d style what is called cell shaded because you see, you've got the darker pinks and a lighter pinks. Here is definitely the way that I want to go. And if we pay attention to the artists technique here, he really splits the robots in half every single one of these. You see how this half is darker than the left half, so we can absolutely do this with an adjustment layer. If we wanted to use this particular technique so I would say it most. We're gonna use 3 to 4 colors, Max. We're going to use areas of the same tints, tones and shades, and we're going to really split them very simply to make a very simple, cell shaded robot. All right, so after I decided that, let's go and move my reference, then a little bit closer to the one I'm gonna be working with, and we're going to get ready to go into the next lesson. All right, folks, this is about making a decision, adding the reference layer in the next lesson, we're gonna show you how to actually create the body mass so that you can achieve ultimate flexibility in your robot making. All right, we'll see the next one. 7. Creating the body masses : All right, gang of Welcome back to the workshop. So in this lesson, we're actually gonna begin to build the body. Now, in your downloads. Earlier, we created robot palette to so in your swatches studio panel. This is kind of where this should be. Now, in this lesson, we're gonna cover some basic activities and some basic things relating to shapes and operations that we're gonna use over and over and over again. So the very first thing you're going to do, we're gonna bring our bodies layer up to the top, and we're gonna work on these center body shapes. Now, every single robot we're gonna build because we decided in the last videos to do two dimensional robots is going to have some version of these shapes. But with shapes come operations. So let's go ahead and get started. Now we're gonna build four different bodies. The way this class is gonna be structured, we're gonna build four bodies in four different color schemes. Okay, So that you really have a lot of different color combinations you can mix and match. If you wanted to build 100 bodies after this, you absolutely could using the same techniques. So let's make sure we're on our bodies layer, and I'm gonna lock every other layer. That is not a body. I'm gonna select my body, and then I'm gonna come up here and we're going to follow our sketch, and I'm gonna begin with the shape such as the tear tool. Now, for those that don't know anything about shapes shapes our vector, you click and drag and then to rotate, you grab the handle. I'm gonna hold shift to turn it 180 degrees just like that. So that gives us a very nice tapered body. Now you see kind of how it's tapered toward the end. Here, watch this. There is a tool over here in the studio called the Corner Tool, and you see the sharp corner right here. It turns square. If we grab the corner tool and we push in, you see how it actually changes the shape of the body now into a very nice round corner. All right, from here, we can take it, and we can create that nice torso look that we were going for. All right, so that is a pretty good body now, in order to size it up correctly. We're gonna turn on something called snapping. We come to the view, actually. Let's do it this way. Come over to your snapping tool with the magnet. Drop down and make sure snap to grid is on. Okay, now what snapping does if you pull this thing? You see, a red line begins to appear there. That tells you that your body is snapped to the grid. Now, in order to shape this hold shift, move it down. And you see that? Now we've got that red dot in the right hand corner. That means your body is snapped to the grid. Now, if you wanted to change the proportions, you could grab these handles and you could shift it any way you want. So you see, with snapping to grit on your able to accurately place these, and you're able to accurately size these to the 500 by 500 pixel dimension. So that body I would consider to be properly placed. All right, now we're gonna go through, and we're gonna create another body. So to do this now, let's go ahead and create a similar body. So it's practiced with the tear shape. When a shift click drag, we're gonna use the corner tool and we're gonna pull in until the corner is here. And now with our move tool, we're gonna swap down here. I'm gonna hold shift, Sillitoe 180. And now let's go through and duplicate this. So we're going to come down to the body art Board because that's where a curve is. We're going to right click. We're gonna duplicate, and now we're going to spin this. All right. What we're really gonna create here is some form of an hourglass. All right, now you see, Now I have two different shapes in order to combine shapes. I'm going to show you your first operation. Grab the first curve, hold shift, grabbed the second curve, come up here and hit the ad. But the add button takes the two shapes and makes them one. And from there, we're just gonna go ahead and place it inside. Are area all right? Perfect. Now let's go ahead and create another shape. Let's do one of these rounded rectangles. Come over to the round of direct angle tool and this is actually pretty simple. Want to come down here, and we're just gonna create around a rectangle I know. Rocket science, huh? All right, now, the next one we've got here, we're gonna go ahead and create kind of a pill style shape. So to do that, we're gonna grab the rectangle, gonna drag out a rectangle, drag out a couple circles just like that, and then we're going to copy and we're gonna paste, and then we're gonna bring it down. So notice what we've got here now. 123 Notice I've got the three shapes elected and I'm gonna add. And now I have a pill style body. All right, so there are four bodies that were appropriately created using the addition operation and all basic shapes. So we're gonna dio we're gonna go ahead and call it on this video. And in the next video, we're gonna go ahead and add some additions to these bodies. So let's go ahead. Cut this one, and then we'll move into the next body video. See the next one 8. Detailing the body masses: All right, folks. And welcome back to the robot workshop. Now, let's go ahead and take a look at how to add some color. Because as you go through this, you're obviously going to have colors that maybe you didn't anticipate as an example. This color that I was using in the last area wasn't in my original robot palette. So add the green to the palate, come over to the pallet and add the fill. Boom. Now, what we're gonna want to do right now because we've got this color down, I want to go ahead and we're gonna add a color cord for this color on Lee. So how do we add accord, folks, You know this. Come over to view. Make sure your color tab is selected. Make sure that color is selected. Let's go ahead and add a color cord. And let's go ahead and add in a shade and boom. There is our shades for this particular color of green. This is going to be important because what we're about to do now, we're gonna add some details into these bodies. So let's go ahead and get started. So in order to do this, we're still working in the body. Let's go ahead. Dakar color palette. And now in the body layer. Let's go ahead and start with this whole hourglass style shape. So make sure your curve is selected. Then I'm gonna come up and I'm going to go through here and we're just going to create a rectangle. And I'm going to put the rectangle right in the center here and I'm going to fill it. Make sure you're Phyllis selected using a darker color. Now, notice how the rectangle is not inside the curve. Drag it down inside the curve. And now we have an instant taper in the waste that looks really good. Now let's do another one here. We're gonna use shapes again. I'm going to come down to my crescent tool. We're gonna come down, we're gonna do a crescent shape, and I'm going to press it in until it's a pretty good crescent. And then we're gonna fill it with this area and we're gonna nest it inside the curve. Now, that doesn't look really good, right? We've got to position it where we want it. So what I'm gonna do is I'm gonna come up to here and I think that that is actually pretty cool. All right, so notice how we're using shapes nested inside of other shapes to create the interest. So now let's come down to this round and square here and let's go ahead now and just create another square. Maybe, let's go ahead and bring that to the base. And now what? We're going to dio we're gonna nest it inside of the round rectangle. All right, that looks pretty awesome. I think we should probably do that for the top and the bottom. So to do that, we come over to the rectangle we duplicate notice it's still inside the rounded rectangle and let's move it to the top. All right, that looks pretty good. Now, let's go over here to this guy and let's do the same thing over here. But this time I think I'm going to take the top portion and I'm gonna move it inside of the curve. All right? Give him kind of a two tone. Look, I think that that's kind of cool. All right, So notice how we added a little bit of interested. Now we're not detail ing at this time and coming back to our original sketch. You'll see that I had kind of this area sketched out inside of this body. It was on the other side, but it was still there. So I'm using some of this here to really show how the curvature of the robot should look. Now, if you wanted to do something a little bit different I'm not advocating Half do. You could theoretically delete that out. You could come up with the Crescent Tool selected. We could create a completely different crescent. And you could theoretically popped that guy right there in order to make that look like it was supposed to be there to kind of accentuate how that curvature worked. Just a thought you could do it. You could not edit, undo, edit, undo. I like to keep my stuff a little bit cleaner, so I'm going to keep it just like this. All right, So bottom line, let's recap what we did here. For every one of my rough shapes. I took a another shape. I nested it inside, and then I made it a little bit darker and you'll see here I added a color cord to my particular palette. Alright, folks. Let's go ahead and call it today on this one. In the next lesson, we're gonna go ahead and we're gonna take a look at heads. All right, We'll see the next one. 9. Making the head shapes : All right, folks, welcome back to the robot workshops. So we're gonna take a look at how did you heads down? So I'm going to go ahead and lock my body right here and then I'm going toe unlock the head art board, and the head art board is right here. I can still see my reference materials. So now, when I select my head are bored notice my graph comes with me. And the first thing I'm gonna do is I'm gonna create this space, which I'm gonna want for my trial robot. So to do that, I'm gonna come down here now. Is that the right color? Nope. We need to make our base color here. And then what we're going to do now is we're going to create a rounded rectangle for this individual's mouth here. So I'm gonna make the rounded rectangle. Oh, I don't know right about here. And now you see that the rectangle isn't very rounded, right? I can do better than this in order to change the rounded rectangle in the context to a bar for the rectangle. Go ahead. And we're going to up the radius by 50%. Now. You see what that just did. That absolutely changed the game. All right, So I now I'm going to perform. In addition, Operation. You guys have saw this before, and I select and now holding shift, I shrink until I've got the head pretty much centered where I want it. And I'm in pretty good shape. They're all right. So that's one good head for the rough body mass are the rough headmaster, I should say. Now, let's go ahead and make a domed version. So here, I'm going to create my rectangle. I'm going to create my circle and you notice I'm doing a little bit of an ellipse here, and I'm coming down to here, and I'm gonna. But it up there until I get my snapping. Right? No. Gotta zoom in a little bit. Here, get my snapping right. Drop that down. There we go. Problem solved. Problem stance off. And we're gonna create in addition operation right here. All right. That looks good. Kind of looks like a Pacman ghost. All right, there's another head ready to go. Now let's see what else we could do here. Let's come back to our reference. We got square. We got square. We kind of got a knob long. I like the oblong. Oh, now, that's pretty cool. Let's go ahead and do one of those. That's actually super sweet. All right, so now to do one of those, first of all, we're going to start with the rounded rectangle, and we're gonna make it pretty large. We're gonna come up. We're gonna shrink that down. All right, Now, before when we were using the addition Operations. Now we're gonna use the subtraction operation. Watch this. I'm gonna come down here, and I'm gonna edit duplicates. So you see, I've got three shapes that I'm working with. Okay? Now watch this. Hold one of the shapes and hold shift and grab the circle. Make sure in your layer the shape you're working with is above the shape you're gonna cut out. Hit the subtract button. Now let's do it again. 12 and subtract. Oops. We'll be. Remember what I said. Make sure the one shape is above the other. Yeah, that's why I said it. I didn't follow my own rule. That shape is now above the curve and now subtract Bingo. All right. That looks pretty awesome. Now, Let's go ahead and add in a little bit of flair. Here. Let's see what other shapes we can play with here. I'm gonna go ahead and I'm gonna grab this. Let's grab the double star, and I'm gonna come down here, all right? Just like that. And now what I'm gonna do, we gonna select both of these, and I'm going to combine them. That's actually pretty cool. All right. I like that one. See what other inspiration we can get from here? Square Dome Square. It's kind of a rounded square one, I think. Okay, let's do. Ah, triangular. I think that would be kind of cool. And now the point I don't really like. So we're gonna come down to the corner tool. And what do we do with the corner, too? We take out those points, Those pesky points shrink that shrink that just like that. All right. I think that guy's kind of cool there. All right. You see how we're kind of doing the same thing for the heads that would begin doing for the body? So what's the very next step we're going to do now? What did we do over on the body. We added in a few darker images in order to make them more identifiable and more interesting. So let's go ahead and do it. All right, So for the rectangle one, let's start out first and foremost here by doing just a really simple dark green, right, cause that's what we were doing. And we're nested inside, aren't we? So that goes into the curve just like that. Perfect. Now, let's go ahead and zoom into this guy here. What should we do with this guy? I think that he should probably have I don't know. It's crabby. Trap is oId That would look good. Now we want to flip this. And the reason that I chose the trap is oId is because I kind of think of it as being kind of like a chin. Right. I think that we're gonna get some interesting looks for it here. We kind of make it a little bit like a chin there. All right, Now we nest that inside the curve, Perfect. And now, with this guy here, I think we're going with the ever present ever popular um, crescent tool. Yeah, just like that. Crescent that out. Even a bit further. Let's bring that guy down a little bit and just adds a little bit of curvature to him. And now, by design, you'll notice where he put the curve. Where's the curve? On the body side in the exact same spot. So I'm making sure that the light is sitting in the same place and I nest it into the curve . Perfect. And then on this guy, I think that this might be interesting. Let's see if we're looking at making this mouth. Maybe kind of, I don't know, a feature that stands out where we put in that. Where did Ugo where? He lost it somewhere. Well, let me check my layers. This one disappeared on me somewhere. Okay? Yeah, we'll find it. Okay, Now, this guy were nesting into the curve just like this, and now I want to bring this guy just a little bit up. Okay? Cool. I think that's interesting. And I'm gonna paste it. We're going to do this one more time here, and we're gonna nest it inside the curve. So we cut it. Okay. All right. Perfect. Kind of like that. You know what I would probably do? Let's do one more. Let's go ahead and do a curve here. Curve that up just a little bit. Just like that. Now, remember, if you click on the shape, you can adjust with the orange handles here to get a kind of where you want it, all right, that will do it. There's a couple of fairly interesting heads there. Let's go ahead and call it a day here on this one. And in the next one we're going to sort out some arms and legs, mouth and nose, and then we're gonna do some hands and feet, so that's gonna be the next couple lessons you're going to see. The exact same thing followed. All right, folks will see in the next one. 10. Making the arms and legs: All right, folks, welcome back to the robot workshops. So we're gonna go ahead now and I'm going to grab my move, tool. I'm gonna drag my reference. Where's my reference layer? I'm gonna unlock it. And now I'm gonna go ahead and move it over closer to what we're doing here. I want to do the arms and legs here and then also in my body layer. I'm gonna unlock it, and I'm gonna go ahead and drag this guy over to my arms and legs legs So you see that you're able to move between art boards even. All right, let's re locked. The body was re lock the reference. And now we just got done with the head lair. So let's go ahead and lock that. And now we're gonna do the arms and the legs so there's a couple different things we can do here. We're gonna unlock the arms and legs, and we're going to zoom in and let's take a look at our reference things I like about the arms and legs. I really like the bigger ball joints here, so I think we need some form of a bigger ball joint for these things, and I really like the pivot points in the wrist. So I think that we've got that part, and I think we've got a two segment deal. So I think that that's kind of what we want to do is a couple different joints. And what I think I'm going to do here is I'm gonna create a set of legs in which we do these particular areas here. All right, Cool. So let's go ahead and get started. We're gonna go through here, and this could not really be easier. Folks. We're gonna begin with the circle. And now do we want the light or do we want the dark? We want the light, and I know I'm working all in the same color. That is ah, 100% by design. So stay with me to the end. You're going to see exactly why I do what I do here in a little bit. Now I'm gonna come over here and we're gonna rotate this up a little bit. Take that up, move that in, and I'm gonna go ahead. I'm gonna make that darker. Now. This is an interesting thing because we haven't had this problem before. What do you think we should do with the layers? The rectangle needs to go under the Ellipse. Okay, Layering is going to be extremely important when it comes to joints, especially if you're gonna animate this thing. Now, with the Ellipse selected, I'm gonna duplicate the lair. I'm gonna come down, I'm gonna hold shift, and we're going to make a very small joint adjustment here. And then we're going to come down and I'm going to duplicate you know what I might do here to add a little bit of interest? Let's make a trap, is oId and let's tweak in that area. So we get a little bit of taper in the arm. That's kind of cool. And then let's rotate that into position that we want that to be just a little smaller. That looks pretty good. All right, now here's the trick. All of these now, right? We select them all. We right click and we group. All right, so the group is now a thing. We didn't have groups in the other one because it was all just single pieces, So arms and legs are a little bit different now. Let's go ahead and make another one. We're gonna come down here and we're gonna use the segment tool, and we're going to create the shoulder joint running this way. So hold shift and the segment tool. We're gonna make this one dark now, And guess we're gonna make the arm. We're gonna make that light. Okay, so we come down here and now we're back to layers again. Those wacky layers the rectangle has go down below the segment layer. And we make that light. There we go. And now you see, we've got some interest in the robot there. Let's go ahead and bring this guy just like that. Make that dark, okay? And then we're gonna go ahead and we're gonna make this one square now. So we're just gonna make this a straight up rectangle. You want to make you too skinny, cause if you shrink this thing down, you don't want to look like a toothpick. All right? Cool. And you see, that layer is sticking out, so we got to bring it down. All right? That looks pretty good. So we've got a couple different styles of arms now, what I might do, we might make a segmented arm. So let's go ahead now and make a segmented arm out of this section. In order to do that, all you really have to do, we're just gonna create a little band. We're gonna make it the darker green. I'm gonna go ahead and move it over to the side here, and then we're gonna nest it inside of that rectangle just like that. Now, let's go ahead and duplicate that a couple times. Right? Click duplicate and let's drag it down. And now you could do one more time where you could just control J, and you'll see that you will get a good move. All right, so that's a really nice and easy way to make that a segmented arm without having to do a lot of work on it. All right, good deal. So now let's make some legs right, because we got this segment it arm and you see how I'm staying True to my original thing, we've got that larger shoulder joint here, just like I had to kind of drawn here. When we talk about these larger, segmented legs, what I'm thinking about is I'm looking at doing almost a couple wheels, so we definitely need a wheel. So let's go ahead and grab this, uh, this shape right here, let's go ahead and grab the doughnut, and we're gonna go ahead and grab this doughnut here, and let's go ahead and just crank it down just a little bit, okay? And now what we're going to do, we're going to who's There? We go. We're gonna go ahead and we're going to create the holder for the wheel. Now, the holder needs to be lighter. And let's go ahead and make this wheel even a little bit bigger here. Here we go. I think we're pretty good there. Now, where should this theoretically go? Here? Let's do I don't know. It's to a rounded rectangle. Now. Should we make that darker? I think we should. Should we make it wider? Absolutely. Should we put a joint on their think probably should and we're gonna make that lighter. And now what we should probably do. Let's go ahead and add in a really cool kind of Oh, let's go throw in a polygon here. But now I don't like any of the heavier, uh, corners, right? So let's go ahead. Break those corners off. Let's go ahead and turn that guy just like that. Bring that right about Teoh here and will make that a little bit darker too. Okay, let's grab all three or all of those. And now this is why we work within a certain calm. Fine. There we go. Leg created. That looks actually pretty cool. I think I really like the way that one turned out. Now let's see what else we got. Let's go back to our reference here. We got a couple trap is a little feet that are pretty cool. Let's do some of those. I really like those. All right, so we start off of their base area, we're gonna go with trap is oId so let's go. Trap is oId just like that. And now we're gonna make that lighter. And now we're going to go into other Trap Resides here one. Now, this is an opportunity. Here, let me go. Edit, duplicate, move, and really control. J just duplicated one more time. Now, these all need to get trunk until they match. All right, that looks pretty good. Now what I'm gonna do here, I'm to take these three. I'm making a darker color. All right, cool. Let's go ahead and make a leg here. Some pretty happy with that. But now I want to make some striations here. Kind of get that look I was going for. So I'm gonna come down here. We're in a position. Three of these edit duplicate gonna move it down and then control J Oh, I moved it at a duplicate. Okay, now one, 234 Let's go check out our hierarchy. Right. Where are we? Here. We're now going to group thes or we're gonna add them. No. All right, Cool. Now, what group did those just go into? We're in the wrong group. We got to be up here. You know that curve back up here. Now I'm gonna bring it down below. The trap is away, though. All right? And then we're gonna group that. That that That Matt, we're gonna group him. Okay? Grab this. This this, this and this. And we group him and they were coming back to the arm. This arm, that arm, this rectangle, that rectangle and we group him. Okay, let's call this arm one. It's called this arm too. It's called this leg one It's called this leg too. Alright. We gotta rounded rectangles somewhere in the mix here, See? Where is it? It's deleted and see what happens? Another. That was my extra there that I couldn't find. All right, so within the arm and leg workspace. Let's see, we got I've got two arms, two legs. I think we're pretty good. Let's go ahead and solidify this one up. All right? We're gonna go ahead and lock it. Okay? Looks good. Let's go ahead and call it on. The arms and legs. We've got two arms. Two legs were in pretty good shape. Let's go ahead and take the next step. And what do we have next? Let's do mouths and noses. All right, we'll see in the next one. 11. Making mouths and noses: All right, folks. Welcome back to the robot lab now. Traditionally, robots don't have noses, and they usually don't have mouths. But we're gonna go through that because it humanizes them. So we're gonna go ahead and we're gonna move our reference folder. Same as we've done before. So we come up, we unlock it, grab this, move it up next to our workspace. And now what else do we have to grab? We got to grab the concept sketch, right? Because I want to grab at least a couple assets that help me do what I was doing here. Now let's re lock the arms and legs, okay? And let's unlock the mouth and nose. All right, So with my move tool selected, we're right back where we started here with the mouth and nose, and we zoom in. And now I guess we're going to do the same thing we've done every other time. Let's take a look at our reference to see what's up, all right? It appears that it's got some sort of a jagged up down to simulate some teeth. We've got one that has a hexagon. I think that's kind of cool. These don't have mouth, so that makes it very simple. Well, that one's got a simple mouth. And when we do this portion, this one just has a Siri's off squares. All right, let's do one of each. So we're gonna come down to here, and the first thing that we're going to do now, we're just going to do a series of squares. So in order to do a series of squares, it could not be simpler. Click and drag. Now, what we're gonna do here, we're going to hold Ault with our move tool selected. And this will duplicate. And we're just gonna move it a little bit over now without touching anything. Control J Control J Control J Control J Control J. All right, cool. Now you see the worst progressively going up here. That's OK. We go to the layer, we go to the line and the first thing we're gonna do Then we're gonna line on this center. Oops at it. Undo their alignment. Every go align middle. That works. All right, So we now have our first mouth done. Now, the little white lines you're seeing Oops, a little while lined you're seeing are just the graph, so don't let it fool you now. Traditionally, this is going to be lighter than the mouth, so we probably want to make thes the light green. Okay, let's go and check a reference, because that is true. All right, now, same thing here, let's go ahead and do this up. Down, up, down, up, down. Kind of snaggle tooth. Look here. Okay, so we come over here, we're working on our mouth and nose. And now what we're going to do, We're gonna do this snaggle tooth. Now, the easiest way to do this, folks, is with the pen tool, and with the grid selected, it is pretty simple. One to one to 12 See, with the grid tool selected, it's actually pretty simple to do because this is going to lock to the grid. Okay, Now you've got this pattern. What do you do with it? Now? Come up to stroke. Let's make it three point. Oh, here we go. Now, you see, I'm not quite evenly spaced over here. I kind of miss the grid there. That's fine. We come over here with the no tool and we can snap this now to the no tool. Perfect. Now we're snap to grid. All right. Looks good to me, all right. And much like before, it seems potentially that this may be darker. So if I go to swatches, I'm gonna make this zero Phil and Green in terms of the stroke color. All right, Who problem solved problems? Stay in salt. Let's go and zoom this bad boy out. We got that mouth. We got that mouth. What other kinds of shapes might we need? I don't know that I'm going to do so much of a ah hexagon mouth. I don't know that that's something that I really want to do. You could always add it if you wanted to, but I don't know that it has a lot of value. Well, other than let's go ahead and do a shape within a shape, that would be cool. All right, let's go to Ah, Hexagon. Now you'll notice that we really don't have a hexagon. So we're gonna have to make do with the polygon and we're gonna up the sides now to six a polygon. Folks, you can make unlimited sides in affinity, Designer, we're gonna hold shift so that it's square and Now, I'm gonna keep that pretty substantial there. All right, let's go there. And now we're going to do I'm going to come in with a heart shape. So stay with me here. Really? Grab a heart, shift it, and then I'm going to make it have zero stroke, because again, we were working with shapes with no stroke. And I'm going to go ahead and fill this with a darker green and watch this now, the mouth and nose selected heart shaped nests inside the polygon and boom instant tongue for your robot. There you go. All right, there is a good robot mouth. And now let's go ahead and make it least one knows cause again. Robots usually don't have noses, but we're gonna do it anyway. And I really like to. This knows this is a nice way to kind of do this. I think this would be super cute. So let's go ahead and do that. This is actually very simple, and it's going to rely on one circle that's going to be dark. Let's do light. We do a light circle, then we come in. Hold shift. We do a dark circle now in order to align one shape to another. You grab a both shapes. You come over to the alignment tab. Now, you see, we don't really see it here. Align. Vertical a line horizontal. Now we're good. Now, with this smaller circle selected, we make that darker. And now we're gonna come down, and I really like to the cog that they used. So I'm gonna grab this cock tool on a hold shift who bring it in. And now I'm going to center this bad boy up just alongside, and I'm gonna make that light, all right? I think that that's a super cute nose. I think that we're in pretty good shape there. So we now have some different facial features in orderto work with our robot. And we have the type of mouth that we were going to use anyway. Alright, folks, let's go ahead and end this one here. And in the next one, we're gonna get into the hands and feet in our robot. All right, We'll see the next one 12. Adding Eyes hands and feet : Alright, folks, welcome back. So hopefully after a couple lessons of this, you kind of get the idea. So what's the very first thing we're gonna doing? We're gonna come over where reference Layer grab removed. Tool. We're gonna move the reference over close to our art board so that we can work on it. And we're going to come down to the last group that we did there. I'm gonna grab my robot sketch and I'm moving my robot sketch. Sorry. Got unlock it over to my next art board. All right, cool. So let's go ahead and lock the mouth and nose layer because we did that yesterday, and we're gonna come over to the hands and feet now. We gotta unlock that and away we go. All right, So let's study our reference again. We're coming up to the reference we got some platforms with some wheels that I think it's kind of cool. We've got two different types of wheels that I think it's kind of cool. So let's go ahead and start with the wheels. I think that those are kind of awesome, So those are actually pretty easy to do. Just gonna come over here. You're gonna grab one of these just like that? What did they do here? Grab two donuts over here. Grab the donut tool. Hold shift to get a good concentric doughnut. Don't make it too thin. Or else when you blow it up, it won't quite look right. Grab one. And then we're gonna grab another donut tool. Hold shift. We're going to go across that way. Now I'm gonna leave a little space. I think that on a shirt that would look super cool. And for this one, we're gonna make this one significantly darker. All right? Now that I get a look at that, what I might like to do here with that inside doughnut. See, we got going on here. Hope where we go. Really? All right, we grab that doughnut, I'm going to go ahead and actually make that a little bit more robust. All right, there's one style of foot now, the other style of foot that we could do, I think that we're just gonna grab Syria here, grab this area here, and we're gonna combine these two add to make a complex shape just like that. And then we're going to grab two of these. We're gonna make those light at its duplicate. Just like that. Make sure we're good here. I'm just going to move him across. I know this is a long way to do it, but just to make sure that we're good, Okay. All right. We're pretty good there, and I'm happy with that. All right, we got that version of foot. We got that version, foot. Let's do a couple of different versions. Hands. All right, So in order to do this part here, we're going to start actually with the PI tool. So let's go ahead. Now, start with the pie. We're gonna bring that just out just like that. That's really as tough as this hand is. And we're good, actually. So we're in pretty good shape there. That's a great hand. All right. I wish you could be harder, but it's really not all right. And that kind of goes through with that kind of hand that I've got going on there. So what other kind of hands do we have? I don't want that kind of hand. Um, that's kind of three dimensional hand kind of hands we got here. All right, we could do that. We can kind of grab pinch your hand. All right, so we got this kind of pincher. Let's go ahead and grab another type of venture. We're gonna go ahead. We're gonna grab Syria here, and then we're gonna grab do another one. There we go. And edit duplicate. Bring it across. Yo, group. Okay, so let's check her hands and feet. Here. I got two feet. Got two hands. Donut. Where's our rounded rectangle? The rounded rectangles come together with the curve and that forms in a group foot one. Then the doughnuts and the rectangle group up and they form foot too. This one forms hand to all right, and we'll call this one hand one. All right. I think we're pretty good shape. So let's go ahead and zoom out. Here, take a look. The robots really start to come together. We're getting a lot of good pieces here. All right, we got two more to do. We got antenna accessories and eyes, so let's go ahead. Just do eyes while we're here. We're gonna grab our reference layer, so I'm grabbing my move tool, and I'm moving my reference down to here and now. I wanted a certain type of eye here on my guy, so I'm gonna go ahead and move him down to this I area. And now let's go ahead and zoom in. The eyes are actually pretty simple. I do like the Koch eggs for eyes, so let's go ahead. Grab the cog tool. Well, let's grab the where's my right area. Here. Arms, legs, antennas, heads, eyes unlock Hands and feet lock. All right, eyes back. Let's do an I grab the cog, gonna hold shift, and then I'm gonna come down just like that. And then I'm going to come down to here, and I'm gonna center that bad boy in the middle of the cog just like that. Perfect. And then what I think I'm going to do, I'm going to grab one more circle. And now here is a subtraction operation. Again. I'm gonna grab this circle and subtracted out. All right? That looks good. I like that. Okay, now you see how I have a couple different shapes. What do I have to do inside the I layer? Now? I have to take these two curves. I got a group call that I won Okay, let's do another I I like that one. So let's go ahead and do that. I as well, Dark. That one is going to be light. And then we're going to do one more dark, and we're gonna center them all out, not work. Okay, You got that one. Got that one. That one. All right. I like that one. So let's go ahead and do a doughnut. The doughnut swing away now with the doughnut selected. Make sure you select your doughnut. Grab that and then let's put a light center patch on it, okay? And make that light. There we go. Another I done all right. Now, what else did I have here? I had this really kind of weird wonky eye. So let's go ahead and do that. That one's gonna be a little bit weird. Come down to there. So that's going to give me my look out. Then I'm going to come down and I'm gonna use my pen tool, click, click, click, click, Click. Now make that guy just like that. Bring into the base here. Now let's adjust some notes. Oops. Control Z. To undo that, I grab the node. I make it a round node. And now I shift this just like that. I click this node, make it around node, and I shift. That just like that cladding is pretty cool. Okay, then I'm going to go ahead and I'm gonna create another lips. I'm gonna do that up in a dark green and I'm gonna bring it up above. Okay, now, the only thing I don't like about this you see how it's kind of a little bit wonky here we got we got to adjust that. And I think to do that away, that I'm going to do it is bring it. My perspective is just slightly off. I'm gonna delete that out. I think I had one too many nodes in there. Smooth that over to around node. Well, this one's being problematic here. There we go. All right, So pretty happy with that. All right, so we got four eyes. I think we're pretty good shape. Let's go ahead. Zoom out. Take a look at what we got. Alright, folks, let's go ahead and take the next step and accessorize. All right, We'll see the next one 13. Accessorizing : All right, folks, welcome back to the show. So let's go ahead and finish this thing up here. We're gonna go ahead and we're gonna lock the I Layer because we did that last time. Now we're coming back to a reference layer and you've seen this show. Now we're gonna go through and after seven episodes, I hope you got it. Movie reference layer clothes. We're gonna go ahead and keep that guy there because I'm gonna be working on the antennas and accessories and then we're gonna zoom in and we've got to unlock the antenna and accessory layer. So it's unlock it, grab the tool and were often running. So let's take a look at the antenna. Now, when we've got the antenna there, there's a couple different styles. Let's see, we got here. We've got TheStreet standards straight up and down. We've got the solid base with kind of a thin antenna. I don't know that that will translate. Well, got a cog in a light bulb that I kind of like and we've got the ever popular just antenna there. All right, so let's go ahead and do this. Let's go ahead and start here and the first thing that we're going to do, we're going to make just a standard old antenna. So we're going to just grab a very simple rounded rectangle. And now I'm gonna zoom in a little bit because I don't want to make this too terribly large . And with this selected, we're gonna do that, come over here and we're gonna do that. And then right here, we're gonna make that ball comically big, and we're gonna make that super light. All right, there's one antenna done. All right, Now, let's take a look. I've kind of got a triangular style of antenna, so let's go ahead and grab a trap is oId and we're going to turn down those trap is oId areas right there. I just a little bit and we're going to go ahead and segment them, so to segment them, I'm gonna grab that coming in and making that darker. Now you've seen this show, right? Drag the deeper green into the trap is oId. Now with your move tool selected. Hold Ault and bring it up. Now, if you get control J, it will power duplicate. All right, cool problem solved. Problems stay unsolved So now let's put a ball on the end of it. I'm gonna make this one a smaller ball. All right? Cool. That's a nice one. For, like, a base level. You know what I might do? Even add a little bit more base to it. Let's go ahead and add a little bit of base just like that. All right, that'll work. Let's grab all of those. Let's group, um, call this antenna one. We'll group those two that we did earlier on. We'll call that antenna to Oops. What did I dio? No, I said the global capacity Never know what you did sometimes, you know. All right, so we could have been 10 a one. Let's go ahead and shrink it down. Just ever so slightly, cause we want to keep it into 500 pixel mark. All right. Looks good. So we gotta Antena one. We gotta intended to What other sorts of accessories can we use? I kind of like that guy here where he's got the kind of the cap, the light. I think the light would be kind of cool. So let's go ahead and do a light camp of the light is pretty cool. Okay, We're gonna go ahead and we're gonna grab surrounded rectangle. Then I think we're gonna use the trap is oId to get that light. But now we're gonna make this one super light, shrink it down just a little, okay? And then what do I do with the corners? Right, cause I don't want it to be very bold. Very harsh. I'm gonna shrink down those corners quite a bit. Used in the corner tool. All right. And then in the center what I think I'm going to do, I'm going to put in a cock now. That might be too much detail. We never know. We'll try it and we'll see what happens here. Now with the cog, I'm going actually use white. All right? That's a good accessory there for that. Now, what other kind of accessories do I have here on this guy? I kind of had a light bulbs. We got that figured out. Let's do a light bulb. Okay, so I'm gonna grab a circle, okay? And we're gonna make that circle life, and they're going to grab a trap is oId and we're gonna make the trap. Is oid about here? we're gonna flip it, okay? And we're almost making, like, an ice cream cone. I'm gonna go ahead and move it over here so you can see what I'm doing with it. And now with the trap is oId I want to take the corners down again because that's going to give it that light bulb. Look, that would actually be really cool head shape, too. Okay, now, all of these, also for light bulbs and it duplicate. And let's do this. That was dark. That one's light. And we're gonna crank that bad boy down here. Don't we see where we kind of got? There we go. Now we're in the business. All right, Cool. That's a neat little light bulb there. Group it. Now, we have some really cool bulbs there for the top. Now we can grab some dials. You could make a lot of different accessories. And one of the things that I would say is people like accessorizing and making their robots personal. So if you had kids aboard glasses or war glasses, you might put glasses on your robot. You might put a silly hat in the robot. Something maybe that's a little bit identifiable and uniquely. You all right? Cool. So we've got the beginnings of an accessory pack for our robot. All right, folks. Looks like after seven different lessons, we actually have the beginnings off a robot build. So let's go ahead in the next lesson. And I want to show you now why we did what we did and how you can get a lot of mileage out of these features in these areas. Because it's not all about just this build. I'm gonna show you how now you can take it and make it any color under the sun you want using this robot pallet. All right, we'll see in the next one. 14. Making color variants in shapes : All right, gang. Welcome back. So now we're gonna show you how all of the hard work that you've done around this really pays off. So we did. Four different versions of bodies, heads, hands and feet, eyes the whole nine yards. Right now, what you don't want to do is replicate this four more times to make the same shape. We're going to show you two different ways you can do this. One is the quick and easy way. The other way is a little bit more complicated. So we're gonna start with the body that we created. And so, what you're gonna do, let's make sure we're in the body's art board. Let's grab this curve here. Now, the first way that I'm going to show you is the easiest way. It's the non scientific way, and it doesn't even require you to work with robot palette. All right, so if you grab the curve, let's do this. Let's duplicate that body, grab your body and move it over to the second position. Okay? So you should be right in this second position. Now, watch this. We're going to grab an adjustment layer. We're gonna grab a re color layer. Now you see what just happened? The re color is down inside your new curve. Now you can adjust to any color that you wanted to be. You can also turn down the saturation of it's a little bit too bright. And so if you wanted it to be blue now it's blue. Now, the cool thing is, with this once you have this re color adjustment the way you want it as an example, it's 198.8 degrees away from the original color and it's 62% saturation. Watch this. Grab your next one. Let's go ahead and duplicate this. And now watch this. Here we go. We're going to replicate copy. And inside of this new curve that we've got here, we're going to go ahead and we're going to paste that. No, no. Why did that do it to both? Because I didn't nested inside of the curve. All right, so now you'll see how you have the exact same re color adjustment layer inside of that curve. This is powerful stuff. So once you've got it done right the first time, you can go ahead and duplicate this over and over and over and create an entirely new set of blue robots. So that's one way to do it. All right, Now, let me show you the more scientific way. It's technically the more correct way. But I'll tell you, I'm probably going to use the re color version. We're gonna use bland moats. And now don't get freaked out, right? People here blend boats and they go, All right, So let's work with this whole Big Mac look and curve right here, and I'm gonna bring you down to this rectangle. You remember the rectangle we did way back seven lessons ago? Change the blend mode on this to the difference. Okay, now it doesn't look like anything happened, right? It didn't change your game over there. But now let's duplicate the curve and drag it off to the side, same as we've done before. All right, now we're going to use the pallet appear with the new curve selected touch on the blue. You'll see how if it was dark green before it's dark blue Now that's because of the difference blend mode. So even if you changed it to bread, it would still be that color So if you wanted to use the robot palette using the difference blend mode works because regardless of what color you use, darker is still darker. Now, that's one way you could definitely do it. What it requires you to do, though, is everywhere you did the dark greens. It requires you to go in and change each one of those to the difference blend mode. If you wanted to do that, you definitely could. Because now, once you've done it once, come over here. You can paste up all of these and you have a very nice way to bring them all into the same color palette. All right, Now what you could do, though. Let me show you the other option. This is the 3rd 1 Now, let's say that in this curve I wanted to add a highlight. So I come over here and I create this kind of highlight right here, right with this crescent. Maybe that's your style. Maybe that's what you're going forward. You wanted to stylized this a little bit more. Okay, Now we come into here and I make it kind of a greenish All right, That looks pretty good. Now what you're gonna have to do there. You nest the curve inside, obviously, but you're gonna want to change that blend mode Now. What do you change it to? You're going to probably change it to an overlay blend mode. Now let's see what happens. Duplicate the curve. Bring it over. Cool were square there. Boom. Now you see the darks become dark. The light becomes light. If you go to the crescent, the overlay blend mode has allowed it to not go green, so you can still get away with some other ones. There's different blend modes to produce different effects, like you could probably get away with even luminosity if you wanted to. So if you chose to use lighter colors and really highlight your robot shapes, I would definitely recommend the use of the overlay blend mode. OK, so that's kind of where I want to leave it. I don't want to do too much with it, but I did want to show you how you could approach it from a very simple re color adjustment layer, which is what I'm going to dio, or you can dio the actual blend mode adjustment and it really depends on how much detail you have in your robot and how flat versus how detailed You want to make your image. All right, so for my side, what I'm going to do now and you don't have to watch me do the entire thing. All I'm going to do because we practiced really good naming habits. I'm going to grab each one of my curves and I'm gonna duplicate it. And then I'm gonna come over, and I'm gonna move him all over just like that, And then I'm gonna come down, and I'm going to grab a re color adjustment. Who now? What you want to make sure? Make sure Make sure make sure that you bring that into that curve. Now, I really wanted it to be kind of this color palettes, so I kind of wanted something. Maybe a little reddish. So I think the red robot is pretty cool, but I don't know that I wanted it to be that red. So I think this is a nice contrast or compliment I should say to the green without being overpowering. So this is gonna be my new adjustment layer rounded rectangle duplicate copy paste. All right, let's see what's up. There it is. All right, Let's do one more here. I don't You don't need to watch me do it all, But I definitely do want you to see how this is done. Let's do that, curve. Now we're gonna come over. I'm going to duplicate my curve. That gets me a new curve. You can pull it over before after, Doesn't matter. And then I'm going to copy my re color adjustment. And inside my new curve, I'm going to paste. Oh, I used the wrong curve. There we go. Make sure you are pasting inside. All right? We'll do one more here just to show you Where is the one that looks like a helmet? Duplicate drag. Once you've dragged, come inside of it and paste it. Notice how we now have a re color adjustment inside each layer. Now, this works in every area. So let's go ahead and go over to something. Maybe a little bit weirder. Let's go over to the eyes. Who? You don't need a zoom in that far. All right, where's my eyes? Right here. All right, let's grab this one. Why don't you grab this one duplicate? Ah, Where is it? Find the right, I layer. How about that? I didn't drop month. Okay, That's problem Duplicate. I didn't group them up and inside the eye paste. Oh, here we go. Grab the whole thing about that. All right, So it works on even these. So what I'd like you to do, folks the next step in the robot builder. Create three different colors that kind of match your palate or go through and change the blend modes on your darks in your lights to the difference for the darks. The overlay for the lights and fill in the rest of your shapes. Then you will have four mix and match options to go through. All right, folks, I don't think you need to watch me do this. I'm gonna go ahead and do this. And then in the next lesson, we're gonna show you how to start putting all this together and exporting it into the Assets column. All right, We'll see the next one 15. Proper layering and exporting into an asset pack: Alright, folks, and welcome back. So where we should be in this project right now is you should have six full our boards, plus a board of bodies, and you should have four different colors that either came off your palate or like I did came off from a re color layer. And so, through the magic of editing, we've actually made this instantaneous. But it took me about an hour to go through, make the duplications, add the re color layers and make sure everything was grouped correctly. Now, in terms of everything group correctly, I think that it's worth mentioning now that we're gonna take a look at proper layering structure because this set has untold possibilities as of yet, So the way that my layer structure looks Let's go ahead and take a look at my layers panel here. All right, I have are seven art boards. 1234567 They're all labeled correctly, and within each of these art boards, I have different groups. Now let's take a look at the legs and arms one. Now, when we take a look at Arm one as a group, you'll see I've got arm one arm, two leg to and when you open them up, I have each shoulder joint and each arm joint there because if you were to export this, if you were to so want to animate to this robot, you could easily animate using the export from the shoulder and the elbow and the arm. If you had taken it as one solid image and merged those layers, you wouldn't be able to customize. So when I say layering structure is important proper layering structure I have each individual shape still held inside of that particular arm. In that particular arms shows up right here and the re color layer that makes it this color of orange is right there. So I want to make completely sure that we're good on structure now. It's never going to be perfect. Did I probably make mistakes in this thing? You bet. You You can also see here that I've created a completed robot here using a lot of these shapes. Now, this is a rough adjustment, right? But you see how a lot of these shapes then could be mixed and matched. So if I so wanted to delete, say, the I and I wanted to replace it with another I Right now I would have to go into the eyes , find the color of I that I wanted. Copy that, I and paste it over. Right? What a pain. All right, so now if I wanted to add that I you saw how hard it was to add that I We're going to show you how to use assets. So the very next thing that I'm gonna show you here, we're gonna go to view, we're gonna go to studio, and we're gonna bring up the assets tab now, assets are awesome. Now, let's go ahead and kind of merged that layer back. So we get some of our working space back and I'm going to go ahead and bring this assets column out. So I'm gonna go ahead and undock it. All right? Now, there's 100 different ways to use assets. Let me show you how this works. Your affinity program comes locked with some assets that you can use over and over and over . And then you can certainly by different asset packs like as an example. Frank Antunes texture pack is an asset pack. You upload it and now you can pull these assets out anywhere you want. So we're gonna go ahead and we're gonna make our own asset packs. So we're gonna come over here, we're going to create a new category of assets, and we're gonna then rename this category. So I'm gonna call mine Seventh Season Robot workshop. Okay, cool. Seventh season Robot Workshop is here now. Assets working category, which we've got. And now we've got sub categories. So you see, we have menus here where we can rename a subcategory, so let's go ahead and rename a sub. We're gonna call this bodies. All right? So we got a body's category, and now you see here we can even delete the category if we wanted. Now, the trick here is we want to come over to our art board. We want to select all of the bodies. Now, to do this, we're going to click and drag, okay? And then what we're going to do, we're gonna come up and we're going. Teoh, come over. The bodies were gonna add from selection. All right, Now you see, when we come down here, all of the bodies have been added to the selection. Now let's add a subcategory or to come over here were to create a subcategory. Now that creates a new one. Let's go ahead and rename it, and we're now gonna call this heads. Okay, Perfect. Now we move overheads. And now to grab all the heads here we come over here and now to get them into the category we add from selection and all of our heads come up. Now, if you wanted to, you could easily collapse the categories. Now, let's do this again. Here. We're gonna come up here. We're going to go ahead and add a category. We're gonna create a subcategory, and then we rename it. Now, let's call this one. Hands and feet. All right. Perfect. Okay. Looks good. Now, how do we do this? Click and drag that. Select all of our hands and feet and from the sub menu. Ad from selection. Boom. Hands and feet done. Problem solved. Problems stay unsolved. All right, good deal. So now what we're going to do is we're going to come down here and we're going to create a new sub, and we're gonna call this one mouth and nose. You can see the path that's actually emerging here. Okay, Perfect. Now we're going to select all of the mouth and nose. We're gonna copy it. And now what we're going to do, we're going to add from selection and away it goes. Now you see that it didn't copy everything. Some of these air so large, you can't really see it all. But it gives you the preview of it. All right. Looks good. So now let's go ahead and do another one. Create another sub renamed the sub. Let's call this arms and legs. All right. Perfect. So with arms and legs were gonna come over, grab your arms and your legs here, and let's copy. Actually, we didn't even have to do that. We just had to select my bad. Add from selection. There's the arms and legs. Now let's say we wanted the arms and the legs to be closer to the hands and feet. We could move it up in the hierarchy, so if we wanted to move the mouth and nose up, we could move that up. Let's move the mouth and nose close to the head. So bodies, heads. Mouth knows that makes sense in the way that you work now because I insist on doing things the backward way. We're gonna create another subcategory again, and we're gonna rename this eyes perfect. And once we do, this will select all of our eyes, and we're gonna add from selection Cool. And like I was saying, we do things the hard way. So let's move it up. Because a lot of times when you do the eyes, you're going to do him at the same time. You do the mouth, nose in the head, all right. And the last category we're gonna add here, we're gonna add a sub four accessories. So let's go ahead and rename this and let's call this accessories perfect. And when we go to accessories, let's select our accessories and we're gonna come down here and we're going to add from selection. Remiss it, or is it just slow? Oh, Ah, now we got to him. All right, let's do this perfect opportunity. Delete a category. Okay. Delete that category. Yes. Can make sure accessories they're still selected. Let's rename at a sub, rename it, call it accessories. All right. And now we add from selection. Boom. All right, now, here's we're going to do. This is where the magic happens. Let's try this. I'm gonna go to file save to make sure I don't lose my work. And now I'm going to go ahead and I'm gonna export my assets. So I'm gonna call this seventh season Robot Workshop, two d. All right, we're gonna go ahead and we're gonna put it in there. I'm gonna included as a download from your lessons. So all you have to do is come in and import the assets, and they're all yours. All right? Somehow we got kind of a weird bulbs sticking out there. Don't know what that waas All right, let's go ahead and save all of this. And now let's go ahead and open a new file. It doesn't really matter what the size of the file is, and let's go ahead and try our builder. So I'm gonna go ahead and I'm gonna start with a blue base. So let's go ahead and grab this blue base click and drag. Now, what is an asset? Really? Let's look at what we've got in assets. Look at that. You got the re color adjustments still, and all of the data that supports it. This thing is awesome. All right, now, let's pick ahead. I'm gonna go ahead and I'm gonna pick. Um, You know what? I'm gonna go ahead. I'm just sick of the blue head. I want to come over here. The blue head on the body, That looks like pretty cool. All right, we're gonna go mouth and nose. Now, let's go ahead and mix it up a little bit. Let's go ahead and put on an orange knows. Let's go ahead and shrink that bad boy down a little bit. And now what kind of mouth do we want on this thing? I'm going to say that I'm gonna put down. Let's put down after we went with the orange knows. Let's go with the orange mouth. All right, Perfect. Now I'm gonna go ahead and put this kind of front and center on this thing. All right? Cool. That's actually working is a really cool I kind of like that. All right, now, let's take a look at the eyes. Could we theoretically add some eyes? What I think I'm gonna do here is I'm going to stick with this theme, and I'm going to duplicate this. Let's go here and let's duplicate it and let's flip it Now we're gonna put that guy right there. That guy's looking pretty cool. All right, Hands and feet. This is pretty awesome. Here. I want to really work in the blue, so I'm gonna go ahead and put this guy down. And now what about the arms, right? I should probably do the arms next, the arms. I'm gonna stick with the orange because I really want to stick with two colors. And I'm gonna go ahead and bring this guy up just like that. And now I'm going to duplicate the arm up. I'm gonna go ahead and I'm gonna flip it, and then I'm gonna flip it this way. Yeah. All right. Looking good. Looking real good. Now, let's give it a hand. I'm gonna go ahead and I'm gonna go with red hands. And I think that for red hands, I'm gonna go with just the standard old pinchers and we're gonna duplicate it, all right? What we're really doing. Your folks were testing the asset pack, making sure that everything works. So now let's just accessorize it here. Let's go ahead and give it. Kind of like that light there. Let's go ahead and let's give it this light. Okay, Let's go ahead and shrink all this down a little bit. Repositioning there. There we go. All right, Problem solved. Problems staying solved. There we go. All right. That was kind of a really fun build. Our asset pack worked, so we're actually in really good shape with this. Now, we're gonna add some more things to this asset back. So stay tuned for the next section, and we'll show you how to add some texture stew and how to add some really cool stuff to it . All right, we'll see the next one. 16. Creating decals and adding to the asset pack: All right, gang. And welcome back to the robot workshop. Now, in the last lesson, we took all of these assets and we actually created a functional set of assets. So now what I'm gonna do, I'm gonna show you how you can create some decals to customize these, and then we're gonna add them into that asset pack. So let's go ahead and get started to do this. We're just gonna go ahead. We're gonna grab any old art board, So let's go ahead and grab. Oh, I don't know. Let's grab the mouth and nose one, and we're gonna go ahead and we're gonna duplicate it. And now I'm gonna go ahead and pull it over here so that I'm close to the bodies. And now what I'm going to do, I'm just going to delete all of the assets that air there. Okay, now, decals there gonna be a little bit different than the asset piece, because decals we're gonna do in kind of a gray scale. So we're gonna zoom in. Let's do this. Let's change this up to decals. And just to keep everything on the up and up, I'm gonna move this to the top of the stack doesn't really matter where you put it. All right, let's go ahead and zoom in. Hopefully, you're all comfortable with art boards by now. And hopefully you should all be able to now go here and show the grid. All right. Perfect. Now, this is where we kind of deviate. You'll notice here that we used the same colors for the same types of pieces with assets were going to do something a little bit different. What we're going to do is we're going to do them in gray scale so that they can apply to any of these. So these air almost the embellishments that you might put on your robot. So let's go ahead and zoom in and let's start with something very, very simple. I'm gonna go ahead and I'm just gonna make a standard round rectangle. And now we're going to make the let's make the color on this for the fill None. And let's go ahead Now with the stroke, let's go ahead and make that kind of a gray. To do this were to come into our grayscale color and we're gonna choose something around the 50% mark. All right. Perfect. Now, let's go ahead and do a cog, right? Might as well just do a couple of dogs. So we're gonna go ahead here. I'm going to fill that in with the same color of gray. And I might make that just a little bit darker. And let's go ahead and take the outline often. Let's go ahead. Make this a little bit dark. Make sure you feel selected and go a little bit dark. All right? Perfect. Now let's go ahead and come over here, paste it and let's make this one a little bit bigger. And now what we're gonna do, we're gonna go ahead. We're gonna rotate it so that that gear in this gear almost kind of lineup. All right, cool. That is one complete decals. So let's go ahead and center this up. Now, let's go ahead and make another decal. I'm gonna go ahead and I'm going to Let's go to the Oh, I don't know the segment tool and let's go ahead and hold shifts so that this thing goes the way it should. And now I'm going to eliminate the film and I'm going to put some gray down here And now we're going to do We're gonna make a peg. So we're gonna grab the tear tool, and we're gonna fill this thing with the gray, and I'm gonna take this stroke off because I don't really need it. And now we're gonna take it, and we're going to turn it to right about here. All right? Cool. Now we need a couple hash marks. In order to do that, we're just gonna put down couple different areas here. All right, Cool. Second done. All right, We're running through these decals. Go ahead and do something. Well, let's go ahead into a star. Think this star might be cool? Okay, let's go ahead and go with a star. And now let's add some embellishment to the star. Now, for that, we're gonna go ahead. We're gonna grab your pen, tool. 12 345 All right. Now, you know is that is all the Come over here and we're gonna straighten it up. Okay? And we dropped that down. That looks pretty good. Let's go ahead and fill that gray. Looks good. Now, let's go ahead and do one more one. I didn't go to here. Go to here, Go here. Go here and go to here. And let's go ahead and fill that. And now we're going to adjust. Right? All right. That looks pretty good. All right, Now you're saying, how do these work? Right? Why are we working through in a certain way here? Why are we working? Grayscale? Let me show you. What's up Now? I've got my demo robot right here. Right. Let's go ahead and put this icon. So let's go ahead and group all of these. That would probably be good to do, right group and come over here in the decals area and we're gonna right click, and we're gonna group cool. Let's do the same thing with this and group. Can't believe I forgot to group him. And 123 and group they look at that. That works. All right, now, let's go ahead and copy. And now on our demo robot over here, going to go paste, and then we bring the decal over here. Now, let's say that we want this to be similar to what he's wearing here because we did it in grayscale. Now we can come over and adjust the blend mode so you can go to multiply. And it will take on the grayscale properties with the underlying color underneath. So you could play the blend mode game here, if you want it lighter lightened You wanted the darker you could color burn, you could screen it. You could color dodge it. So that's exactly why we use decals. So what I'm going to do here is I made up three of them. We're gonna go ahead. We're gonna add these decals into our asset pack. To do that, we come over to view we come over to our studio, we bring up our assets. And now remember what we did before. We're just gonna close all of these out. We're going to add one more. We're gonna add a subcategory. So we're gonna go here, and now we're going to rename the subcategory. We're gonna call this decals. And now with the decals. How do we add to decals? Remember, we come over here and in decals we're going to add from selection. Come over here. We're gonna add from selection, and now we're gonna add from selection. And now we have three decals in our asset pack. All right, so Now, let's go ahead and export this. We're going to export the assets and in your downloads here, we're gonna go to finished Final asset Pack and you'll find this in the downloads for this lecture. All right, folks, that is how to create decals for your two D robot. Hope you learn a little bit. You've now got a finished asset pack, and I look forward to seeing what you create. Let's go ahead and take the next step in the robot workshop. 17. Building the 2-D robot using your tools : All right, folks. So let's go ahead and let's make a two d robot. Right, So we're gonna go ahead, We're gonna file new, and now we're gonna work in print. I'm gonna make this a letter size. It really doesn't matter how big it is. Now get to your asset pack. You all know how to load it. Go to view studio, find your assets and in the downloads. For this lesson, we've included the seventh season Robot Workshop Asset pack. So we've got them all nicely illustrated in here with bodies, heads, mouths and nose and eyes. So let's go ahead and build one, right. This is gonna be super fun. So we're gonna go ahead and we're gonna grab a body first and let's go ahead and let's pick a body. Now you got different colors. You got different shapes. I'm gonna go ahead and I'm gonna create something. I'm gonna create something, maybe read. Let's go ahead and create a red robot hold shift and I'm gonna move it in here. Awesome. Now I want to grab ahead. Now I like my robots to match, So we're gonna go ahead and we're gonna use the same red that we used for the body. And I'm going to create a head. Now, if you make that too big, don't worry about it. You can certainly scale it to where you want it. And if you misplace, um, click and drag. Bring it down. All right. Looks good. Now, let's go ahead and take a look at mouths, noses, anything like that, right? I like to use a contrast ing style of color. So if I'm using red, I think I want these to be orange. I'm gonna grab a mouth out of here, make it look a little bit like that. And now let's say I don't like that mouth. You could just delete it, and I can bring in that mouth right there. All right, that's kind of cool. Let's do. We could do one more here. This is the great thing about assets. You could do all sorts of really cool stuff. All right. Sounds good. Now, let's go ahead and take a look at eyes. Whole different type size. I want my eyes to match. So I'm going to go ahead and I'm going to use these kind of sprocket eyes, and I'm gonna copy that I'm gonna paste. And now, if I want to look in the same direction I can or I can always flip the eyes. You can do whatever you want to do with it. It's your robot, right? So we're gonna go ahead there. I'm actually gonna grab one more thing here. I'm gonna grab one of these, and I'm gonna actually duplicate that. Somebody grab to I'm gonna flip it. And those are gonna be my robots years. That's actually pretty cool. All right, let's grab some arms and legs and some hands and feet, so I want my appendages to match. So I think I'm going to bring in a couple legs here, and I'm gonna edit Duplicate because I did make an adjustment to that. All right. Looks good. Look solid. Now what we're gonna do here, I'm gonna grab these legs. You'll notice here, I'm in the legs layer and drag him down below the body. All right? That'll work out for me, and I'm in a position I'm right about here. All right, Cool. What kind of arms do I want? I want some thicker arms, so I'm gonna grab those for my asset pack. I'm gonna put those down here, and then I'm gonna make him a little bit larger. Now, I want some motion in the arms, something they edit duplicate. And then when I do that, I'm gonna go ahead. I'm just gonna flip it around here so that we get one going like this and one waving. Hello? All right. That's pretty cool. Make sure they line up right about where we want him. Okay, Cool. Now, if you wanted one below on what Above, You could absolutely do that. However you wanted to do it. Now, when it comes to hands, you could do a lot of different stuff with hands. I think that for my design here, I've got a lot of hard edges. I kind of want a few more circles in there, so I'm gonna go ahead. I'm gonna shrink the hands down right hand. Look a little bit like that. Now, watch this. Grab the hand. I grabbed that. I may want to move it a little bit, just like that, and I'm moving him kind of in Ah, in parallel there so that they don't look super weird. All right, good deal. And now Let's drag another handout, and we're gonna bring that hand right there. All right? Cool. Now, why is that not quite looking, right? Well, because I adjusted it. All right, cool robots looking good. Now, let's grab some accessories for it, Right? Because what is a robot without excessive ization? So I'm gonna go ahead, and I think I'm going to put on at least one antenna, and I'm going to put the antenna on here. I'm gonna do to somebody. Go ahead and it duplicate. Flip. This is a great way. Also, folks, to get to know affinity designer because you're using all the basic functionality in there . All right, that looks pretty cool. I think that in reality, I'm pretty happy with that. So now let's go ahead and let's accessorize it a little bit with some decals. Grab some decals and I'm just gonna grab a power meter. Let's drag the power meter out now you'll notice. That's great, right? Decals are important because what you're gonna want to do is you're going to watch to adjust the blend mode, as you would just the blend mode of the decal, you see, multiply makes a dark, but still makes it red. I'm gonna go ahead and I'm gonna use multiply to keep it dark. And then I'm going to bring it down into here for the power meter. That looks pretty good to me. And then what I'm going to do, I'm gonna go ahead. I'm gonna grab this cog here, and we're gonna go ahead and we're going to change that blend mode as well. So where did that go? Let's change that blend mode right to there. All right. That looks absolutely cool. I think we're in pretty good shape with that. So you see the power of the assets, you see how you could put them together to create very simple to de robots. And now, if you ever wanted to change it for any reason because the asset is layered, let me show the power of this. Let's say that the eyes I wanted to make a different color of orange. Let's say I could come into the eye and because the eyes have all of the layers associated with it, I could just change the color of the eye. I could make it green. Now I could try to match that color green. But instead I'm just gonna come over here. I'm going to edit Duplicate, and then I'm gonna move it over and much like I did before, I'm just gonna flip it so that I don't have both eyes looking in the same direction. All right, folks, that's a little bit on how to use the robot acid pack. I hope you get a lot of value out of it. I had a lot of fun making it. And this is exactly how you can play in concept all the way through your robot. All right. Now, with this being our base, I'm gonna show you how to do some adjustments in the next lesson that I'm gonna show you how to use the effects and take it to the next level. All right, we'll see the next level 18. Adding Effects to the robot : All right, folks, welcome back to the robot workshops. So this is totally an optional lesson. This is. Absolutely. If you wanted to take this to the robot up a notch, I'm gonna show you how to use some effects in order to make this thing really pop. Now, we made this in the last video. So now I'm gonna go ahead and I'm gonna get a view studio. I'm to turn on my effects window, and now you can do a lot of really cool stuff with this as an example with the body. Let's say you wanted to take the base body and head shape. You could then go ahead and apply a three D, and you can absolutely adjust these shapes so it actually creates a very cool effect here. Now, you could also take the antenna. And with the antenna, you could put an outer glow on the antenna. So let's go ahead and crank that radius up. Now. It doesn't look like anything's happening, right? Well, because you got a white color. Let's go ahead and change the color of the glow. Look at that. We're gonna go ahead and we're gonna make this. Let's do a bright green to match his eyes. All right, that's pretty cool. So we can absolutely turn up the glow on this thing, and then you can do some things with the feet here. You could make the feet. Let's go ahead and make the feet kind of stand out. We're going to do is we're gonna take the entire group. Let's go big or go home, right And what we're gonna do, we're gonna go ahead and we're gonna put an outer shadow on it. Check the radius, kick up the offset. There we go. Now you see how it's standing out from the foreground. Now, you could do some really cool stuff with the background. So there's a lot of things you can do with this two d robot toe. Absolutely. Add a level of three dimensions to it. So don't be afraid to play with the effects. Certainly the effects will have different effects, no pun intended, depending on where you're working. But I just want to show you that even if you're thinking about a two d robot, there's no reason that it only has to be two dimensional. You can absolutely crank it up to do whatever it is that you want to dio with your robot. All right, This is totally an optional add on. So if you like it, use it. If not, stick with a two d. All right? Folks will see the next one.