Pixel Art Master Course - Beginner to Expert/Freelance level - PART 2/3 (Intermediate) | Mislav Majdandžić | Skillshare

Pixel Art Master Course - Beginner to Expert/Freelance level - PART 2/3 (Intermediate)

Mislav Majdandžić, CEO, Pixel Artist, Game Maker

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
52 Lessons (8h 27m)
    • 1. Lesson Introduction

      1:55
    • 2. 9.0 - Introduction to Platformer

      0:35
    • 3. 9.1 - Cohesive color palette

      14:29
    • 4. 9.2 - 2D Platformer Tiles

      33:10
    • 5. 9.3 - Platformer Background

      8:40
    • 6. 9.4 - Foreground details

      13:24
    • 7. 9.5 - Platformer Character

      14:19
    • 8. 9.6 - Platformer Idle and Walk/Run animations

      8:40
    • 9. 9.7 - Character Attack/Damage/Death

      10:06
    • 10. 9.8 - Platformer Enemy

      7:09
    • 11. 9.9 - Enemy animations

      6:27
    • 12. 9.10 - Traps

      6:32
    • 13. 9.11 - Platformer Mock Up

      10:45
    • 14. 9.12 - Different types of platformer perspectives

      10:10
    • 15. 9.13 - Platformer Challenge

      0:48
    • 16. 10.0 - Introduction to Top Down View

      0:20
    • 17. 10.1 - What is Top Down View

      8:12
    • 18. 10.2 - Top Down Character Design explanation

      4:30
    • 19. 10.3 - Top Down Character

      17:48
    • 20. 10.4 - Top Down Walk Cycle

      4:15
    • 21. 10.5 - Top Down Grass Tile

      5:47
    • 22. 10.6 - Top Down Dirt Tile

      4:21
    • 23. 10.7 - Top Down Tileset

      17:31
    • 24. 10.8 - Road and Sidewalk Tiles

      16:41
    • 25. 10.9 - Top Down House

      16:38
    • 26. 10.10 - Top Down Vehicle

      13:04
    • 27. 10.11 - Objects

      7:58
    • 28. 10.12 - Top Down Mock Up

      11:07
    • 29. 10.13 - Top Down Challenge

      0:13
    • 30. 11.0 - Intoduction to RPG View

      0:29
    • 31. 11.1 - What is RPG View

      7:10
    • 32. 11.2 - RPG Character Design

      17:24
    • 33. 11.3 - RPG Walk Cycle

      9:14
    • 34. 11.4 - RPG Tileset

      19:09
    • 35. 11.5 - RPG House

      43:32
    • 36. 11.6 - RPG Tree

      15:30
    • 37. 11.7 - Chest

      11:40
    • 38. 11.8 - Mushrooms

      7:43
    • 39. 11.9 - Rocks

      11:45
    • 40. 11.10 - RPG Mock Up

      28:41
    • 41. 11.11 - RPG Challenge

      3:23
    • 42. 12.0 - Introduction to Isometric View

      0:48
    • 43. 12.1 - What is Isometric View

      3:03
    • 44. 12.2 - Isometric Grid

      4:42
    • 45. 12.3 - Isometric Room

      11:31
    • 46. 12.4 - Isometric Carpet

      4:28
    • 47. 12.5 - Isometric Window

      5:24
    • 48. 12.6 - Isometric Table

      6:40
    • 49. 12.7 - Isometric Vase

      7:49
    • 50. 12.8 - Isometric Tiles

      5:33
    • 51. 12.9 - Isometric Character

      1:51
    • 52. 12.10 - Isometric Challenge

      3:54

About This Class

This course teaches everything about pixel art for video games. From the very basics to the advanced techniques. Students will learn about lines, shapes, colour theory and harmony, creating a colour palette, designing characters, backgrounds, items, making animations and even how to start freelancing.

This is Part 2 out of 3 - the intermediate part. If you haven't watched Part 1, please do so before starting this course.

This course is divided into sections (each section has an intro). 

Transcripts

1. Lesson Introduction: Welcome to part two off pigs. Large master Course, the intermediate part. If you haven't watched part of one off this master course, the beginning part, please do so before continuing with this intermediate sections. In this part of the course, I will be teaching you not only how to make your pixel art look better, but also how to make it game ready. I will share with you plenty of tips n tricks that you should use to make your art more optimized so it can be easily implemented into a game. There are four main game perspectives that I will show you throughout this part the platformer top down RPG and isometric perspectives. During first half of this course, my teaching style is the same as it was in part one, the beginner part of this course. However, in the second half of this course, where are showed the RPG and isometric perspectives, I will change my teaching style just a little bit there. I will give you templates that you can study and I will teach you how to break down a specific picks, large style, how to recreate it and add something off your own. The main purpose of this is to slowly train you to become more independent and to prepare you for the expert part off this master course. So if I come up just a little bit too rough in this last portion, please forgive me. It is just a little bit of tough love because I want the best for you. I want you to become the best artist possible. And the best artists are those that are independent. All of the files, templates and project examples can be found under projects and resource is stab. Templates are also available in s spread and pixel at it for months as well as PNG format. So I hope you're ready to continue pixel art adventure. Let's jump into it. 2. 9.0 - Introduction to Platformer: welcome. In this section, I will show you how to create a cohesive color palette and how to create platformer tiles and background and details. By using that color palette, I will also show you how to make platformer character. And it's animations as well. Assauer platformer enemy And it's animations as well. At the very end, I will show you how to make a few different traps for our platform or mock up different types off platform use. And at the end you will receive your own challenge to create a platform. Oh, crap game. I hope you enjoy this. 3. 9.1 - Cohesive color palette: Welcome back in this lesson, I will show you how to create a cohesive color palette. Now, what is that? Well, so far, I have shown you how to create a simple color palette by picking a myth tone and then shifting que messing around with valiant situation to get shadow tones and lighter mid stones and highlights. That's completely again, and you can create entire color palettes. But if you want to go, he's a color palette, meaning the darkest shadow and the lightest highlight or the brightest highlight are the same for all the objects on the image or the entire scene in the game. This means that the darkest shadow for Let's Say, Ah three will be the same of those as the grass, but as well as for the Earth or the dirt it said Run Same implies to the lightest highlight . So what do I want to achieve? Well, let me show you how you can create something like that, and creating these types of color palettes is really important, because if you want a cohesive looked your game, this is a bullet proof way to make sure that your color palette stays the same. throughout the game. Really, really nice technique. So let's go and create a very nice document with tiles. I'm using Vicks. Let it, but you can use whichever you want. The reason is that in the next lesson, I will show you how to create tiles by using that color palette, tile width and height to 16 by 16 pixels. Let's jump into. So far you have first pick the mid stone and then created shadows and highlights. Now I'm going to create our shadow, don't first and then create meat stones from that shadow. Now, because our we need first, we need to think about the environment. It's going to be a nice guy, is going to be bright with very few clouds. This means it's going to be blue, so our atmosphere Klatt is blue. That means that our mid tones are going to get influenced by the atmosphere and our shadows are going to, uh, get think that just a little bit by the atmosphere light, which is blue. So we want our darkest shadow to be in the blue hue. So let's say something ground but human can be to 50 degrees completely, okay, and we want something that is this saturated and really, really dark. This should be okay. Let's keep saturation Lateness down around the numbers like 35 to 35 just in case you want to follow along. So here saturation and lightens Our 2 53 5 terrified lightness is 35 not value. It would be different now. RGB is 69 58 Want went? This is our darkest shadows now. Usually when I create a color palette, I create Leela square off each color and when I lightened things up a little bit, I just stack them next to each other and I'm going to be doing that just now. But I want my darkest shadow to have two places because on our top row, I'm going to create our grass and are bottom row are going to create our earth. So let's go and do just that. Now, if you look here at the Hume well, we are summer in the blue hell and we want darkest shadow and brightest highlight to be like in two halfs off our human. So are doctors. Shadow is here. This means our brightest highlight will be summer around here. So you can see they each take half off our space under here. Well, which is completely okay. In any case, since our grass is green, I will keep the space between our between our shadow and highlight for the green on Lee, for the grass only. And the rest of these meaning from this part all the way here to the top and coming back here down is going to be for our earth. So far, you have used here shifting for like, 5 to 10 maybe 15 20 degrees. All right, now, I want you to break free from those chains. Now, we are going to be using here, shifting by a lot like I'm talking about 50 to 60 degrees at a time. And let's start creating our color palette. I'm choosing just this shadow color, and I'm going to jump quite a bit. So this is almost 80 degrees this summer in our pink issue. But I'm not either. I'm not going to pick a pink color for our earth. I'm going to this saturated quite a bit, and I'm going to increase the lightness. Very nice. Now this shadow really looks like it has been influenced by the atmosphere client, which is again blue. From this point, I want to hear shift even more. I want to make full circle all the way here to the reddish hue. Almost a bit orange, Almost just slightly orange. And I want to increase the saturation because our highlights is, well, brighter that a bit brighter, But that's not always the case. And I'll show you in just a few moments. But I want to increase the saturation and lightness. This should be okay. Um, from this point again, I want to increase. Um, Now I want to hear shift even bit closer to our brightest highlight. And I do want to be careful right now, because once I create this stone, this will be our main color to differentiate the ground from the grass. So do be careful. I think we are getting close enough. Yeah, this is completely okay When it comes to the human. Now, I want to adjust the saturation and lightness. I want to increase the saturation, but I want the likeness to be just a little bit lower. Yeah, I think this should be okay. Very nice. Now, if I just picked this color for our grand. You can already see this is quite a bright earth. But that's fine if you're looking for, like, cartoony look which I'm currently aiming for. And from this color, I want our highlight. Now, this will be our brightest color. So I wanted to be here in the in the yellow here, how we can go with full six degrees, right under Hugh. Um, Hugh Bill for the yellow color. I want the saturation to be really nice and even lightness. I wanted to be a bit lighter and this is completely Yeah, this is really nice. Bear in mind that now when I go over and pick these colors, you will see that saturation and Latin's don't always follow the same curve. Because just look, you can look at the hue bill where we go. So we are always jumping for quite a bit and we start to get we start to slow down once we get to the highlight. Because here we want to start share the highlight with our grass. But we'll get to that in just a moment. But look at this middle part over here, meaning the saturation of value or lightness. You can see we jump from left to right up and down there is no specific curvature. So you do want to mess around and see what works best for your case. Now, for this collect, I do want to extend it even more so our grass which will come here in the middle, shares the shadow and highlight brightest Collett with our earth again. In the next lesson, I will be showing how to create an actual A towel sets from these from these specific color palette. Now, like I said, I want to create a grass meaning we need to start working our way toward the green car. But we want our shadow to be still in the blue Hell, this might sound a bit country intuitive, but think about it. The atmosphere is blow so and the green and blue are really close to each other when it comes to the he will. So we want our darkest shadows to be in that like bluish hue, however, the saturation of lightness need to vary a little bit, so we want to increase both of those this completely fine. Now the live it or not, Even though This is, um, the color off a sky. Almost. This is our shadow for our grass. It will be used sparingly, but nonetheless it's still the shadow tone. Let's go even more now. I want to go even more closer to awards our green, but still not completely. I just want to keep it close to green color summer between keel, meaning light blue and are green color. This should be okay and I want to increase the saturation for quite a bit. But I want to decrease the lightness. So we get this again, compared the old and the new color you can already see in comparison. This one looks a lot more like the grass and this is exactly what I want to achieve. You don't have to look at each of these colors on their own. This is the wrong way to look at it. You need to look at this color and how it looks when you are comparing it to the neighbouring once. And this is something that has to do with how we humans perceive colors. Ah, and if you're interested in the psychology, let me know. I'll create a new section about it it's not it planning, but essentially the way we perceive one color can change depending on the surrounding colors. All right, so we are taking this color again, and we want Now We want a nice, nice green color to make sure we have our foundation for the grass. So I want something in this here and again, I want something a lot brighter, a lot nicer so we can have a good foundation for the grass color. Very, very nice. And I'd say this is quite a McKay color palette. Now when I go and look here a day, Hugh, well again. So this is our darkest shadow. We jump a little bit. We jumped quite a lot, then quite a lot. And then we are again by jumpy quite a lot on our Hallett. But when you're talking about our ground, look, this jump, it's big, it's big, it's smaller and even smaller. So we hear shifting can happen anywhere between in this case, 21 degrees too. 82 degrees. So this is quite a huge jump. But you do need to remember that not all colors work the same. And again, this is something that I might explain the future lessons. But if you compare fully saturated, fully saturated color off, let's say dark blue and bright yellow. Now we have these two colors. Which one would you say that is the darker Well, people would say It's the blue, because for people who can't see the Carl colors for the dull tennis they usually perceive Ah, like blue color a bit darker than the yellow ones. They they don't see only, um, de saturated colors completely. I mean, there are different types of dolphin. It's but you don't need to remember that under here. Well, even though this saturation likeness are completely on a 100% like the valiant situation, just because they're like that, they're not the same one is darker than the other again. This is something that has the with the illusion off copy perceived colors. Nonetheless, this is it for this lesson. To sum it up very quickly, pick this darkest shadow and then jump and create the earth tones. Then this same brightest highlight will be the ones that you are using for the grass and then create the grass. Mittal's In the next lesson, I will show you how to create house, so stay into for that one. But for now, this should be it. This is a cohesive color palette, which will make sure that our game scene is nice and cohesive when it comes to the color palette and the color harmony, I'll see you in the next one. 4. 9.2 - 2D Platformer Tiles: Welcome back in this lesson, I will show you how to create a nice platformer tiles using this could he's of palette that we created in the previous lessons. The process. It is very simple and very similar to how we created this color palette. So we want to start with our darkest color and let's go and pick something that would be, well, I'd say three bite is completely okay. So we are going to be using, um, this space are here really great it later on, as we create even more for our times set. But for now, let's keep it. Ah, very, very simple. I want to create nice outline for this entire top part, right? And we are going to be keeping this outline off the darkest shadow on the top because 40 items or the miscellaneous stuff that you were going to be putting on top of heart. I like trees or bushes. They will have this darkest shadow as well, and this will enable us to ah, blend them in a very, very nicely For this bottle part I do want, like, summer and 1/2. I just want to connecting like so again I'm going to be keeping this left part contact because once I created this part, I'm just going to copy paste, flip them horizontally and make sure they're on that side as well. Now, one thing I do want to point out. There are many, many different types off platform Er's and styles have. You can create them dial sets. Same applies to them. They are so many different types off, Dallas said, that you can create. I would probably spend hours talking about just the types, and it's not really productive. You can always research it, but what people like to dio, they like to create one color for this middle part and then just create an outline similar , like how we did it for the RPG in the beginner section off the assets. But this would be for the platform. Now. This will be the grass they would put some like, I believe, like leaves and stuff like that. They would shade it nicely, and it can be and can look really, really nice. Don't get me wrong, but this if you want your character to be able to jump on under walls, meaning will jump keep in mind that whatever you make it, your game is considered a game design and something's players get subconsciously and it can be a bad player experience if you mess around with that too much. So when we have a title like this one, because our entire outline is the same later, we'll think. OK, I could be over here at the top running around this means because this is the same color and the same style. This means I will be also able to jump away from this vault or even slide down. And if you want, you're going to have that, then go for it. But if you don't want your going to have that, make sure that you don't hear the same colors. But father, this bottom part can be our ground completely. So our player really, really knows right from the start. Okay, Aiken, jump over here. But I cannot slight down because it's changed the environment. Now again, there are plenty off rules when it comes to game design, but this is just one of those things that you need to be careful. In any case, let's go back and create our first stylist. This is again our doctors shadow. Now I want to make sure that this bottom part is going to be our well, our earth. And this stop part is going to be our where our grass will grow Now I just want to very quickly, like outline There are grass is going to be something like this should be okay and then I'm going to use not this blue collar, but rather this myth Stone to try to point out There are grass will be I wanted to be a little bit Kurt. So allow me to create something like this again just messing around a little bit. I will resuming Soviet eso Can he look here in the pre? What happens now? I'm going to pick this stop part. And because now, when it comes to light source for these types of color palettes Oh, he's a color palette is always best toe have the same light source and the most practical one is straight on from the top down. So if it's angle from, let's say top right of the top left, it can get very complicated very, very quickly. So I found that from the top down, it's kind of the easiest. So let's stick to that. We want to color in our top part off this image off this part of the grass. Then we will take our lightest highlight, which is this yellow part and just very, very nicely created. Like like so I might more I might move with just a little bit. I'm looking here how it looks, and I think it's pretty OK, but I didn't want to rotated in the other direction. Yeah, I think this looks really, really nice. Now I will. I will take this entire piece and I will create sort of a template for our grass. I want this out climbed to be in the shadow. And now if I take this part out and I can just take this part of the grass all rather start from this edge and then I can just go and copy paste few times to get nice leaves. Um, now I don't want to have for it to be completely the same. So of course I will introduce our blue shadow, and I will just put fear of these here at the bottle to introduce a little bit off Just a little bit off difference. I don't want these to be connected at all, so this should be very, very nice. All right. I think this for now. This looks really good. It's still not finished because I want this bottom part to be, um, to be connected with our ground. So I will take our shadow like so, and take this lighter tone to it and make sure that here we start connecting it to this earth tile, which will be here at the bottom. I might want to increase our shadows just a little bit. And now, if I take this or here at the other side, flip it around, you can already see were start to get somewhere. But we are still far from finished. Now this middle part again. I will start with our and Ross. These two are going to be just fine. I'm taking the highlight. Then I take it the shadow. I just speaking here from the side and our pilot can be here. All right. So far so good. Now we can even connect them if if we want you. But I'd rather keep them separated. I will take this entire part, Captain Face it, flip it around and put it over here. Now these are connected in the middle, so I just want to break them apart. Very, very nice. Now you can already see this is starting to look on something. So let's go and start creating our towels first. I want to keep my towels over here so I will create 123 new tiles. So when I mess around with one of them, it will immediately replicate itself onto all of the other copies off it. And now, now what I want. Well, I want to create very nice looking the part. So when you look here at the Previa, it's shortening up a little bit. I wanted to look very nice and fluid. So far. It's not by enemies. I am a 20 create even a bit more off our earth to below it. Now, this is something that you should write them used to just mess around a little bit. Um, there are no specific guidelines. You can even see that even I like come back and river kit quite quite a lot of times, and that's completely OK because you do want to experiment with all of this. Now I'm trying to think about I don't want introduced the drink, but I do want just fear these dots to have sort of block effect is maybe perhaps the best word for it. All right, now, this means here at the bottom. Now I want again flip this around and I want to create even more tiles so you can see already here that I can start, um, creating more off my tiles. And I want them to be really nicely connected when I try to create even more off these. So I will go around collect, so you can already see how it comes very nicely. I want more shadow to this. So I will take this piece over here and increase the shadow all the way here. Very nice. So far, so good. If I want to lighten things up a little bit, I will take three lighter tones which currently I do want to make. I will take our light of stone and introduce our highlights on these spots over here because I will be erasing these. All right. And I will take this 2nd 1 and paint in this entire piece. I'm just going to lighten everything by, let's say one degree of shadow. I will keep my darkest shadow and go over this entire part, so I just lighten up everything a little bit. Eso I have more colors to work it and basically so I can use all of the colors, which I have just shown you going all around because I want the darkest shadow and the next lighter tone right next date. Completely connected. Okay, now we can start working on this middle part or rather, our earth many, many different ways can how we can go about it. Um, I can go with this block of you, but it's already went with this part off our grass. Let's go and experiment a little bit and you can see that I rework some of the parts and again, that's that's completely OK. I encourage everyone to do it, so I'll create kind of for rocks here in the middle. I do want to those rocks to be flipped from the one side to another same thing. Read it with grass. Okay, Now, I'm not just going to copy paste again from outside to the other for this part because I do want a bit more off a difference with more variation. Okay. And now I want our highlights. You can already see how it looks here at this side. And this is really important to follow along. Whenever I do this, I try to connect them with these other ones I can remember. Our light source is coming from top. So we want to make sure with our highlights match that and we need our harlots. Which is again with is the same like with our grass. We don't want to overdo it. Just a few different places. Very nice. It might want to increase our earth a little bit here. Not too much. Yeah, just a little bit. I'll thick and connected here. Oops. I'm just looking here at the side. Clearly. Very nice. So far, so good. Now you can introduce even more so, like cracks in between. But I currently want to avoid that as much as possible. Okay. I don't want to increase the shadows over here, so I will go over it one more time. And big, Just few highlights here and there. Not too many. Okay, I'm quite happy with this. Now. I want to extend. If I if you maybe perhaps want to extend this grass, you can certainly do. So you can even take the tile right next to it and work on it a little bit again. I want to take my darkest shadow and just create nice curvature, Philippine coloration again from the top to the bottom. Now, even though this is our shadow, it in its darker than are green, this blue color. I don't want to end here because I want. It's just summer in the mill to emphasize a bit more depth to it. I don't want to overtake our shadows completely with it. And now you can see Yeah, I'll keep it black so I could see even we have. We can have this tell next it to extend our tiles over here so we can take these pieces and connect them. And we already have something. They're very nice toe booklet. You can go in, create even more and more details to dysentery, mage if you wanted to you. But for now, this will be our basic tile set. Now let's go and create a certain just very quickly. We can create our level I do want to add this to to my palace it over here. So let's go and see if this connect really nice able turn off the grid so it doesn't bother you. And I can see even this middle one is connected very, very nicely to these. Now, what happens if I want this to be, um, taller than two tiles? Well, we need another one, so you can take this one over here, and we can actually create this mill piece or here. Now that we make sure that if we want to create only que of these, we have this option available now, you can even keep it over here. Like so it really doesn't matter as long as we keep things nice and clean. So well, go and duplicate all of these. But we're going to create another section for all of these again, starting with our darkest shadow. Nice. And this will be on Lee Earth. Nothing more. Nothing else. I want my great to be turned on, and I want to add these three tiles. So now if I go over here and add them, I want to make sure that I can see in real time What happens with, um, all of heart tiles again? You can look here at the preview. I want to keep this style for the Earth as simple as possible Again. You can mess around all day creating different times with the same colors. But right now, I do want something very, very simplistic. All right, so you can basically take him and this entire part and just basic here. But if you look here, it already has those scenes, and we really, really want to avoid those. Okay, So when I try to connect, um, this bottom part with the top part if I just go over here and always leave one pixel free, you can see already that it creates this seem this team over here in between. And like I said, I want to avoid those. So I always like to connect with shadows whenever possible, and sometimes I'm going to leave them completely. Like, in this case, I connected it over here with the highlights. Again. If you want, you can connect with pallets or shadows or leave it on a few places and then connect him and the other ones help. If we can roll, weaken simply created like this, and it should be again totally fine. Okay, going back to our middle parts. Okay, Now, I know this might be a bit boring to look at, but on purposely I'm not. I'm not doing this as a speed paint, nor am I going to edit it like that because I want you to see the whole process. That and most people think that professionals get it correctly right from the first goal. It's never like that. There's a lot of trial and error to it, and that's actually completely OK, because that's the best way to figure out how things work. And that's also the best way to find what you're looking for. Okay, I'm happy with these pieces. Now. We're taking this part, the lighter tone, and I'm going to go over all of these and right in the next few moments, I'll show you something really interesting when it comes to creating tiles, something that you might not think about it in the first few moments. But it's really crucial to get it right, and then I just want highlights all over the place again, really sparingly. But I do want him. All right, now what happened right now we have what we very much wanted. We can create our house, no matter how wide or told they are. So we can even move this entire piece, even a few of them down. But as long as we have this middle section, we can always just go on and keep replicating them, which is okay, but what happens if we only want to? So we want something that is connected only here, like this sort something very narrow. Well, you can see that currently our tiles have this seam in the middle. I mean, it's not that visible because I was already so much paying attention to it. But you can always fix that by going onto them and just feeling in the space in the middle if you wanted to. Of course. Well, let's do just that very really quickly. And here we go. And just like that, we have a very, very nice style. Now, I talked about in the beginning how if you want the players to be ableto wall jump or stick to the wall that you need to create something that will give the player a hint or a visual side that is possible. Currently, these types of tiles will not say that because we have our top part with You can obviously jump and you have our bottom part where you obviously cannot jump because it's kind in the shadow. Let's go over all of these and clean this up a little bit more again. It's not necessary, but it's always nice to go back one more one or two more times just to improve the look overall for the grass, you can actually go and create uh, these lighter tone and just put it on a few off these bottom parts here, where even though it is in the shadow, you can put it because it you can see how already it goes a bit nicer. If I remove them all together, you can see how it looks a bit. It looks OK, but it looks a bit dull so you can actually just go and create few highlights in the shadow . But not using the lightest own, but rather the second flight of stone. And you can really easily get this nice, really, really nice effect. You can do the same thing here again. You can go over all of these and mess around the entire day if you wanted to. You. I mean, when I create Tallis for the games, that usually do that exactly. But it'll depends how much time you want to invest. But I'd say this troop looks pretty nice if you just want to create a very, very nice style. No, let's go and very click quickly. Create a level, but say a level. I don't want to just erase these because they're just messing around itself. Character starts over here. If you don't want the player to be able to see the ground, just put, uh, this middle section in the ground and you'll be good to go again now and just creating very quickly. This is without background without without anything I do. What? My grit. So I can see it again something really quickly, but really nice. At the same time, you can see how, where, when you have tiles and you need to create levels very fast. There's nothing better 10 tiling, uh, than using tile sets because nothing is faster than that. That's you. Maybe have, um, maybe you have a certain human level below it. Supplier can jump over here and maybe try to see what is there exactly. And here we go, just like that, we have very, very nice and functional tiles. Now, at the end of this section, I promise it'll cover a lot of a lot more things about to deploy it. Former tile sets because there are many, many different tile sets, different types, different types, off platformer games, different views, different angles and quite honestly, even this video you on this lesson is a bit long. But imagine if I try to cover dozens upon dozens of different styles it would take forever . And it's not that educational. So I think this is completely nice. You can see how it looks for far away. You want to hear again using our core. He's a color palette. We were. We were able to create a very nice effect with when it comes to our grass and our our dirt . Over here, I will be creating trees and bushes for, like, miscellaneous stuff at the end, using this exact color palette. So look forward to that. This is it for this video. I hope you enjoyed it. I will see in the next lesson 5. 9.3 - Platformer Background: Welcome back in this lesson, I will show you how to create a background for our platformer moke up game. So first things first. I don't want to remove this bottom part because I want to put some water on it and in order to do so, I need some space. So let me just do that. We will keep using this cohesive color palette, but I want to extend it a little bit. I need a color for our sky and certain shade off our water. And I want a palette for the water, but also our clouds. So let's go and take this blue tone off or grass. Lighten up a little bit increases saturation and lightness. And just like that, we have our sky color. I want to create even lighter tone almost completely white almost, but not completely. Why did just slight blue tint to it? And this will be our highlight color and also the color for our clouds. And here we go currently we care. Ah, foreground. So part of the map that are player is going to be on playing, jumping, moving, killing enemies etcetera. But we also need the background. So I'm creating a new layer over here. And I will rename this letter to background and it will be behind our foreground. And this is the same thing that you would do in a game engine. All right, So I don't think this very nice blue color for our sky and very quickly going to feeling everything. And just like that, we already have a nice background. Now, of course, it's not yet finished, but it should be really good now, wanting that you will notice. That is, I'm not going to create a very complex background because in platform er's like these ones where you are looking straight on to the platforms, you want to keep the background or the foreground very simple. And the other thing you want to keep complex. For example, in this specific case which I'm creating for you guys, the foreground is rather complex. You can see the grass has nice level of details and the ground as well. However, the background will be very simple, or you can go the other way around. You can create the background very complex, but in that case you want to keep the foreground very, very simple. Such cases are pretty common where you let's I create the platforms completely black color . So just one color, nothing else. And then you have some things happening in the background to give it more depth. It all depends on what you want to achieve. But for now, let's keep the background very simple. If the platform you were slightly angled so something like, let's say, an olive boy. In that case, you can create more complex backgrounds and four grounds because they can blend in very, very easily. But due to our restriction, because off our straight on view, we want to keep something simple as something's complex. All right, so let's move on. First, let's create our water. Now you will notice that for the outline of the water, I will be using this same darkest shadow color as I did for the grass and for the ground. So let's go and turn on the Greed Year, and I will just create one very simple like like many available some sorts. Yeah, this should be okay. And now I want if you can see this blue color over here, which we use for the grass, we will be using this same color for our water quite needs, right? And just like that, we share our water. However, it's not that finished. We still need more shades to it. So I will take this color of the sky and go over these parts where we have arm innovative and even take this highlight for which will are going to use for our clouds and just put it here like so already You can see it adds a nice look to it. If you look here in the preview. So what else can with you with these two cars? Well, we can certainly create very nice quality bubbles, for example, so we can take the rounded shape increased size. Maybe this is a bit too much and b to let's say yeah, let's say four. You can take this pilot again. I'm using the same color for the sky is amusing. Here in the water. I can use this highlight or here and maybe even this doctors outline. And just like that, we have really big bubble. We can create even smaller ones if we wanted to. So something like this even indicated them like so. And you can keep ah building upon that. But let's removed. And just for now. But you can certainly do so if you want it now. We already have something really nice. And because off our same shadow you can see that our water blends in really nicely with our with our ground. Simple because they share the same shadow tone or rather, the same shadow color. Okay, let's move on. We need just one more thing here in the sky because currently, even though it looks to empty and we can leave it like that, I just want to add a few clouds. So let's take this highlighted color again. We are going to be using the rounded shape and increase the size a little bit, and you can see here in the previous how it will look. And then I'm just going to put field these next to each other. Like maybe feel of them. We can even increase the count. So let's say something like this, and already it's a nice ship and we can leave it just like that. Nothing wrong with it. However, if you want to add a just ah, a little bit more interest to it. We can again take this darkest shadow and we can go over the bottom part but leaving one pixel in between the indicate this color off our sky. If you want you, let's say put even more details here on our on our cloud. We can take the color of the sky and just indicate the rod, the roundness off our off our client just like so we can maybe put some of them here below . Nothing too complex, as you can already see here in the preview. It looks really nice. It's not overwhelming because we do not want that, because if it overwhelms, if you put like, let's say 100 of them here, you can already see the player will lose focus a little bit from the foreground, and this is not something we want in the game again. This is something in the game is in theory, but nonetheless something that you should be aware off. Maybe we can just put one more here. All right, so just maybe one or two clouds here and there, which, which can be moving, is more than up. This is it for the background. It's rather simplistic, but please do remember when you're looking straight on view in the platform of you, you want to keep things simple, either the background or the foreground. 6. 9.4 - Foreground details: Welcome back in this lesson, I will show you how to it a bit more details to our platform or mock up. So those are the kinds of details that the player can't really interact with, something like trees and grass. But they they really add a nice touch to the overall image. So it's going created those. And just so you know, I will be using again Arco. He's a color palette. And this time I won't be adding any new colors because I will be creating three and the grass for our little mark up here again. I want to start to be the darkest color. And let's go with the three because it's a bit more complex, so it shouldn't be too hard. Even though it is a bit more complex. I want to start with the outline. Something Yeah, something like this should be just fine. Maybe. Ah, higher slope, perhaps. Yeah, okay. And this will be like the bottom part of the three. And I want to add the portion where our lives are going to be. Now, I'm just looking at the overall shape. Well, right. And I'm trying to get sort of like these many bumps to it because doors are going to be the main shapes for the tree and for the shading. I want to avoid big straight lines. Yet I want to keep the three. Rather I'm always looking killer here in the previous, but I want to keep the three on the smaller side. I don't want it to be too big. Okay? Yeah, this should be fine. And I want to decide where the middle off our three is going to be, because I will replicate one side to the other because our shading is from the top to the bottom. Straight on, This means I can shade one side, and I can just copy paste it flipped around and put it together, and then just change few things, too. Break the symmetry, because in such things, in nature you will hardly find symmetry. And this should be completely okay. All right, I'll start with the bottom part, and I need these colors or hear from the basically from the dirt. I could create more colors for our three like, really nice brown color to it. But I'm going to skip this time to keep the color felt a bit smaller. I'm just going to write up the three a little bit, and here we go. So I'm putting the main colors in first, and then I'm going to go back and shade it so it looks a bit nicer. This is the first part, and I'm using the darkest owns possible. And then I'll go back and rework it for this stop part where the leads are going to be. First I'm putting the blue tone, then the dark green color again trying to imitate the basic shapes. And then I'm going to put this nice green color. The yellow part are just going to be highlights, so I won't be going right now into those. Those will be coming on later. But as you can already see in the preview, even though it's far from finished, it already looks kind off part off this entire foreground because we're using the same color palette. All rights, let's go and start shading. We don't bottom part. I want to pull down these. These doctors shadow just a little bit and then use lighter tones to highlight that re texture again. We don't have plenty of space here to break with and we don't need it. So keeping that in mind, I also want to introduce a little bit of this blue here as well, just to keep it a bit more interesting. And I think this part is finished for now. Now, let's go here where the leaves are going to be again, going to start to be the darkest shadow. You shouldn't be afraid to experiment, So please keep some of the parts like closed. Like in this case, where you can see this is an enclosed area, but some of them are going to be open. So if you look over here, I haven't connected with the darkest color I left some of these space to like So you have more space to breathe, so to speak. Okay, now, where the transition is happening from our dark green to light green, I want to change the outline from the darkest one to this dark green color. Okay, slowly, I'll start erasing this middle part just so I can connect it easier when I start copy, pasting it to the other side one If the trick that I like to use when you have the enclosed areas like these ones, you can actually take one lighter tone in this case, the green one and just lightly shaded to break the to bring the simplistic look to it. And if the chief this really nice effect, this is the same thing we did over here with the grass when we added this lighter. Don't to emphasize the shadows a little bit. All right, now let's start building up over here again. Some areas are going to be closed, some areas are going to be open, and the more we go to the top, the less off the darkest colors we are going to have. But we also want to mix the colors. So just because over here we don't have ah, lighter tones, It doesn't mean we can't actually introduce them like this. So something very small in scale. But nonetheless, it can achieve really, really nice effect. We can even extend the blue tones. But be careful when you're using darkest shadows like the darker stones. Try not to have to faster for transition to the lighter tone. So if I put the darkest, let's say I put this more color here, and right above it, we have this, I believe two tones lighter, which we want to avoid. So I would put just one pixel off this dark green to soften it up. So the basically the idea is that the transition between light and shadows should be, ah, a bit more gradual. Of course, there are exceptions, but in this case, let's keep it like so. All right, let's start adding a little bit off highlights. Try to keep the shapes a simplest possible and then maybe just a few pixels here and there again here in the enclosed area to keep it nice. Now, if you know this year we already have a ZAY said really high transition. So I just want to soft in these parts a little bit up. If they're diagonal. In that case, it should be completely fine. Okay. All right. So this is really nice three. Now, I can take this entire part. As I said, copy paste, flip it around and put it back together. And if I just put it completely here on the middle, you can see the symmetry is obvious. I just want to put now. You can do this in many different ways, but I like to just pull it one or two extra pixels in the middle, and already you can see this bottom part has been a bit broken when it comes to symmetry. And this is something that we do want to achieve. A symmetry in nature is, well, really, really common theme. It's actually extremely hard to find something that is complete, symmetrical. Now let's go over this other part and introduced just a few random things to break again to break the symmetry. It shouldn't take too long. Just mess around here and there. No particular rule. Just feel free to experiment. Okay? And I think this is I'll keep it like so. All right, I think this is really nice. We have really nice small three again. You can create bigger ones. But in this little small island, I just wanted to keep it a bit smaller. Now let's great in comparison. Our other big grass or other told Russ, let's move. These three are bit to the right, and again we can start with the outline. Just try to get the basic shape to it and because I share did this. Three. If you look here at the top. It doesn't use these darkest outline. As we are using everywhere else. I'll do this same thing here for the grass. Now, why is that? Well, when you are looking here at the foreground, everything has this dark outline, but are three. Dozens are cloudy. Doesn't in our grass again won't have. This is something that will subconsciously tell the player that. All right, Everything that does have this dark outline I can interact with. So he If he falls here in the water, he will probably die or maybe have to swim. But he can jump on these. However, if it doesn't have these dark outline, he won't be able to jump under three or jump on the cloud again. It depends how you want to code it. But this is something that will be a visual cue to the player. So do keep these in mind. Moving on back to the grass. I want to lighten this part up. Introduce a little bit off yellow and blue here at the bottom. Using this darkling green color, I will shake things like so And just like that, we have really, really simple grass. Now I can take this and again copy faced it, flip it around, connect them together, maybe put it a bit here, lower and in the middle. Put maybe something else. And just like that, we have something that thes, let's say, resembles a grass. If we wanted you, we can introduce new colors. I I'm just going to show you as an example, and we can create nice, nice flowers from that very quickly. The point is, you can relax and just have fun and see what works. You can just miss around. But very quickly we have something that blends in very nice to be the foreground, because we are using the same color palette. All right, this is it for this lesson. In the next one, I'll create some character for our game. 7. 9.5 - Platformer Character: welcome back in this lesson, I will show you how to create a simple character for our to the mock up game. So before I start and create the character, I just want to point out that the bag Hezb e change due to some requests from the students . So we have that fixed. All right now, before I create our character, I do want to point out that you always need to take about the game design. If you look here at our map, this is a really nice, vibrant map, meaning we want to have. Ah, you want to use the color palette for our character with vibrant colors as well. But what happens when you can go? He's a color palette, which uses, if you remember almost the entire hue wheel, of course, in the big steps, but nonetheless. Well, there is one simple trick that you can use to make sure your character pops out from the background in the foreground, and that is using black outlines. And this is what I will be using. Of course, there are many different approaches. You could use different outlines instead of black months, but keep this in mind if this is just one level or one portion off the game where we use this color palette and we have our character designed in such a way that you can clearly see him when you play the game. But on the next level, when you have a really dark level, if your character doesn't pop out from the background, it's rent. The player experience is gone. Players won't be satisfied because if your character blends in with the background or the foreground so that he or she cannot see he's a first character. It's ruined. The game design has been demolished. So when your player looks at your game and looks at the map or the screen in the split second, he already must notice exactly where his character is. Imagine if your character is using the same color palette. Here is our is our map. Of course, this is the character, but I just want to show it. Imagine if you look here like so will you. Naughty is that this is the character, while probably not because it blending stew much with the Bagram And let's say with this character you want to make like, very precise jump. This is another problem because exactly you cannot see very character easier. Your eyes cannot follow it. So with this game design out of the way, let's go and create our character. As I said, I will be using the black outline and I won't be using this exact 16 by 60 Tell our great my character just, let's say one pixel taller just to break apart from this season by season title. Of course, if you're definitely specifications, indicate that you must create your character within those parameters. Please do so do so by all means. But today's game engines don't require that. So let's gonna create first let's start with the feet, or rather, the boots that I will create on the character. I put street pixels up. Then I will keep three pixels in between. Before putting our four pixel, he raised this fart with the pixels and here we go. We share one boat. Now, due to our perspective, I don't want the second boat, which is far away from us, to have this same volume, so I will create a just a tad smaller, as you can see two pixels in between. But this proportion Off the leg is two pixels by two pixels, which is the same as this Legace. Well, but the feet cannot be seen, which enables us to get this perspective. Now I need to put our belt. And here ago we blocked out our feet. Now we need the arms. I will go and created, like so, so putting one pixel to decide to pixels up and to pixel skill. Imagine you have to buy two pixels are fists here that will go and we need the upper arm later as well. I will do the same thing on the other side. Like so again. If I blocked it out, you can clearly see it. Okay, Now we need the upper are I will just go in, put Q and want, like so this will be the shoulder park. And on this side, I want to have one pixel extra here and then tapering down very quickly towards our portion off the body. And I will put extra pixel over here for our neck portion. Now there are many different heads you can create. You can create bigger heads if you want facial expressions like smiles on. Maybe when you damage them to have the clinching face, but currently I don't want it and I will just stop here to indicate what I want with the rest of this body. So if I were to pick, let's say a skin tone which is usually indoor, and she for me, some people use it in pink, something blue here. I like to put it here in the orange and if I were to block out of this part, this will be the body for our character. And of course, these are going to be the arms and these are the legs. So let's go and create a very simple head. So from the right side, our right side, but one pixel to decide, then go all the way to the top, maybe just want pixelated and then start tapering it out from this side. We want to do the same thing, but we want to put two pixels before we go and connected here at the top black. So now we need our eyes. Now you can put again many different ties. That could be big convicts, Paul. I just want to cap two pixels for both eyes. So one big surprise. Maybe just likely, Dow. Yeah, this this looks cuter a lot. Now, let's go and start designing our character. You can take this as a sort of a template and which is completely okay, but let's go and start filling in our cows like I will just keep our skin tone and use it here as well as here. The reason why I'm not feeling in the, uh, the torso with our skin tone is because I will be putting clothes there. Now, let's go and create something in the orange here, like a leather. It will keep the color palette simplest possible. And I'm already looking here at the preview. If you can see here in the preview, can already notice our character immediately. If I were to turn on the game, I will immediately know this our character or here, and know that I can actually control him. And this is what we do want to achieve now. The next step I want to share it. I will take one. Shelton put it here. And then I will create a lighter tone like highlight. Okay. Very nice. No, we can keep out of character like this. but I don't I don't want to break this middle part from from these black outlines. I do want to keep my black off points on Lee where I really need to have them. So on the other side, off our character and I do want to keep them here near the feet. Just because this is a platformer sore player will mostly be looking at a defeat at our far character, like subconsciously. So I will erase this part. Maybe even this. Now, keep it. Yeah, I'll just raise this part. And on this portion, I want to have, like, a belt. So let's take our highlight from the grass and put it here and for our bet. Let's say I want to have it metallic. So something in the blue hell really this saturated and low in value. This should be just fire. Now I can take this same color and I can create some sort of a helmet or home. This would be good. I do want however a certain shadow tone to it. Oh, yeah, This is great. Okay, Now I want to Yeah, let's the defense feel rather empty, so I'll just put like a brace er here and shave like so. I also want to shade our skin tone. So creating one very simple Don't. Over here. Now. Why? I'm sharing here, Bill, Because our helm well, of course, create a cast shadow because it will block out portion of the light coming from the top. So we are putting shadow here, and we are putting set of here below, um, the next simply because, Well, if the shadings come from the top, the chain is going to block out of this portion as well as the cheeks which are here at the side. Now our character doesn't have any mouth or nose. What? We can certainly put them if you wanted to you. But instead of putting like a dot for a nose, I will just take this same shut down and just put it here like so you can clear. See, this is a nose, but it's not very obtrusive, because if I put it like like here, it can be quite strange. So this is also one quick tip. All right, so we have Ah, very, very nice character. I do want to put this metal part or here just giving a bit more interest. Just checking few different shading techniques. Yeah, keep it like so. However, I don't increase the highlight here on certain portions off our character. Yeah, this should be This should be really nice. And maybe here in here is well, I will take this same Shelton and maybe just make it slightly darker and saturated. Yes, I like this one a bit more. And I will also shade these parts as well. And here ago, our character is finished. As you can see, he is not inside the 16 by 16 pixel tile. But it's really nice if you look here in the game. You in the previous. You can immediately see our character. Now what happens if we were to Let's say you raised these outlines. Well, let me show you. I will do three examples. 1st 1 will have the black outlines. The 2nd 1 will have these purple wants. And the 3rd 1 won't have any outlines whatsoever. So you will see the difference very easily. It's so I can fix him myself now if you were tutor on the game. So let's say you don't see anything and suddenly conceded which one out of these three pops out from the background and the foreground the most. Well, if your answer is this most left one, then yes, you are correct. If you are saying the middle one Well, not really. And if you're saying that it's this one definitely not now. This is something that you need to train your eyes for. Because if you are not aware of this many, if you answered anyone of this to you just need to practice a little bit more on Lee on your fairness. So this is very, very nice character now for this character. I will be animating him in the A Sprite. But we will do that in the next lesson. This lesson right? Time is finished. We have our nice character for R two d platform Remarkable gate until Xperia C later. 8. 9.6 - Platformer Idle and Walk/Run animations: Welcome back in this less I will show you how to create a very simple but yet effective walk cycle for our to the platform or character game. More hop. All right, so what do we feel? Well beforehand? I just created where both the I don't walk cycles. However, as you can see, not only did I import my character, but I also supported a portion off my background from pixelated toe desperate. So just in all that, I didn't do anything special, just exporter character, as a PNG saying was for the background or the part of the background. This is just so you can already see how your character will kind of look in the game engine , though I always encourage you to create prototypes in the game. Engine off your choice. All right, so what is the type of this work cycle? Well, some people call it three framework cycle. I person quit for a motorcycle simply because we have four frames. But the reason why some people call it three framework cycle is because you have three different frames and one of those friends repeats two times, so essentially we have three different friends. But you know you want one from use two times, and then you have well, in total four. All right, So before I show you how my character looks and explain, actually, why's it like that? You? I just want to explain that when you take into consideration your game design, you need to keep in mind what kind off a game you want for the players experience. So if you want a high action paced game so extremely fast and snappy, you want to keep the frames off your animations as low as possible. So in this, in this case, the walk cycle is only four frames long, and that's perfect. However, if you're playing, let's say sort of some sort of our slow paced game like a puzzle game and something like that, where you'll really want to put a smudge details as possibly to your character and animations. Then you would create, let's say, eight framework cycle or even bit more. But keeping in mind that our game will have like fighting and if I think should always be snappy and fast and have tight controls, this is while keeping my work cycle 24 frames. So where did I actually get the inspiration? Or very. They learn that I can create such a simple walk cycle, which is really nice. Well, it goes all the way back to Mega Men. Yes, Now I will show you an example. You probably know this guy, and you can only see three frames want to three, but the second and the fourth are completely identical. They're the same. So you can see that these sorts of characters in the old era where the years only few colors. As you can see, he only cares like five colors on him in total. And that's completely fine. And when it comes to his entire body valley from only two shades of blue and that's that's great, so essential. When he goes into a passing position, you can't even know this. I mean the frame by itself. Does this look strange to you? Well, it kind of does, but it doesn't matter because it's part of the animation. Distortion always happens in animation. It's part of the animation principles, and all that matter matters is, does it look good? So let's go quickly and see what is here in this animation. Well, first of all the default. What? You will find the s pride, that the duration is 100 milliseconds. And if I keep it just like that, you can see it's very, very fast and has the discount work. But I wanted to s and really use it. So what I did is I increase it oration by ah lot, actually. And each frame last for 250 milliseconds, meaning these four frames in total last one second. So if you go and see, it looks really nice. Now I can again a trick it around liberated It all depends in your game engine I can go to on 50 per milliseconds and this actually looks even a bit better. So we have first frame, which is the contact pose, which means that the legs and the ours are mostly spare part, but also this at the same time the head goes down by one pixel. So on the passing post he goes back up a little bit. And as I already explained the previous slice of the passive poses where the legs and the arms are switching positions and then on the third frame, he again has the counter position, but for the different. Like as you can see, his arms and legs are in different positions. So on the first frame you can see that he's left arm is in the front and on the third the left arm is in the back. Some advice to the other parts of his body. All right, so what I did was I basically replicated this animation or other, took its principles and implemented here in our character, it's quite simple to do so you can see this is the basic position. Then we have our first frame now, since the design of the character is quite a bit different than from the Mega Man, we have a lot more colors going on, so we have three shades off each color, and then we also have the black outline. So we kind of have to be a bit more careful. We can go really that much extreme as here. The Mega Man. Plus, when you look here at the fight off, the mega meant he is also quite a bit bigger than our characters, so we don't have as much space to work with so many to be a bit more careful. So what did you? Well, one, You can see that the fight of our Celtic has been reduced by one. I basically combined the contact posts and the down pose in tow. One single frame. And as you can see, Theo, ours and the legs are spread apart quite a lot. And in order to achieve this effect, you can see that the this arm over here, I only raised it up a little bit. I didn't put it like over here to decide because it kind of breaks the body a little bit. So I just kept it near the body, but put it up a little bit singles for the other arm. But in this case, since I did want to create this nicer effect are just replicated this arm, as you can see on the other side, just heuristics out a little bit outside from the body because this perspective from this side allows it, but not on this one. Okay, so the 5th 1 is, as you can see, similar to our mega men. On this second frame, we have where the legs are going in the passing position. So basically they start to go one in front of another and same goes for the arms and again , 2nd 4 frame are the same. Identical. And then we have our second counter position. Where are left? Arm is hidden behind their body and the right are is now, as you can see a bit here in the front. So basically, this creates really, really nice effect again, you can play around with the frames duration. I chose 200 milliseconds in this case. So I didn't go with 1 50 or 2 50 And I think this looks quite nicer again. You can tweak it in the game. Engine harbor. Relax. So it's not really something you should be too much worried about right now. But again, just Santic to experiment. All right. When it comes to idle position. Well, when I played, this is just a really, really simple blink. Nothing more. As you can see, he quickly blinks. Now what did I do here? Well, one friend, which is this black frame last for 100 milliseconds. So only 1/10 of a second. However, the second frame, which is essentially well, our idol character design This one last for three seconds so every three seconds, he just blinks very quickly. Now you can create multiple idle animations and then make make a loop or maybe a randomly choose between those idle animations. Maybe after like one minute of animation, he would maybe sit down or go to sleep or something. I mean, you have plenty of things to go around to make your game look nicer, but essential. This is all the rest of it. In the next lesson, I will show you how to create a an attack animation without character again, with without any weapons. So he will be either hitting or punching the enemy. All right, that's it. Until the next video, see later. 9. 9.7 - Character Attack/Damage/Death: Welcome back in this lesson, I will show you how to make an attack, damage and death animation for our platform character or rather, when he receives damage, how he will react and why. So in previous lesson, I've shown you the idol and walk animations, which are pretty simple. And I will stick to that for this mock up just before we get into more complex animations, especially with animation principles after that will be able to create pretty much any type of animation you want. But before it, let's keep it simple. So first I want to show you the attack animation, how it looks. I'll just zoom in a little bit so very, very quick. Quick attack. So why is this well are platformer will have these sort of off attacks. And essentially, when you are playing a game, you want the attack to be as responsive as possible. So you want to be it quick and snappy and short. You don't want to make 20 frames off attack animation and stuff like that in games like this. So let's go over and see our animation one frame at a time. So if you notice here, I have three layers. I have the SFX above and below the S effects about our the special effects, so to speak, that go on top off our player, character and as effects below are the things that that will go behind our character, but still in front, off our background. So this is something important to keep in mind. And when you look at the death animation, you will see that we have aspects below there and you'll see the animation wise that, however, on the attack animation, we have this sort off easy beginner friendly blower, which is completely white color. And it indicates where the bunch is going to be set off our Air Force type of stuff so sort of air pressure. Now, what I do want to show here is the first principle off 12 animation principles and that this question stretch now, I showed it really simple. Now, these are the two frames for attack. This is the ideal position, and in the game, you want code this into your attack animation. But I just wanted to show it how it would look the transition between the idle position and to the attack position. Now when you look at the attack, this is it. The only in between I've put ah, here is these squash and stretch. So what I did here is I basically took this entire character and just stretched him by one pixel and squashed him down by one pixel. So when you are doing squash stretch, you want to make sure the volume of the character is the same, and I'll get into that in more details later on. But for now, this creates this really, really nice effect. So if I slowed down the frames, let's say by double you'll be able to see what I mean. So he basically stretches a little bit and then goes back into position, which is a recall. In any case, he also blinks if you know this on this middle frame and then goes back and settles in into his through at acquisition, so to speak. After that, he goes back to idle position. Now, this entire attack last for only 200 milliseconds, So just a fraction off a second. Of course, in game, you can make it as fast or as slow as you want on. And that is especially something you should do during the testing phase is But for now, this is it for the animation. I also put again this s effects. Ah, and special effect, which is life, he said, Pure white color. I put it under fist, as you can see and on the frame. After I just reduced the amount of whiteness and pulled it one pixel to the right to keep the momentum going. And just like that, we have a simple life attack. Animation. Now what is the next? Well, man, he receives damage again. I put your friends, but in reality, we have only one frame on. That is when he received the damage. He's just going to scratch a little bit. And this is carpet looks. Why is this? Well, let's say we have a trap like a spy threat, and he jumps over it. I want are gonna have to have some sort of reaction to it. Bid the attack from the enemy, or let's say the environment doesn't matter. I just want something universal. There are many things you can do. I just washing a little bit. So it's clear visual cue to the player that the player is now smaller. He received the damage. And because of the this blocked out design, he can clearly see where his character is going to land. Because you is usually in games. When you receive damage, you have sort off. I recall when Let's say you receive damage, you go away from the enemy a little bit or the trip or whatever. In any case, this is something you should be considered. So what I did here is I basically just took the arms. But I'm close to the chest and close the eyes of for character and just pulled the head by one pixel down. This is it again. I won't be creating animations where he just bounces back a little bit when he receives damage. Because that is something that we do with the coding, all right. Going to the death animation. And this is very healthy ass effects below. So first, I'm going to play a few times again. Very, very simple animation, But it kind of looks school, I think. Well, so what happened here? Well, on the first time we have the idol animation first, I'm going to turn off the s effects of they don't refuse you On the second frame, he closed his eyes, pull his arms, just one pixel towards his torso and he went on his knees and the way we did the knees. If you look very closely, we just pulled a few pixels to the left side. Very cooking is so after that he falls down and this is it. After that, nothing else happens with the main body. So we essentially have only two frames off that first he goes on to his knees. Then he falls down and he stays down for good. The only thing that happens from here on is the special effects behind him. And this is it. This by itself is more than enough for your game. If you wanted you, however, I decided, I want more oomph to it. And also to explain one more principle, or rather, one extra tip with animation. And that is using these special effects. So if I turn off, you can see this is all there is to it. But when I combined them, you get this nice effect. So he's soul leaving his body and going away. Now, if you look month frayed frame at a time you can see that when he falls down underground. Only then do I start the animation. So right now, the 1st 2 on the frames of this animation or lots of this ghost or so and essentially what I did, I just replace the white, the black color with the white color so you can see the outlines aren't black, but rather white singles for the ice. And I'd lightened up all of these colors. And this is summer. If you can do in two ways, you can either pick colors, which are when you look at here and the huge situation value. Increase the value or a lightness. You just increase the likeness of four colors, or you can even go and cheat a little bit. If you want to. You can go into for shop, use more stool and just paint over it, or increase the lightness. However you want to do it. It's completely find for these kinds of stuff right now. Okay, so only when our character has fallen to the ground the frame. After we are finally starting to animate this little girls disappear and the way we do it, I pulled him one frame up, erased some straight vertical lines from him and repeated the process. On the next frame, I again increase the size but one pixel and I Essentially you raised a lot of these things . And on the last crime, I pulled it Ah, lot up and just erased most of it. Just so he disappears nicely. So if you take a look at his ghost, this is it sort of up another maybe like a teleportation or something? I'm not sure, but it any case, you can see how these look when you combine them. All right, so this is it for the attack animation Quite quick and snappy singles for the for the receiving damage. And we have nice that animation I want think I do want to point out that in platforms, especially in games where you die a lot, you don't want your that animation to be too long. You want it to be quick and easy so the player doesn't get irritated by constantly watching Is that all over again? In total are that animation last for only one second, and that is completely acceptable again. If you have even faster game like where you die. A lot of times I'm talking, like, a few times a minute. Maybe in that case, you want to make your debt just a fraction of a second. But in cases like this, this should be just fine. All right, this is it. In the next lesson, I will show you how to create our first platformer and probably the last for this markup platformer enemy. I'll see in the next video. 10. 9.8 - Platformer Enemy: welcome back in this lesson, I will show you how we create our character. And when I talk about character, I mean the enemy character. So here we have again in pixelated, though you can create the character wherever you want you, our little character mock up. So we need our enemy. And though two things I want to do is first of all, I want to create sort of a basic enemy, which is, let's say, sludge or slime or something like that. And I will be using the same colors that I abused for the environment so they could. He's a color palette. Essentially, you have two ways how something can pop out from the background. First is using different color palettes, of course, such a czar character used and using black outlines. And the second thing is movement. So animation. And we are going to be using black outlines and our animation to put our enemy character from the background. Quite simple, because I don't want to show that you can still use these same colors in order to create something. And this this will look just fine when we do it. So let's go and create something. So, like I said, this is sort of up slime or slap. So you want to make something in this general shape, and I just want to make sure it's symmetrical, so I'm just going to be building up a little bit. Yeah, I think this should be just fine. All right. So first we need our meat on which is going to be this green color like So now how will our player character know that this is an enemy and not sort of NBC? We need to give him some sort of a visual cue. And this is where we'll put some eyes here on our character. And I do want to use white color. So we made our characters something, something like really angry. I'm just testing out a few different possibilities. I think this should be just okay. All right. So the the main thing to notice about it is the eyes. You'll notice that our garrity has only one pixel paraiso. I do want to keep that same thing on our enemy. But since we have a lot more space to work with here for the face, I just wanted to put alike big eyebrows like angry eyebrows. It will indicates to our player that this is truly an enemy. All right, so moving on, we want to put some shadow. And again we are going to be using these shadows over here and let's see. And I'll also just want to replicate everything on this side. For now, though, I will be fixing the this shedding really early on, and then we want some highlights, so I think they should find again. Remember, light is coming from the top, but in this case, I don't want to indicate the direction off our enemy where he's looking at. So I just want to shift it a little bit to the side, not to keep in completely from us. If I were to keep it completed from up, you'll see that our pilots would be something like this, or even like this. But since I do want to indicate our direction, I'll keep it like so and again. I do want to put some indications out. You know, why am I putting something over here on the bottom? Well, if I put everything in the shadow like like this, you'll notice that our character uses what loses volume. And if I keep just a few portions of these in the light Hey, sort of forgets those layers in between which are quite useful to give him some more dimension. Okay, so moving, gone. I actually want to start fixing shading. I want to reduce the shining on this side, and I might increase it on this one. Excellent, I think are carried. It looks really nice. So what I want to do now is I'll Bill jumping into a sprite, and I'm just gonna copy and based our attack animation. Just one frame again. It's distorted because of carbon based off the candle s. I just want to make sure that when our player player character hits, he can actually, his face actually actually reaches our enemy. So basically, since our enemy is smaller than our character, we want to make sure the face will still reach our enemy. And I think this should be just fine if I were to make our sludge here, or are slime even smaller than it could be a little bit problematic. Now this design is finished. You can still layer more things on top of it if you want to. So let's say you want to add more shadows. You can certainly do so by using these blue color than we can go in it into the purple color. You can make different facial expressions. You can keep layering on top of it if you wanted to other I do not. I just want to keep the design extremely simple. I'm not even changed the design. Just like so. Yeah, I think this this right now, Yeah, this looks perfect, like now, in my opinion. So this is something that you should keep in mind even by using these colors right now, if you look at the big rounded and VCR player character, you will notice this carry this enemy character, but a little bit harder. He does use the black outline, so it should make things a lot easier for our for our player to see. But when we add movement to our slide, then it's going to be pretty pretty obvious that this is truly something to interact with and in this case, the enemy. So I just want to also show you really feet quickly. What happens if we don't use black outline, But we rather again use this purple one. You can see that one character stands out. Ah, lot. Which is this one with the black are tights. And then this one without the black line outlines, but rather these purple wants. He kind of more blends in against something to keep in mind. All right, this is it for our player enemy character design. In the next lesson, I will animate him. So look forward to it. I'll see you in the next video. 11. 9.9 - Enemy animations: Welcome back In this lesson, I will show you how to create few simple animations and explain the design decisions behind them. So here we have our enemy character for our platform. Or you can obviously see again in s pride because it's simply easier to enemy there that in pixel edit for me, at least now I can feel different animations, movement, attack, receiving damage and death. I will go over all of these. They are quite simple. But the design decisions behind them are quite important. So I want you to pay attention now. The 1st 1 is the moment. Here we have four frames and second and fourth frame are the idle position. The idol designed position Quite simple. However, the first enter frame are different. The first time is where our when our character actually moves are anime character moves in the direction in which he's looking at. You can see I just basically squashed and stretched him a little bit. And then on our third time, he goes into resting and also anticipation position for the next moment so you can see that he goes, goes back a little bit, prepares together energy for the next step and then goes again to stretch onto the next step step. Now there are many different types of sludge is and slimes that could be off to click with 10 liquid that can be jumpy. That can be really slow and sloppy, like this one. It all depends on what you want achieve. The reason why I made the moment like this is because this will be our first enemy in our platform. Remarkable. The only enemy, actually. But if this were again, this would be our first enemy. And the way I want the reason why I want to make him slow is toe empower our players. So our when our player plays the game with the main character, I want him to feel or her to feel powerful enough that he can actually defeat this enemy. Quite simple. All right, so let's go to the attack. And this one is quite important, as you can see. See this squashing position before he actually goes to attack? This is a visual cue to our player that this little slime or sludge will actually attack. You can make it as announced as you can or you can make it more pronounced, less pronounced low depends on what you want to shoot, but you can clearly see this anticipation frame before he attacks. And then he attacks. Really Cookie. He basically just extend his body and then set was in that position and goes back to his idol moment or whatever it is now. If you remember our main player character, he doesn't have this anticipation frame when he attacks. He doesn't. He immediately attacks with his fist, and that's that's all there is to it. And why is that? Well, you need to think about what is anticipation and what is the purpose of anticipation frame when you are playing the character. You know full well what will happen if you press the button for attacking. You know, when you press the little button, you will attack. So there is no need for anticipation. Frame on your character, really no need whatsoever because you know what will happen. The purpose of anticipation frame is to give people a visual. Cue off what will happen next when you are in the full control of the character. You do not need anticipation frames, however, on the enemies you definitely want those, because if you're just trying to kill the enemy and salahi attacks and you receive damage and you have no idea what happened, that's your fault. As a game designer, you need to make sure you put good anticipation friends so players can actually see what will happen in a split second or in a second or two after they need to be able to predict what will happen next based upon your anticipation. Friends. And this is why on the enemies, we do want to put anticipation frames before the attacking we do on the player culture. Not because if you put anticipation friends on your player character, it will feel sloppy. It will be it will feel on responsive. So again, for our player controlled characters, anticipation frames are a no go. You do not want them. However, on the enemy characters they are. I must all right. So after its recap the damage or receiving damage, you can see he just goes back early. Live bitten closes his eyes. Here is how it looks again for this type of fast action based platforms, so I want to keep everything really fast, beat the attacking that lasts only for two frames bit receiving damage. The moment doesn't have anything to do with it, but the actual combat needs to be really fast and responsive. And what's he received? The damage you can see he goes and dies. I didn't want to create any extra, drop its apart from these two and create some some sort of freed animation because I want my enemy character to disappear as quickly as possible. And you will notice that on our damage frame, this animation is sort of a similar to death animation. But he actually goes in, disappears. So when you think about it, let's say this damage animation happened few times, depending on how much HP he has, and then suddenly he'll just disappear. And that's completely OK. So quite simple, that animation again squashing and stretching Our character is really important, and I basically just erased few parts off our character on until he disappears. Nothing complex. We'll get into more complex and fluid animation later on, but for now, let's keep it simple and think about the design off our game and this pretty much it. So we have the moment that we're seeing with damage and dying. You don't need anything else for basic platformer enemy again. You can make whatever you want you or however complex you wanted. But generally you want to make the AI off our enemies. In the beginning of the platform, a simple ast's possible. So their moment is predictable. Their behavior is predictable and especially der attacks. This is it for this lesson. I will see you in the next one. 12. 9.10 - Traps: Welcome back in this lesson, I will show you how to create few simple environment traps for our player to respond to. Now I have a separate layer here called traps, and I want to create just feel different ones so I can show you all the design decisions behind them. I will show you one that is barely visible and one that these highly visible. So first, I want to create some sort of our spikes. Now, when your design expects, you need to think about how high can your character jump? Because this will influence how big or tall you want your spikes to be. Right now, we know our care too will be able to jump at least this high, because he needs to get to the next platform. So I want to keep my spikes less a lot less than that. Actually, I usually like to keep them sort of 1/2 off the height of our character. So something along, like the stall, just to keep it a bit more interesting again, you can increase the high decrease of five however you want to. But, you know, for me, this is completely good enough. First of all. You don't want spikes to be coming out of the ground right away. So let's say I have a spikes and the right away. You can see them like so, and that's completely OK. Of course, these aren't spikes just yet, But if he were to go and suddenly they just come out without any visual cues. So if our traps would be behind our tiles, So if our spikes were behind our platform like this and suddenly they just came out, that's bad design again, just as we did the anticipation friend with our enemy, we need to give our Blair some sort of a visual cue that the trap is there. The easiest way to do that is either to leave some sort of mark on the ground. In this case, we can create something like in really liked stone. So if we have something on the ground like this, that's kind of obvious what will happen. This is a good thing. We want this. I actually wanted to be slightly above the ground just because off our perspective, not to break it too much. This will be just okay. First I want to design do things. One I want. I want my track to be completely un activated and then one which is activated. And for that we need to designs first. The fall. Let's go with the Let's go with the open one. So this will be our platform for our spikes or silver minutes piers. And once they are activated or sprung, something like this should be completely okay. There you go. Quite simple. Quite easy. Not not. Do not nothing too much to think about now if it's on sprung. So if it's not activated, we want to keep another copy. You want to remember these positions as I want to keep few black dots to indicate on which places our our spikes are going to be coming out from and this is completely okay. We have done with this part. Now if I wanted you create, let's say a cannon off some source For now, these are what I call vertical threats because you need to jump vertically in order to well evade them. They're also horizontal traps which influence, well, the horizontal cure. So in this case, something like this and it is this way is to create some sort of Ah, Canon that launches well, cannonballs or again, you can make a rose bolts whatever you want to, and let's go and create something very simple. And here is where I'll explain how you can make it more obvious or less obvious, depending what you want to achieve. Write something. Okay, this should be just fine, all right. And again, we need purely black color because this is sort of a cannon. And here ago now this by itself is kind of hidden and player real well, it's kind of obvious, but at the same time it's kind of hidden. So we need to be careful you can, especially if you shaded with the environment, like so he's going to be hard to notice. But because of this black color is a high contrast. People will still notice it to a some degree. If we wanted to make it more obvious, we can do two things. We can give highlights to our cannon, and I mean something really, really light. So something like this should be completely okay. You can obviously see it more more clearly now. Now, if you want to make it even more visible, just put the black offline on the entire thing altogether. And suddenly you have clearly visible cannon's rep again. You can make it however you want to do. And this is it quite simple. Quite is it to do what you do need to keep in mind again is how high can your capture jump ? How fast can your character moved? Because he needs to be fast enough to be able to dodge any trap whatsoever. If you are making a platformer again, if you really want to make the planet character received damage on purpose to learn something that's completely OK, though, speed runners really don't like that just to keep it might. All right, this is it for this lesson. In the next one, I'll actually go and create this entire mock up as a single image. I'll see you in the next lesson. 13. 9.11 - Platformer Mock Up: Welcome back in this lesson, I will show you how to create a simple platform markup using the assets you have created so far. So what do we want? Well, first of all, you need to decide what is the size of the image you want. You. It can be small. It can be big. It doesn't really matter as long as you can put everything you want into that mock up. So why do I want? Well, as you can see, all of the creative few things here, but I kind of want to extend it a little bit vertically just to put a few extra things. I will turn on my grid view, and I will go and create just a few tiles. What's all right? So here we go. Now again, you can keep it. A small auras, biggest like. And the reason why I'm doing the market pregnant because I want to show you something which will serve you well. So let's say I don't want this platform to be as this. I want to be on Lee. Let's say this stop well, in this specific case, then I need to create new tiles. And if you're doing a markup and you realize you don't have enough tiles to work with or begin after I'll set. You can always increase it. So in this special case, I won't be driving over this because if I dio you can see I change all of them and you can actually press tab to see which platform Bill belongs. Which child belongs to which part here in the tile set. So what I actually want to do is I want to math out new tiles by cold in control and just of left clicking. And right now you can see I added, Are new tiles are here? And if I were to draw over these, you can see it's not inflating these ones because I created new ones, all right? And I want to keep these again really simple. So I'll just increase this bottom part like so and just slightly fix the edges like this. I want to keep all of this almost all of it in the shadows and just create 18 layer like so . And this is it just the way that we created really quickly a tener platform for us to work with. Now we can move this around as much as we wanted you. Now, if you are doing a tile based system and you are trying to implement it into unity or any other suffer, if you're sticking to the great, this wouldn't be possible because you can see that are tiles right now skip between tiles or between two grades. You want to make sure if you are doing this for prototyping purposes that you always keep everything where it's very supposed to be again, you can tweak it wherever you like, But I highly recommend to keep everything like this and during gameplay sessions or direct testing faces that you tweak your characters capabilities instead off the environments once you want to finish it. All right, So what s gonna make? Well, I want to have our a little grass over here, so I will need to grab it duplicated a few different places. I can even swap it around, create a few different ones just to keep things more interesting. If you remember, if you recall that I can actually go and create some sort of flour over here again, adding little details like these is always nice. During mock up faces because markup is nothing more than sort of concept arts of the speak , It's not the concept are. But it's kind of similar to it, in a sense that you want to see higher again would look and I really enjoy doing these. So you know, you can take your time. You can do whatever you want to you again. You can. I can actually take this entire three if I wanted to. I can make it over here so survive. I can make it even behind our little grass over here. Or on top of it. You can increase the size off our three if you want it. You. But if you do this, please make sure to fix that. Everything looks as one pixel. You don't want pixels to be in different sizes. You really don't want to do that In the game I saw keep everything in at the same size. But if you do want to resize things, please do so. But again, fix, fix them in. In that case, let's say our character has an option to go something about it like so and we don't know. Well, if this is a one Let's a platform from which our character can actually jump over it. So let's say basically one way platforms. So right now, our character here is kind of hitting it because we design it that he actually has one pixel extra, which is completely fine. But if our care, if you get it, can jump like this and stick it here, it's completely fund, which peaking Go around it again. It's also fine. All depends what you want to choose now. Right now, I want just to make sure my now during Marco faces this wouldn't be obvious. But there again play. It would. So I want to keep my tile just slightly dollar like so. And let's say I want to give some ladders over here, keeping my during mark up things. You can do whatever you want to make. Yeah, it's really just I just want to keep it everything on a separate layer, just not to mess up with the tiles again. This will be a rather simple ladder, but adding details during this phase is kind of crucial because you are making a markup. So whatever you make here might end up in the final game So you want to make sure you have everything in the place. However, whatever you do put in mark up, you want to make sure that it's applicable in the game again. You can change it later on, but you need to keep in mind. For example, if we have letters over here, that means our Blair character will be able to climb them. Right. So this is something to keep in mind during game design. I can actually use these same ladders over here like so if I wanted to keep it more towards the design off our environment and I actually do want to keep it like so. So I will work on top of that sort of a special type off ladders. Well, right. And now I can't even take this Kyle it and just go over a few different spots like so, And you can immediately see how are leathers are more easily visible now. I didn't shave them correctly just yet, as I want to create a nice contrast in Kyla it. I can even take this yellow color if I wanted to and just put him over here, though it will kind of heard the eyes. So let's skip that just to make sure everything looks nice and cohesion. So I'm taking this color and just shading here on top. This will be just a cake. Now you can make more enemies. Of course, you don't have to keep only one. You can only show a portion of them. You can show them in the either direction. You can even take the animations off movements. All right. Said the moment frame and put it here as a sort off up view. You can create more of these. Well, I just noticed I have an extra tile over here. All right, so we can take this cannon. We can create more of them if you want it. You We can even go as far as go to decide we can make them on different heights if you wanted to. And here we go. Just like that, we have a really quick and ice and simple markup game. Now you need to think about what will people see from our mock up game? Well, when they take a look at this, this little map, they will see. Okay, we have our character with fearsome enemies because some traps, different traps. We have nicely the environment. We have some water. We even have a letter to climb, obviously, so you can put a lot more things into it if you want it to. It's all up to you. Have fun with it. I mean, it's a mark of game. It's sort of like I said, sort of a concept art so you can do whatever you want you and this is pretty much it you don't need. Toe also don't need to over complicate things. You can put coins if you want sort of up side objectives or even main objectives. So after you. So this is it for this lesson. I hope you enjoy it. I will see in the next three day when I'll explain a few different types off platform perspectives. I'll see you in the next one. 14. 9.12 - Different types of platformer perspectives: Welcome back in this lesson, I will show you how different perspectives in platformer work. So 1st 1 on the list we have our super Mario, and the view here is straight on. It's quite simple to dio. The only way you indicate the shapes is which shading, so you can look here at this tubes there cylinders, which you can obviously see from the shading. However, if these were, let's say, slightly angle from the top, you would be able to see the roundness on the top portion. Same applies to the bottom part, so you will be able to see something like this color because it's a straight on view. You can only see it like so which is this portion or here, right? Same thing applies to these body parts, which are actually cubes. However, you can only see rectangles because you're looking Adam straight on. It's quite easy to do. This is the most simple perspective in platformer games, and if you are making your first game, this is what I highly recommend. The next one is quite similar, and again it's a supermodel about the shading is a bit different. You can see these boxes have more shading, which enables you to get more around the cubes to get a slightly different effect. But again, everything is still threaten the character. You look at him, it straight on the enemy's threat on this is straight on again. You can see this back portion is threat, but this bullet is actually around it. So if you were, if you were to look at it from behind, you would see the circle quite easy, right? All right. The next one is slain. This is a modern game. It uses some other techniques, such as glow effect here on the sword or here or here. But essentially, the view is still the same. Even though the art is more complex, you can see the bottom part where he will run is still straight on this crosser here, straight on this gargoyle, even though it is quite higher, you can see it. It's threatened. Same goes for this building. For this three everything, it's the easiest way to make a platform by uses straight on view the amount of details you want to put in or the visual effects you want to put it. It's all up to you But the perspective is something else, and this is what you are. You generally want to be looking out for. Now let's go into something that creates a bit more three dimensionality, because when you look here with supermodel, you have the foreground, which are the platforms and the enemies on them. You have the elements which are kind in the background, but they still blend in with the four can, and then you have the background like the sky. It's OK creates a nice effect, however, Here this line you can see multiple layers. You can see the foreground and the background elements that even bigger and more than even more than you more right, so you have a few layers on top of them to create more three dimensionality. Let's go to Mega went to see a different perspective. Now here it's server in the middle and everything goes from there. So when you look here at the top portion, you can see this platformer blood, for you can see it's bottom part. So it's bottom portion, so this generally means you are looking at it slightly from the bottom. But when you look here at the platter, on which the mega man is standing. You can see this portion over here, and this means we are looking at this portion from the top to down, whereas its opposite for this blasphemer. So we're kinda in the middle here so we can see things that are on top. We can see them from the bottom and things that are below us. We can see them from the top, right? This perspective is, ah, bit three care to pull off, but nonetheless it's here. But notice that we still look at our characters straight on. They're not angled. So if our character let's say, jumps over here, we will still see him in the same perspective. His perspective want to distort because if we look at him from a slightly angle like this road over here, we would see more of his help. If he jumps here, we would see more of his bottom bottom of his feet, but we want because the design animations of the character is still straight on. So in platformer games, you design your character and your enemies with straight on view. You achieved three dead three dimensionality with different perspectives, depending on what you want to cheap mooing gone here. We have blasphemous. Also one of the newer games you can see its platform is also slightly angled. As you can see right here, whatever you look at it, it also has a lot off layers. When it comes to foreground and background elements, we have the foreground. You have first layer of the background. You have the second you have like the third and we have like four or five different elements off bank around the steak on top of each other to create this nice three d effect . However, the perspective you can see it's slightly angled from the top. So this is why we can see these portions where he's going to be running on. Even when he drowns, you can see his feet are still in the same line. Okay, so again, he's going to be running in the middle here. But because we put so more dimension toe our tiles, we get this nicer effect of three dimensionality. When you look at the edges, you can see they're angled from one side here summer. They're slightly angle here. They're kind of all over the place, but they're not because we are against slightly angle from the top. If this for one point perspective, you won't be noticing, I'll get into that later. But for now, it this is completely okay, and I think this our style is really awesome. So this is why I included. But again, perspective is what matters. Let's move to, let's say, the older game. Like Principal Jha, you can see that again. You can see this talk about abortion to create again three dimensionality, but they start with only one, and once you can see these brothers were one angle. Discover one angle, even the walls. Here they have only one angle, one angle, one angle, one angle, etcetera. And that's also completely fine. However, when you look here, they use one angle than different, abundant, even slightly different one, etcetera. So you can do whatever human. Let's go on the last one. You can't even if it's a person again, you can see the enemy. It's straight on. View the character straight on. You always threaten you, our boy sending straight under you straight on view, etcetera. But the background elements are not necessarily in threatened Butte, just like it was in supermodel. Here you can see all social, beautiful, big, sloppy. Now, boy, you can see the bottom bashing at the same time. You can see the stop portion. You can see it's side portions and you can see even the bottom portion. So this is a quite interesting perspective, and it has a lot of details. And I hardly suggested to take a look at all boy, if you want, like, sort of a high level pixel art, because it's really beautiful. But the perspective again is what's important, basically can see that from the simple ones bit style like this one or the slain straight on perspective is quite easy in comparison to these other ones. Again, you have, like the blessed us we choose is more angles than one you have, like Prince of Persia that uses always only one. You have mega man. It uses, like from the middle, and you have even our boy that uses, like, so sort of a combination. It's kind of from the top down, but you can see the bottom portions off it because you are kind of far away from them again . Artistic freedom. But essentially, these are the main types off platform reviews. There are a few more, but I think these are the main ones, and then you can combine them and create whatever you want to just keep in mind. You gain three dimensionality ball, introducing more angles to your platformer design. So if you are to your straight on platform like Super Mario, if you want more tried three dimensionality, use more layers like slammed it. Maybe there's the foreground elements that will block out the character when he passes straight. Right, But again, keep it fun. Do keep in mind also that styles like our Boy they have a lot of details obviously will take a lot more time to make them, Let's say super Mario, but nonetheless decide which tall you wanted, depending on what type of game you wish to make. Now, if you want to make an exploration game, which is the like the main hook of your game exploration, you want three dimensionality as much as possible to create an ass traffic holler again. It's not necessary. You can create nice exploration games completely with straight on you don't get me wrong. It all depends what you want achieve with your game just to keep a few things in my I mentioned all of these things. This is it for this reason. With this, with this, we will conclude our platformer section in the next lesson will give it the challenge. I'll see you in the next one. 15. 9.13 - Platformer Challenge: welcome back in this challenge, I want you to create a platformer markup game. So basically, you just want to create a concept art of some sorts where you will actually provide with a simple image off your platform markup. So please be sure to use at least one character and one enemy as well as a few different tiles. And then you can add as many details as you want. You can use any color palette you want. You don't have to use this cohesive color palette it I've used. But please make sure you have fun. Also, you can use any perspective you want. It's all up to you after you finish the challenge and you created your markup, please be sure deposit and share. It'd are people, so we can see it. 16. 10.0 - Introduction to Top Down View: welcome In this stuff down your section, I will show you how to create a top down character and how to animate him. How to create grass and their tile and basically create a tile set. Ah, how's our vehicle and a few different small objects. In the end, I will be showing you have to create a simple game, mock up and challenge you to do the same. 17. 10.1 - What is Top Down View: Welcome back in this lesson, I will explain to you what I consider a top down view to be in pixel art. Now, the reason why I said what I consider to be simply because there is no general consensus on what top them you really is because some artists consider a an RPG via to be a top them you , while others don't etcetera. Now I will explain to you what I consider to be a top down view, and then I will give you what other people consider top down you to be. And I'll give you essentially my explanation. Now you can pick and choose whichever terminologies two to the best or makes most sense to you. However, in this course I will specifically stick to my own explanations and terminology. So you you know what we are talking about? All right, So first things first, What I consider a top down you to be is when you're looking at the objects, characters, maps or basically the entire game Onley from top down, meaning there is no angle whatsoever. So you are looking at the object completely from top to down so sort of a bird like view with no distortion or without any angle. What, sir? So here you can see one example of it. This is called the Doctor. I believe this is a game I played when I was a kid. You can see the perspective. Yes. The shadows might be slightly moved a bit to decide just to create that illusion of death. But if you look here at these rockets, if you look at this land over here, this trees or bushes if you look at at this play, you can see everything is only from top doubt. Nothing more. You cannot see the bottom portion of the ship. You cannot see the front off the ship. You can only see the top side of it, and that's all. Another example would be, well, this whatever, whatever this is I not sure how it's called this game. I found this image on the Web. If anyone knows it great and essential, I think this is about something destroying buildings or maybe in farming. But you can see how these houses look because I try to remember these because I will show you what other people consider to be a top down view. houses, while I consider him to be an RPG. In any case, you cannot see the doors off this off discuss whatsoever. You can only see the roof, which does make sense because we are looking at it Onley from top to down. Another example would be over 9000 zombies. I believe it's called on steam. It's a problem shooter and why? I said, It's well, top down view is usually used for shooters. So if you look here, this is a shooter you can be. It can be even space invaders, so to speak. The sources, I believe about destruction so it can also be like a top down sugar. And here we go Now if you look here at the tiles so I could find the clear one. So this one, for example, you can see it's completely straight. There is no angle. If we had an angle, it would look more like this, but it doesn't because there is no angle to it. We are looking at it from straight up to down. You can even see how the characters look, though I'll explain the characters in the in the next lesson, you can see the character's head and shoulders and arms, but you cannot really see its face. I mean, try to think about it when you're looking at objects only from top to down would you be able to see the face, while not really, unless the person is looking up. So this is essentially of the entire view without any distortion. So not one perspective, one put perspective or two point perspective. Nothing like that. Like that. So this is what I consider to be a top down view, right? So there is no distortion whatsoever. You look at things only from straight up to down and here a few examples what I consider to be an RPG view, not top down view. So this is a happy life drifter. Awesome game, by the way. But you can see it's angled. You can see this statute. For example, if this were angled from top to down, you will only be able to see this portion overhears only this rectangle on top. You wouldn't be able to see the rest of this statue basically right. So this is what I consider to be an RPG view. As soon as something gets like a lower angle that you can see other things off that object or other perspective that object. I consider that to be an RPG view. Here's another example. This is a character. Now you can see this stop down around cycle. This is Barmaid by Pedro, my dears. I believe you can see this is an RPG character in my own opinion. Holler According to him, this is a top of you. So again, there is nothing wrong with terminology on any side whatsoever. I just wanted to understand there are different opinions. So another example would be this house again made by the same person. You can see how the houses look. You can see the doors, you can see the windows. However, you can see how the houses look from top down. You know, this is what I consider to be top them. You and I consider this to be an RPG view as soon as it's angled. But again, some people consider this to be top down house. So it's up to you to choose which every, like, I consider this to be an RPG via and I'll cover that in the next section. Now there is one very interesting perspective, which I call distorted perspective or combined perspective. Look at this over here now. This is a quite a game. I believe it, Zelda. And if you look at the floor, it's completely top down so you can see these styles don't have any. Let's say thickness to it. But when you look at the walls and you look at the door, you can see there they're angled, but they're not angled in only one way. They're angled in all four directions. So you will find find plenty of games where, like this entire bottom portion is hidden here than in black, and only one side is angled and that's again are fidgety in my case. But what I want to say here is a look at the enemies. If we were to remove the background completely, you can put this and these enemies on a platform. Try imagining platform Here on the bottom, you can see the perspective for the characters is like on platform you, right? So we are combining basically more perspectives in tow. One. You can see the character. He looks like an RPG via character so closest to this one. The enemies, their human platformer view the tiles, the floor tiles they have, like top down you perspective and these walls at the side of have, like, distorted one point perspective arpeggio. So when you find something like this, it's quite interesting to look at simple because there are so many things going on, and this is something that I wanted to mention just because there are many just because there are certain amount off views, it doesn't mean you cannot combine those views or other perspectives in tow. One game on, right. So feel free to experiment, as always, have fun. So this is all I wanted to cover in the next lesson. Let me explain to you how a top down character we look in my own personal opinion. I will see you next time. 18. 10.2 - Top Down Character Design explanation: welcome back. So in this lesson, I will explain to you how to design a top down your character with game design in like back off your thoughts. Now, why is this important? Well, before you go and design anything, you should always think about the game design, meaning before you start drawing pick, slot threat, thinking about what type of game are you making and top down view or perspective is mostly used for top down shooters, and this is what I'll be creating a game markup off in this section. So before I start creating new character, I just wanted to show you one of my old works, which I created for one of my clients few years back for based on some reference image. So again for a top down shooter. Now, when you look at this character, you will notice he doesn't have his head, his arms, his borsa, but you cannot see actually his face or even legs, and this is all you would be able to see. This character is so for high resolution. Then I will create for a mock up. But I wanted to show me this so you can try to wrap your head around the decisions behind game design and character design. So if I turn on the legs, you can see this is all the rest of the animation. So why is it like that? Well, when you are creating a top down shooter, you will create your character only in one direction. So this is all the race to the design. It's static. And then you would use the game engine to rotate this image or the sprite based on position off your mouse or input keys or whatever you choose it to be. But essentially, you are not creating an animation for different directions. You are creating only one character in one direction and then use the game engine and according to rotate him, because that's kind of the most practical way now when you go and see his legs. Now, there are many top down shooters, but you can't even see the legs. But I think it's kind of necessary to make it a bit more interesting. And when he is moving, you can see the legs. If I were to turn off the layer for our character, you can see how the legs show and This is all the rested. When you combine them now in game engine, how would this look? Well, on one layer, we would have the character and under layer below that you will have these legs now because my client asked for it. I put it on the same layer. And this is why you can see the legs look like they do. But essentially, this is how it would look. And now you can start imagining he's a rotating and shooting etcetera. Now, wanting that you also can create if you wish is a shooting animation so you can see on Lee his arms move, his body still stays the same completely static. And again, I exported these on all the same layers. But if I were to approach this, I would create one layer for the body, another layer for the hands, or rather the arms and then one for the lex. But again, the client, I'm not sure in which engine hey worked. But in any case, this is all the rest. It now in top down shoulders. You do not want too much movement on the player character because from game design part of you, what is the player thinking about when he's playing a top down shooter. While he's thinking about enemies that have coming his way, he's thinking about projectiles come his way. He's trying to shoot and aim it. The enemies. This means you want minimal movement under player character, so it doesn't distract her player in a bad since, like in a bad way. And this is all you need. So you only need ah, leg movement when you are actually moving. And then when he's shooting, you can just make a projectile come out of his gun. That's older is there isn't even need for, like arms moving, So this is what we'll be creating pretty much in Big slot. However, I will create a character much lower resolution to keep it more simple. But yeah, this is all the rest of it. In the next lesson, I will show you how to actually create a character from scratch. I'll see you then 19. 10.3 - Top Down Character: welcome back in this list, I will show you how to create a top down character from scratch. Now what I did here is just prepared a simple canvas. Each tile is 32 by 32 pixels, and I have plenty of times to work with because we are going to be creating a tile sets later on. So the background is in one simple color. It's like surfer in the middle when it comes to of grayish color palettes. So when you look here, it's just completely. This saturate the great color somewhere in the middle regarding lightness or value, however you want to put it. Now let's go and create our characters. So for the head, I will use a nice bright skin tone. And the reason why I'm using the background in such a dark color is because it's in the middle section off values. So no matter what I decide later on to create my tiles with, maybe it's, ah, vibrant color, maybe eats Kali de Saturated. I'm kind of making sure that my design regarding color palettes with character sits somewhere in the middle, so even if I have to rework it, it won't require that much feeling fiddling around. So, yeah, let's go and start creating our character. Now, this is my style. And you can just take a rounded brush, maybe increase its size to maybe seven or eight, and we can just put it here in the middle. Now, from here, I do want to mess mess around a little bit with this, so I want to extend this just slightly and I want to replicate it on the other side. All right. I think this looks really, really nice. Yeah, maybe. Maybe just my one more pixel doubt. Yeah, this looks great. So, essentially, it's five pixels on each side. Then we are while essentially connected. Now, when it comes to human heads, if you want to keep the proportions like realistic In that case, the head would be slightly longer than its wider. So something like this. But, you know, I don't think there's any need to complicate things, so I'll try to keep it as simple as possible now that they have my human head. I want you create some shoulders and I'll use nice kind of bright blue color. Well de saturated a little color. But for metal. This would be quite bright, in any case. Maybe this such a slightly. All right, I think this is great. And now all Jem's. I'm just gonna extend this a little bit, and these are going to be our shoulders. Now I'll create just one side, and then I will replicate it on the other side as well. So is it just copy. Pasting it. Now I will need a shadow tone because this portion I will use for our back essentially abortion that you won't be able to see that much. Sometimes it's not even visible at all. But it is in this case, I'll keep. It's likely visible, and these are going to be so far like shoulder pads. So I want to make sure I shared it nicely. And I will just dark and this just slightly. This looks a lot better now, and I will be using this same color here, at which is, like, where are back is for our arms as well. Yeah, rather. I can just simply use my skin tone. I see nothing wrong with it. And I'm just trying to aim for the middle. Now I need something to represent a weapon. I'll just keep it very highly saturated. Green color? Yeah. Who knows how long it's going to be? So I'll just design a simple shape for far weapon. I think this will be completely okay. All right, Now we have, sir, for base for our character. I don't just you raise this portion. I'm looking here A decide to see the Previa at the same time. Nobody. If these are shoulder pads sort of protection than they, they would extend a little bit more than where the position off the actual like shoulder is . So, yeah, I don't think time I'm pretty happy with this. Now. I will just Yeah, let's say I want to create a here, and I'm just gonna mess around with a strange concept here. So let's go with maybe like a blond. Yeah, Let's go it. Let's say this is an old man for some reason, and he is quite old now. I want to lighten this up quite a bit, even more so, Yeah, this is a nice color, so I'll just go and shade where we'll actually put where his hair would be. And let's say he's like, half bold for some reason this is fine. Now take, like, half portion off it. Flip it around. Let's think this from this side over here. Now, just erase this portion, and then I can connect them. And here we have a nice character. Now, again, this isn't finished yet. I just want to block out of the character for now. So let's go. And essentially, I want to put some shadows here. I will take this skin tone and create a shuttle tone to it so I can shade abortion off my arms or here. All right. Now, let's say I want some sort for gauntlets here for some reason. Again, I'm just messing around with a lot of different concepts here because I just want you to feel relaxed, because at the end of the day, you can create whatever you want to write. Now, let's go. And maybe a shadow time. Maybe. I want this to be a little lighter. This is better. Then I lead a nice skylight. So maybe this could be even in the opposite direction. This can. Maybe a dark doctor color. Yeah, I think this one looks even better. Okay, Now I want to dark in this a little bit more again. This is, like sort of a trial and everything. You can extend his chin if you wanted to. You if you if you do this, come ever and you do extend his chin a little bit, then you can even, um I put some eyes here if you wanted to hover. I don't want to do that. So I will try to keep it like so like this Quite a bit. Now, let's go over here and create some sort of gun. Now, see, this entire character is all sort of a mix off different things. I want to keep the consistency on this stranger than strange design and just mess around with this a little bit. So let's go and maybe create something in purplish tone again. I have no idea what kind of material this would be, but, you know, he doesn't matter, really. So let's go and create a nice shadow toe, actually, maybe slightly darker, and this would be great. Now let's create a lighter tone. I'm just looking here at the side of you to see what can be made. All right? Maybe, just maybe, it's a bit too dark in comparison to our character. So what I will do now is create an outline completely black around our character because I'm thinking about the tiles, which I'm going to create, and I think they're going to be in more vibrant colors. So I want my character to fit in. But since this is a top down shooter, it's completely fine, too. Add some blackout lights. Now let's create a big round with a green tone to it and see how character looks. If I were to remove the black outlines, you can see the design in itself. You know, it's kind of weak. If I added some shadows, we are game engine or whatever. It would look a little bit better. However, for now, I want to keep it like so, and from here on out now you can choose where you want to put your offense. If you wanted to, you can even put them here to emphasize the head of the character. You can put him here as well. You can feeling this middle space. You can live it out now. It all depends what you want to achieve and what you want to emphasize Now, I'm slightly worried about this gun off a sort, so I'll just river the colors a little bit. And I want some really, really blood bright colors, but on the opposite side of spectrum. So maybe something, Something in yellow color. And maybe I want to outline this gun as well. And here we go here ago. We have a nice, simple character. Now, what I just did is created a outline on a wrong Blair. So I'm just gonna fix that really quickly, So I'm sure it's on a correct layer. All right, but apart from that, I think this is pretty much it. So we have, like, really strange character. He's really old. His maybe from a future coming to this. Let's a lifetime. But one thing I do want to increase here is Are these groundless or here? I think they're just barely visible Simon Emphasis in just a little bit more. And maybe some pilot color as well. Back in This is great. Maybe even the skin tone will have nice pilot. Not too much, however, and yeah, I think Yeah, I think this character looks looks really nice. Maybe I won't increase this yellow color even a bit more so it's more saturated. Yeah, I think this is great and I'll just remove. I'll just remove these highlights from the skin tone. I'll keep them all right now. I'll connect pretty much the Stoller's on merging downing toe one layer. So the character and the outlines are on the same layer. And yeah, I think this this looks right now if you want it to you, you can definitely increase the length off the arms if you wish. So if not, who cares now? This pretty much it for this character. I know we took out a little bit longer than expected, but I just wanted to show you a whole process how it goes because, you know, I just created this character from my imaginations. I didn't have any reference images or anything like that. You just go and Mr Randall, maybe to see what you can come up with now, I have, like, really, really odd combination of things here. He's really old. He has, like, are more when it comes to his shoulder pads. There he has some leather gloves. Then he can some futuristic type of gun, you know, create whatever comes to your mind just relaxing here for All right, This is it for this lesson. In the next one, I will show you how to actually animate this character or rather have to add movement off feet so we can create the illusion off movement because we won't be animating his arms or his head or anything like that. I'll see you in the next video. 20. 10.4 - Top Down Walk Cycle: Welcome back in this lesson, I will show you how to create a walk cycle for our strange character isn't here. Now we essentially need only six frames when it comes to walk cycles where we are going to show the position off our feet. Sometimes it could be less. Sometimes you could beam or the Pentagon watching again Want to achieve, please feel free to experiment. However, I just want to show you a very, very simple wall. So what we are going to do is create each leg. Since this is a symmetrical design, weaken, Just bring much like copy paste the position off our legs, which means we can replicate and duplicate them. Now we want to have two frames. Where are one leg is in front of our character. Then we want two frames. Where is behind? And then we want one in the middle for, like, a transition type of thing. So let's go and create this. So first, let's go and create the position off our right leg. I'm going to show you here The preview. I was going to look so right over here. This is the reason why I left some off space here at the bottom. Just we can see the feet when it comes. So first we have one frame where the right leg is mostly in front of our character. Then on the second frame, we are just going to be able to sit barely so you can see how it goes then on the doorframe . The leg is pretty much here so far in the middle off our character. So this would be the passing position. And then when it comes to going back, then we are going toe under four friend. We're going to reveal our leg here at the back again. Not too much off it. This is more than enough. And then on the fifth frame, we're going to reveal even less if it so just to make sure So you can see how it looks right now. Maybe when it's up here, like so we can indicate. And here we go. Just like that. We have one simple leg. Now, if I were to replicate this on the other side, I need to make sure that the frames don't overlap. Rather, they're reversed is well so on the first frame there. When our leg is basically here in the front. The left leg would be here behind, so we can just pretty much they just think club based it. And on the first frame, we can just put it over here and then on the next frame, we can again take this position over here and then on the second frame, weaken. Just place it over here on the dirt frame. The legs are in the passing position as well as on the sixth frame. So this is why on these two friends, we don't have anything. And then again, on the fourth and fifth position is basically where are left leg is going to be here at the front, Right? So I just missed Missed it for one friend, like so And then on the fifth frame, it's like this. This is pretty much shit. So here we have a nice character walking a simple walk animation. It doesn't need toe. Be complicated. Don't overcomplicate things, especially for top down shooters. We have a nice character. He's old, you know, when his moment you can have, like, these position off the legs animating. And basically, when he is shooting, you can just spawned projectiles from he's gun or rifle or whatever this is. All right. This is it for this lesson. I hope they enjoy it. I will see in the next one. 21. 10.5 - Top Down Grass Tile: Welcome back in this lesson, I will show you how Tikrit simple tiles for our top down shooter. Now, when it comes to creating tile sets, Intel maps, this is something which is project base. This means that if you have a need for huge towel sets with big amount off customization, go for it. If you don't have reduced your time needed to create the game and just keep the tile set small. Now when it comes to top them shooters, I usually find that small tile sets are usually the best ones, so I will create these ones in this specific section. Now, when it comes to our PGE's, however, I like to have a higher amount of customization, which is why, in the next section arpeggio, I will show you how to great, bigger tell sets and how to make sure they blend in with each other seamlessly and with a good amount of details. But for now, let's try to keep it a simples possible. So what you might know this is that I feel my character here, and I like to put him on a few different spots, which I'm going to use to create our tile sets. So let's go and create our first style. Now. This is going to be so far, that's a grass style. So something, perhaps something like this. Now let's see how it looks now. I put us in the wrong Let's turn to make sure that I only cover what is behind. I think this color looks quite nice with the color palette for our character. So let's go with this one. Now what I'm going to do first here in pixel at it is and my tile here at the house, that list which is quite simple. You press a or pick this small liken hold controller command and just left click, and it will be added here. So just like that, I have added it. And now I can choose this style and I can just painted here. And whatever I change on one of these is automatically replicated under arrest in these. Now let's go and stop shading for this portion. I want to hide my character. Open up my grade years so I can see what's happening up. Some people like to see this great. Some people don't. It's all up to you now If this were an RPG view, I would go and start creating different shapes like these ones which indicate the grass that is, you might have noticed these shapes are clearly visible, like they have nice thickness to it because, like, they are some sort of a leaves. And I don't want it in my top down shooters. So I'm just gonna back up and create a very, very nice and simple indication that this is a grass style which could be made just by creating nice vertical lines in varying lengths. And make sure you overlap sometimes with the neighbouring tile, of course, is if it's just one big self. Why you cannot really overlap unless you put it. We still pixels, but I don't want it. So essentially I have one shadow tone we tried put here. And then I'll create another but highlights stone. And this is Britain much going to be mine tile. So maybe something slightly lighter, slightly darker. Yeah, this should be great. Now why am I doing this? Well, I don't want to have a big amount of contrasts when it comes to my tile, so I'm very careful when it comes to my positioning. Make sure that none of these spaces has, like two huge off a gap between. And when I put my character here, you can see how this style looks already. Now, if I were to put some shadow here bill of our character, which I'm just very, very quickly going on, do you by reducing the A pass ITI and creating black color on that layer, so it's kind of transparent. Now again, this is something that you should be doing it pixel art. But this is something that you should be doing like the again mentioned. And you cannot already see how our character pretty much look in the game and I really like this. All right, so this is it for our first style, which is the grass style. Now I will be creating a tile set, but before we do that, we actually need at least one more tile, which I'm going to show in the next video. I'll see them 22. 10.6 - Top Down Dirt Tile: Welcome back in this lesson, I will show a healthy create a nice dirt style which is complementary to our grass style. And then I will show you how to create a tile set in the next lesson. So here we go. How should we go about choosing our colors for our dirt style? Well, it's quite simple. You can just take this midtown from our grass and then just here shifted towards like orange Hume. And when it comes to saturation of value, try to stick around as close as possible to this initial grass saturation value. And then you can just pick what you think Looks fine. And here we go. We have a nice color when it comes to our dirt. Now you can see how it looks in comparison to our character. And to be honest, it looks looks really nice. Now I will go and choose this color, and I will add this tile toe are tell set over here at the side based it on all positions, Haider character as we did with our grass style and then keep the style minimalistic, just as we did when it comes to grass. So we just want to indicate texture, nothing else. This is a top down. You you can't really see the angles you wanna be able to see, um, such huge bumps from let's say rocks and stop stuff like that in this particular view. So you want to keep the details to the minimum? All right, so let's go and create a shadow. And if I were to create something big, like some sort off a A picture like this one now, some people might like that. Some people might not like that. Personally, I'm not a fan of this type things, So I'm just gonna go back and start creating, as I said, minimalistic type of thing. Now you can go and create just small little bumps like these ones which might indicate the shadow off certain rocks or little bumps in the earth, and then just adding some thickness to them. But don't overdo it. You want to be really, really minimalistic about this part, So just add one or two, maybe on the entire tile, and then I will go and recreate this thing with highlights. So basically, repeat the process. You are essentially creating some sort of noise. So to speak on the texture. Let's see how our character look Now it is. Do this for like a farmer something then you can certainly add some sort of, ah club feel Look to it. But, you know, as I said, try to keep it simplistic. Now you can see how this looks again. If I create a layer with reduced capacity and I just spent in some of the shadows, you can see how the character with pretty much look and I think again this is quite quite nice. So this is it when it comes to creating our 1st 2 tiles. Now we are going to combine these two tiles into tile sets and essentially one tile map, and this is what is coming in the next, less I'll see them. 23. 10.7 - Top Down Tileset: what? Come back. So in this lesson, I will show you how to create a tile set. Rather, tell map out of these two different styles how you can combine them using a few simple tips to make sure they blend in which other seamlessly. So let's go and start creating. So what is the first step? Well, first step is picking these 2000 and then you essentially need to surround a specific tell with the opposite one. So in this case, it would be like this one. So basically the dirt tile is run by the grass and vice versa. Now, if we added like a turtle here, so let's say some type of water then you would actually need and you would pick both of these and then you would combine them with each other. So essentially each style would need to be combined with the other ones. And this is essentially something that you should think about. So just adding another element into your game increases the workload by a huge amount. So just to keep it simple for this section, I'll keep to just these two. All right, so what is the next step? Well, I like to turn on my great view and essentially, I want to create some sort of a ring around all of these. But if you know this right now because essential all of these are this style. If I paint over it the program, or rather, the software automatically rework this one as well. So what I want to do is, once I've put this one here, I want to add it as a new tile or here, so, like so right. So now it's here. And if I paint over it and change it, this won't change because I have a new tile over here, which is really, really useful, right? Okay, so let's go and recreate it. So I like usually to take this entire tile, which is 32 pixels. Find the middle portion, so find the middle, which is on 16 pixels. So this is one of it. And this is the second portion that I can just take and divided in half. And essentially this portion is going to be in the grass, and this one is going to be under there, and I'm gonna overlap them in just a few moments. But why Is this so important? Well, if this were divided in half, so let's say this were divided A symmetrically so something like this. Well, once I explain to you the trick behind why am divine again? Why I am dividing it in half. You'll see why it wouldn't work when it comes to combining with this specific one. So let's go and actually start creating. So I want just a little bit of texture to this again. Grass texture, not too much. And then I want to take my dirt and just extended and combine it with the grass little bit . Then I could take the grass and just shaded here near the ends, and I can do the same thing with Did they hurt again? Don't overdo it. We're trying to keep it simplistic. So keep that in mind. Now you can already see. I have just like a little bit too much off the shadows, so I'll just you raise them. Some of them. At least I met, keep the others, and then I might even go and take the dirt and create like small pockets off dirt inside as well. Alright, And just like that, we have a nice tile. Now, what is essential here? Well, we can basically take this style and replicated on the other side. But be sure to market is a new tile. So it registers. Here is a new tile. Then you can flip it around and we essentially have 2000 blend in nicely. Now. The reason why you want to do that is to make sure they blended with each other nicely. So But what you can do is you condone, actually, take this portion and you can just change this these middle ones or out of this middle portion just slightly. But make sure you leave this portion the same because this portion where the grass connects to the dirt is what is going to determine if our tiles are going to be nice and blend even that we're going to blend in a nice and seamlessly or not. So let's go. And now we can take this same tile. We can take it here and now. Please watch this. If once a registered of course is a new tile. If I just rotated like so you will notice that the grass pattern is no Logan vertical. It goes for Izon Tal And this is something that you definitely want to fix. If it happens and it's going to happen if you are using the same technique when it comes to picturing in the grass and this is OK now again, Just changed these slightly. Now I can take this style again. I could market here is a new one. I can just flip it around. And now I already have half of my tiles done. Now we need to connect these two. I can just take this grass, connect them in this way. You want to make sure that this last pixel over here is connected to this one over here. Now, how you want to go about connecting this to is up to you. But you don't want to go outside this little imaginary square, so to speak. Okay, so you don't want to create something like this because it wouldn't blend in nicely. When when we go a little bit further. Run. All right, so let's go. And Mark, this is a new one is a new tile, and then I would connect this to again. I'm keeping inside of this little imaginary square, and I think this is okay. Now I can think this same part, and I can replicate it on the other side again. Market is a new style. Flip it around and then I can just repeated the process on the opposite side as well. Now you can notice that the battery in the grass doesn't change here because we didn't actually rotate it. We just flipped it around. In other case, we just created want tile and then we are just going to flip it and rotate it. And here we go. So, just like this, we have a nice nice little tell. Now, once this is finished, if you don't like anything, you can go and mess around a little bit. If you if you wish. To you. It's a lot to you. You can extend certain things. You can connect them. You can add a little bit more off the grass texture. You can do whatever you want, basically, at this point. So now how the days to connect? Well, let's go and try to create in nice, smaller little map and I'll show you where the problem begins. So now where we need to connect these two portions So essentially, we, uh, something like this. And now if we were to connect this to we don't actually have a tile which connects them so you can see that we are missing something and you can see it's not here. And this is why it's important that it's in half. When I mentioned this, why should keep this half? This is the reason why because now we are going to create our second tile set. Now, this is the first style set 11 wants We create the second tile set. We will have a tile map, so let's go. And great it is now a nice little nifty trick that you can do here is You can take these ones and just put him on the opposite side. So right here this combination of the grass and dirt is on the right side here. You want to put it to the left side, OK, so you essentially want to make sure that these to blend in nicely. Now, I'm just gonna mark this as a new tile. So if I were to let's say, put this style or here or rather, this dollar here and this style next to next to it. You can see how they look next to each other. You see, they blend in extremely, extremely well. You can essentially have ah bigger and amount bigger amount off tiles that blending nicely . And it's quite easier now. You don't have to keep it on half, because if we didn't keep it on half, you can see that the equilibrium would be gone. So if just one of these were, let's say over here, you can see how they wouldn't blend in nicely. So even if this this one were like this, you can see you wouldn't have that many options because the reason why it's like that is also you have to combine them with these edges as well. So right now I just want to. As I said previously, just take these portions and put him on the opposite side and I want to mark them as new ones is new tiles. Now, if I just go and put this doll over here, you can see the ratio off the grass and the dirt is wrong, and this is very connect this to Okay, now I'll go and create a nice new tile from this one. And this time I will again connect these two together. So I will take this grass and I will take this pixel addicts, this pixel or here. So this too. And this imaginary line here is where it's going to be. Well, once I connect them, you can see that these two are gonna blend in perfectly. So I think it's just easier to show you what I mean. Then I can take this grass texture. Then it just quickly plight. Then I can. They protection just slowly combined them. Here we go. So now we have this over here. If I were to take this one over here again, it's the same story. You're just replicated creating. You tell for me to make sure it doesn't work like this. So it doesn't happen. So you want to make sure you registered the new tile? If you're working with pixelated and then just flip it around Now you have to tell sets. Now these style over here, you're gonna get it from this portion over here. So essentially this one. So because we make sure that everything is well on half of it. So because we kept our Tyler here on half. This means that is gonna be half of it here as well. And that's gonna mean when we connect this to at the address, they're gonna connect on this half white points. And that in the future means that once we create these over here, these are all on halfway point as well. And these are here. They are in the opposite ratio off these ones, all right. And this enables as they essentially they have the symmetry in opposite sides, so to speak, right? So the ratio off the grass and the dirt is basically just switched around on these edge tiles while it's skeptic the same on these middle tiles. I hope that makes sense, because right now we can create pretty much anything we want. So now let's just go and mess around a little bit so I can show you. I'm pretty sure I showed you this in previous beginner level lessons, but we are gonna add some details on top of these. So we are gonna have to go one step further. I want to make take my character and essentially put him here so we can see how he looks on this little map Over here we can create small sections of grass or here they don't have to be big. So let's go and take this portion and we can take this portion here. So again, this is really important because right now, if we just take this corners, we can make something out of them. And if we didn't make that, you can see that we can even take this one. And this is all because we kept the ratio here 50 to 50. Trust me, you contrite making this in different ratios, but you're gonna have a lot of trouble combining them to be a similar. So this is a really, really nice time saver. So you can like place maybe, Ah, chest over here or some sort of up potion. Or maybe creature trapped, who knows? But essentially, this is the easiest way to make our tile set that works in Dublin Shooter. Now we still it to make some things, so I will probably create extra objects here on the map so we can start creating them, though they will be on a different layer than the bag. So this is going to be the background and under layer on top of it. We are going to create this and call it foreground. Now this is a a foreground background in the same let's say perspective as a platformer, but basically background is the thing that is further away from us, and the four grand is a thing that is closer to us in this case. This is going to be, um maybe some sort of like this. It's sort of an item's. I'll come up, it's something and I'll create them in the future license. Now this is it for this lesson. I will be creating some objects and details to put onto this background, and I'll do those in the next videos, I'll see them. 24. 10.8 - Road and Sidewalk Tiles: Welcome back in this video, I will show you how to create few more different tiles. Just we have more of them available. Simple because of some of you asked me to do this before I start making some objects. So I'll just backtrack a little bit and do few more towels. We can see how you can make something else except like simple grass and dirt. All right, so let's think about our little world over here. And I decided this would be like so, Sarah Strange. Mix off everything and anything, but it still needs a certain cohesion in order for this to feel like one actual world. So what I decided to do is well, since we have a gun like futurist a gun. But maybe this is a time traveling some sort of our old man. I decided to make maybe like a simple street. Or rather, we can make our simple road and maybe sidewalks. Just You can see how those will combine with the grass and with the dirt because not all tiles need to be made into tile sets. So I previously said it. If you plan on having a two different tiles like these ones on the top. Then, in order to combine them, you need well, basically make this a to least thes nine sections or rather eight around this middle portion. And essentially, if you want to make another style, you would need to combine it with the other two, and then you would have to combine this first you with the 3rd 1 and then if you had more, means more combinations as well. But what I didn't mention is that if you decide to keep a specific tile for only one purpose, you can get away with a lot off. Let's a time saving trick. Simple, because if you know those, let's say two tiles will never touch each other. You know full well that in that case you really don't need to make this. So let's go and have some fun creating more thous and I'll start with the road and then I'll just simply add maybe a sidewalk. All right, so first things first, we need a some sort of a road, so I'm gonna pick some color and essentially, I'm taking this myth down for the for the dearth. I'm going to go in the blue in the blue hell. And then maybe, uh, this saturated quite a bit and dark in it quite a bit. I mean, because if this is an asphalt, then it would be quite dark and yeah, it could be even document this. But I think like that completely black or very close to it, you have very little difference. So I like to keep things slightly lighter for this specific reason. Already told you that if you want to keep the colors like cohesive, you can keep the saturation like similar. But when it comes to such difference in materials, when you compare the grass under through the asphalt, then you can certainly go a bit further. That so if you know what is this? These two colors. So try looking here at the background colors, so you can see where our thirties you can see where our grasses that really similar. But then you can see the asphalt is way over here. Because if I kept it here in the similar saturation, you can see, even though it might not look that different When you compare this to you can clearly see that this one, if I perhaps dust around them. You can see how quite the different they actually look now if when you start shading making some extra details, the difference is going to be more and more noticeable. So let's just keep it at higher D saturation in this case. So I'll take this stop color. I'll just raise this going to dig around, and this is going to be our well, essentially is going to be our threat. Or rather, the portion of ST let's say, just a portion off a road. Maybe it's an intersection and goes over here. Now you want to keep in mind how many tiles it's going to be wide because are you need to decided where the middle of the road is going to be Simple, because are you want to put those white lines that ah, market the middle of the road? All right, so let's go and mark this as a new tile. Now I'm gonna paint over all of these, at least for now. So now if I change anything to anyone that all changed, Okay, so let's go even a bit more. So what else do we need? Well, usually when you have a road. You need a sidewalk. So right now I want my road to be only four tiles white. So this entire place is actually I needed. And I want another tile for my sidewalks. Excellent. Now just keep them all around this entire road on old sides. Now, I just with some green color over here, but I'm going to rework that. So how are we gonna make this sidewalk? Well, simply, I'm gonna take this color off the road. I'm gonna lighten it up Ah, lot and just shoot at you a little bit. And I want sidewalk to be not completely white, but rather light gray color. And just like that, we have a very, very easy sidewalk. Now, how can we make this a bit better simply because of right now, these two don't feel at all. So it simply said the amount of details doesn't match. So I am keeping everything as the low details as possible. But you still need at least some of them to make this look a bit better. So right now I'm decided that I just want to darken a little bit more. This sidewalk and I think this looks this looks great. Now what I need is some sort of a shadow, and I'm just gonna put one outline on tile. And what's gonna happen is that right now you can see how they look. If I just put on two sides, one pixel. But if I connect them on all sides, you can suddenly see that everything is two pixels actually wide. So there are many ways you can go about it. You can, for example, take this entire piece so essentially you can create multiple tiles. You can create three different towers. You can create one for the horizontal one for the vertical. And then you can create another one for this intersection. Basically, right. So for these edge edge tiles now, if you don't want up, let's say spend more time on it. You can just get everything as one tile only and be done with it, which is what I'm gonna do right now. So let's go and create some streaks here on our road again. That completely white because they, too, were in there. It's, you know, it loses some of its color. Placid can have some scratches, but I generally don't like using complete white coloring pixel art, but rather always slightly de saturated. So you want to find the middle, like here, the middle portions and you wanna add two new tiles and the top one is going to care once people streak over here and the bottom one is gonna have one over here. So now if I take these styles, you can see that once I combined them, they will result in this nice little streak. So if you want now, you can simply take these ones over here and again mark them as a new tile, and then you can just throw. Take them now in the game engines, the Pentagon which one to use? You might not have to do this manually, but rather congest. Simply take the values off the Thailand and just swap them around. But if you don't, you know this is certainly a a option. Now, if you want to go in more than this, you can create different like patterns over here in the middle on the cross section. I'll just keep it like So now how hard is going to let say Combine with these other tiles? Well, if I go and take for example, this dirt you can already see it looks quite OK. It's not there yet, but what we want to do is take again new tile. And we want to take this shadow tone and just make one or two pixels off it just to create some shadow. Now I tend to find that one pixel in these kind of scenarios is a mord enough just so they can you You can see how they separate a little bit from the sidewalk. It gives the sidewalk a little bit of height, which is always nice. Now you have to repeat again this process for all of these tiles and again for the X value . You will need a new one, and essentially, it's going to be like so and this is just very quick and easy tip. Now let's go on and say you have, like, alone over here. So if you want the stars to be like so now, notice that I'm erasing this stop, um, shadow part simply because, you know, I just wanted to show you a few different solutions. So the 1st 1 is the definitely just make some shadows and you are pretty much done. But you can also make this. If you know that these towels are always going to be next to the dirt and only next resort , you can even make and keep these all the same. But then, under tiles themselves, you would create the shadow tone like so during this case, you will need you move the stock portion and you get the same result. But you keep the number of tiles less when it comes to combinations of these two. Because when you look at the side, then you will need again, As I said, vertical, horizontal and then one for the edges. So it all depends. Have you decided to approach is it's all up to you. But I'll just keep it, um, for now, without these shadows. And let's see how if I combined them with Onley grass, how they will look, you can see and the process will they build much the same. You can just take the shadow, tell off the grass, and then you can just added over here, and this again also enables it to be a bit better than you can just erase these ones and you could see how they look, I mean, this is pretty much a really minimalistic type off think, but, you know, if this is something you were aiming for, you need to be a aware off that there are fewer different combinations and how we can achieve the same thing. And it's always a good idea to just experiment on a few different things to see how they will look. You can see that I have created my character over here on the right side, and I'm just erased the black outlines so you can see how the character looks without him. And if I put them over here, or even over here, you can see how the character but blends in or rather stands out from this entire environment. Now, if I were to make this for a game gym or something like that, but I don't have a lot of time, then I would keep it like this. So even without shadows, and then I would use this transition, these transitions between the dirt and the grass to be that same transition over here because we can just replicate what we need to like. So again, it depends on how someone is taken care of there alone. So you know now, if you want to add more the right you can take maybe bottle days, maybe make a few cracks, then maybe this one doesn't appear everywhere. But maybe on every, let's say 10th or something like that may make few different cracks. You know, basically making a variety off different tiles. ISO is always nice. You can either make different tiles and then randomize them between just They can give a bit more texture to this entire world. Or you can just make the tile. And then on the separate layer, you will create Onley this, um, crack. And then you can put it as a separate object on top off the top of the tiles. And these are old solutions for your game. However you wish to call it so this is also nice. If you decide to keep it like this, then maybe can create another tile which maybe has, like, few different grasses going over it like so maybe it also happens and few of those maybe it happens and feel them. You know, it is all up to you at the end of the day, so this is it for this lesson. I'm sure you come to create a simple road and simple sidewalk and have to connect them with these two existing tile sets. It all again is a city. There are a few different ways you can pick and choose whichever you like the most. Then go with it if you are really short on time. So for a game gems and stuff like that try to keep the tile set a smallest possible and the simple as possible and try to see how you can combine them in such a way that they are. They look OK and they look good, but at the same time you minimize the amount of work you need to get that. If, however, you are working on a big project which you know you're working on it for months or even a few years. In that case you can make his biggest style set as you want. But remember, towel sets are basically here to make our life a lot easier and to make the game ah, lot quicker. So the whole point of thousands is making the game a lot faster. So, you know, this is something you need to keep in mind, so you don't want to overdo it. But if you have more time, feel free to add more tile sets. All right, this is it for this video I will see in the next one. 25. 10.9 - Top Down House: welcome back in this lesson television. You have to create a top down house now. This is a technically, it's really useful when it comes to creating top down houses. And you know, it's something that you can make quite easily quite quickly, with even more it orations that are possible with just a little bit of fixed Robert. So I'll be sharing. You have to create a small house or other small roof and then how you can expand on it. So let's create a new layer and rename it to house. Awesome. Now I'll be using four tiles to make my roof. So let's go on and do that. I will be using black outline in the beginning, and essentially I've created a square and I will be dividing this square into quarters. All right, now that to finish this, we need to decide what will be the color off our roof. So I really like orange color. So I'll do something in that. You awesome. Now I've used for the character directly from top to down light source, and if I were to do this with the house, it would look well, something like this. The light Or rather the highlights would be near the top, or rather near the middle off this roof. Since you know this, roof tiles are pointed putting to the top, meaning this is the closest to us this middle portion, and this would be the portions that are food away from us. So essentially I would shade. I would shade this entire roof tile in such a way. But I won't be using such a technique, obviously, that these are just scribbles lines. It's not finished, but this would be the positions off lights, or rather, the highlights in the shadows. But in my experience, and for my style, that I really like is that I usually take an angle for houses, at least an angle light source basically top left light source of top right, however you wish to and I'll be choosing a top left light source, meaning our entire top left part portions off our house will be in light and bottom and right portions will be in shadows. This is really is a way for you to decide where the shadows are going to be. So we are taking this myth stone and we are going to create a shadow tone, and this is going to be in the shadow and very easily. These quarters are quite useful for deciding again where the light will be and where the shadow so be so we have to well do essential tones. And now we can combine them into one. Actually, I'll make this just a little bit darker as well. Awesome. So I'll take this lighter tone, and I will be using this lighter tone to texture the roof tiles in the shadow and how they do that. Well, first of all, live one pixel off empty spaces, so we don't use the speaks ALS, and we don't use these pixels. So one pixel should be empty near the black outline. And let's go and start from this. And this is our This is going to be a roof tiles. So we have. This is essentially square for before pixels with top edges removed. This is quite uneasy roof tile to make. And then all we have to do is replicate this roof tile on these entire quarters. What you get near the edge, of course, probably won't have the space to make an entire roof tile. So you can just, I make sure eats. It's in the same height, if possible. If not just of this left while you're just going to be one pixel, that's completely OK. And there we go. We have an entire roll off roof tiles. Ready now what? You make a new roof talk again, living one pixel space in between. You want to offset them a little bit. Food for just one pixel is enough. If you stack them just directly on top of one another, it tends to look a bit strange, so to speak. And now we just repeat the process. So again you could even make one tile. Different will be different and then just break it off into another tile again, that's completely OK. Not all roof house need to be exactly the same, but these middle ones I'm should be. So there's a least a pattern that you follow, but the edges. They can be pretty much whatever you want to. All right now, to clean example of it. As I said, this is an extremely easy technique, and quickly you can make any car roof. So let's see, and I believe this should be it maybe one pixel here. Awesome. So, just like that, we have an entire quarter off our roof tiles. So what should be our next step? Well, we need to take sure the other quarters, so we only have 1/4 finished, and we need them. We need more of them. So you can take this entire portion like, so you can erase the access the excess and rotate this one and just placed over here Quite a nifty trick. Then we can use well this copy, which is going to be here. But as you noticed, the colors don't match. We need to colors. First of all, this they're grant. Don't so to speak should be in this color. And currently it's using it foretells. So we need one color for the tiles and one color for the bag and sees the house are lighter than this background. Don't we also need to make a new color? So we are taking this myth down and we are going to make in light of color. And now we have off color for our 1000. The light and pixelated comes with a nifty tool called color replacer and essentially take the color that you want to be replaced and then new colors. Essentially, you have a darker color in this case, so the styles and the new color on top of it, and you can switch them with this. So if pipe use this color place tool to so colors, you can see that it will only change the color that I've targeted, which is a really nifty till now depends on which is after use. You might have to do this manually, but, you know, this is just something that, well, I'll save you some time. And then we do the same thing for this background toe. And there we go. Just like that we have. Yes. Let way. Have any tire rooftop. Now, If you want to leave blackout clients, you considerably do. So I will be removing them in just a few moments. But this is essentially what you're going for. You want to make sure that your entire proof house is at least a little bit textured. So what is the next step? Well, we need to add highlights, So we are going to again take this tone from these from the styles in the light and just put some highlights on these roof tiles in the shadows. Nothing. All of them, Just in some of them and the new Europe Repeat the process. This is also the opportunity for you to introduce some variations so you don't have to replicated them. You can just go with whatever feels the best year. Now, you could put pilots on all of this, but, you know, I think it takes tow. Look a little bit better if you don't overdo it. And then we do the same thing for the lighter once and again. We need an even lighter tone. Maybe one over here. You can just pick few of these a random once, and then you can use the highlights in different ways also. So you know this that on some of these I use this like like that Tetris style. And some of these I use different ones. Sometimes I'll just use one pixel. You know, it all depends on what you feel is the best at the moment. And once I put just few of these highlights, we are almost finished with this basic house. All right, That's pretty much it awesome. And just like that, we have a very, very simple house. Now we need to use shadows. So this time we will be using this shadows on the beginning one the background tone. And we are going to use it on the top left corner and here in the middle to achieve um, this Grady int since you know, as I said in the beginning, from the middle to the other edge, it's basically an angle rooftop. So the further away we go to the bottom, it should be darker. So I live to effort, says this, but just putting one shot of tone over here now what else can we do? Well, we also have these black outlines, but if I just put this shadow like so you will see that it looks a bit strange. So we need an even darker tone of shallow. And this is what will be using for the rest of these. Now this great And over here you can pick and choose whichever you like the most. You can either choose this lighter shadow like so all you can use this darker shadow like so Personally, I like using this darker one a little bit more and just like that. We are finally finished with the smaller house. Now, how can you use this template to create bigger houses? Well, since these are divided into tiles, we can essentially take these corners and extend the house a little bit. And then we need to make these middle these middle tiles. And then you can essentially create however long houses you you want and let's go and just make these middle tiles. So we need to connect these and again, this stop tile is going to be in the light and the bottom one is going to be in the shadow . Okay, so from this Quinton, you just go and feel in the tiles and they probably won't connect perfectly, which is completely okay, in which case you want to make sure that you finish the neighboring tile completely like so And then you can just put one strange style here in the middle. If you want to save, sometimes again doing this same thing for these portions, then I'm just going to offset this a little bit and make this strange tile here like so and then we just repeat the process. Now, this time I might want to put these over here. Just so we have a little bit of difference, then I might want to put this in the middle. Essentially, I'm trying to change the position off this one pixel with higher roof tile in different positions just so we can break it up a little bit. And we have just one more row of these. And essentially, this stuff wants I don't have the space. So in order for them not to be, like, completely almost square like erectile again, I just remove the top edges like so and then weaken just again. We need these highlights, but we'll make them in just a few moments because we can just take this style and again we can just rotate it like so. Then we can change the color off these roof tiles that we just increase it. We can then change the big Ratto, and we also need to change this time even these shadows on the edges, like so Then we can just take this one and connected or here and And if you know this, it lines up perfectly because we made sure that it lines up perfectly over here, and then And then again, it's just a matter off adding these highlights in few places. And just like that, we will have a bigger house finished. The position of the highlights is always on the top left corner, even though over here we are putting them in the bottom right. I now this is just in terms off, shading on how correct it is. It's not that correct, and I'm well aware of it. But I'm choosing this for stylistic preference. And this is something that I'll talk about in later lessons. More advanced lessons where you can essentially, really cautiously choose to do Iraq shading. If you look, if you think it will look a bit better, this is something they dented you quite often in, Let's say, animal and cartoons. All right, so there we go with just a simple integration. We have a really, really nice double. Now again, if you want to make them bigger, you can just see that these line up perfectly and then you can just make as big or as long houses you wanted to. You can rotate it down. This you can do either way again mention or even Bixler directly. So Essentially, you have the option to make, um, big houses. But just creating a small one first, then creating this myth myth style. And then you can just pretty much do whatever you want. All right, This is it for creating a house in the tub. Dario, I hope you like it and I will seal in the next one. 26. 10.10 - Top Down Vehicle: welcome back in this lesson, I'll be showing you have to create a car or truck or something like that in top down view. So we already have, like, a road over here so we can use that as a reference to how big we want our our car to be basically. So I'm creating a new layer again and I'm going to put car and I'm just going to decide how big I want my car to be so I can just turn on this grid and now it all depends. I mean, I think this is like, a really, really a relative size, because in games the proportions really are to death. Realistic, like most of the time. Unless you're playing playing like a three D realistic RPG, then yes, but in pixel art and two d arc specifically, you know, realistic proportions aren't always there. I mean, look at our character in comparison to our like house. If you want to make a realistic truck, it would be probably like this big, pretty much more or less. But since I want to keep everything within tiles and you can see that it's two tiles, wife, this entire well, the half of this road. I want to make sure that my tracker car is just one big selling with So again I'm putting a rectangle to indicate in this real probably break away from this a little bit late. Run. But what did you win it? Well, there are two ways you can do this. You can go either on if you are a total beginner and you're ready made it to this lesson. Then you can go to Google and let me just do that very quickly. And you can just google a car or a truck that you like and just add top down view or talk view. So I'm just going to like the car stopped view, and I'll be just taking the, like, one of the first cars that I see and putting it here in the pics lead. As you can see, it will shutter stuff. I won't be using this image of what altogether, but I'm just going to show you what I mean. So what, you have your car, you can actually resize it to the size that you need it. So I guess something like this should be, Yeah, this should be very much perfect. And I'll just use it here on a separate clear, and then what you can do it is basically, you can trace around it. Second, just trace the outer edge off off these, um, off this car. Then Once you finish tracing, I wouldn't be doing this entirely, but essentially wants you do the tracing off the car shape and let's say the position of the window, maybe the position off off the lights in the back, or maybe the glass windows over here. Then you can use this like is a template for you to continue making a car. Obviously want to make a specific car. Then you you can just race over it to, you know, save time. But I always encourage it to practice your basically practice your eyes to see what they're drawing and essentially use. This is a reference instead off Just racing, however, is have said, if you are a total beginner by this point, uh, this is just a nifty three for you, too. Speed up your workflow. Okay, so this is just something that you can do as a practice. Please don't do this. If you are trying to really, really improve Azan artist because it will be a bit detrimental. But again, this is just a nifty trick that you can use, especially even later on. If you are a freelancer and a client, ask you to make a specific a car. Then, in order for you to meet the deadlines and be quick enough, you can dress, trace it and then just adapted to do the resolution that you need taking care off the details. That unit. All right, so let's go back to our car or a truck. Let's say vehicle and let's go and start making it. So either side, this will be like some sort of a strange truck. So this back portion will be like there the stuff where we can essentially put some stuff if we want to. And this stop portion obviously is going to be where the lights are, where the glass are with the driver cities, etcetera. So first I want to. Let's say I want to run this up a little bit again. Now, this is something that you can pretty much go nuts, how they say and just have fun with it because we essentially took a rectangle, and right now we are just going to block out the most important portions off a car. So we need some lights. So I'm just blocking out the position for the lights. Then we need a space where our well, essentially in the space where we can put our glass and it tends to go wider as it goes near the bottom. When you look at it from top down view, then we need some glass for for the doors and weaken. Just emphasise it a little bit like so we don't have to overdo it. I'm just making sure everything is lined up. And then we need a portion that will indicate the heart off our vehicle. And also, I can put here like some sort of a like space where he can just go through the roof off the car or rather, the truck, and this is really nice. Then I can just put some places for our off our tires. And again, this is something that I'm well aware of that I'm going outside off outside of these 2000. That's completely fine. You don't have to limit yourself, Father. If you do wish to limit yourself weak, unjust? Well, like in a little bit. And then just perhaps you can try living like so But, you know, for vehicles and stuff like that, it's OK to live well a little bit more. Because if we are to drive this, you can see it fits really nicely on half of the road again, if you look at it, this from realistic perspective, as you can see, like, the proportions are all off. But that's completely OK for games, especially duty in picks a lot. Okay, so I believe we can start shading very, very soon, and I just want to put this a little bit more so he has more space to work with in the back . I mean, all right, so now we can just shake this or other colonies. Since I picked orange color for the house, I can go it a blue collar for or truck and I will use a dark blue color for shadows. So for these portions, maybe not as saturated, awesome. And then just to speed things up, Yeah, I need to pick it again. So and all right, here we go. Then I will need a color for our glass. And this is pretty much an extremely light What color like So you can put even some highlights if you reached you. This can be completely bite, but like so, um, this portion or here needs to be completely black. We need some lights and we can put yellowish lights over here. I'm just blocking things out. We will need tires to be completely black, so any to redo it is eso then putting some lighter tones, perhaps here on the top, and the and again, Since we are using such a stranger backstory so to speak, you can do with this truck whatever you want. So if you want a red light to be here in the mill, you can just certainly put it there. You can do the same thing here in the back, so, like, so you can do the same thing with this yellow color. And now we need more depth to this portion so I could take the Smith down and pick a color between these two so summer in the middle. And then I can just shade it like so awesome. Now I need a highlight color, so I'll take this middle and create lighter, turn to it and then just go around around the few places to you indicated shape. This is a very, very squarish looking truck. But that's completely OK. Perhaps over here as well. Now, putting these culottes, we'll give it, um, more depth, as you can see already. And we might need a little bit more of these, like so, Actually, I might make this even darker. And there we go. So, just like that, we have our vehicles. So this is something extremely simple. Nice. Not personally. I'm not a big fan of firm creating vehicles in all honesty, but, you know, this is something that you can really do quite seem. All right. So this is it. This is how we created a very simple vehicle. Well, in the beginning, I thought it might be a car, but this is obviously some kind of a strange truck. And yes, this is old arrested. I hope you enjoy this lesson I was seeing the next time. Well, I'll be creating just a few simple objects from the top down perspective. I'll see you then 27. 10.11 - Objects: All right, welcome back. In this lesson, I'll be showing you how to create, like one or two simple objects. And what is the logic when you are trying to create different objects in top down view? So here we have, like our car and our characters, so I'll create a new layer and let's call these objects and I'll create this specifically here in the truck, since I only made space for it. And what can we go with? Well, let's go with of us. So we need something in the brown hue, and now you need to visualize how the object will be looking when you are looking at it directly from Dr DAO. So let's take an example. We have a cold or a cell in the raven. You know how the cylinder looks. It's rounded and elegant. It basically, but it's stopping bottom are around it. So even if this is a cylinder now, obviously I'm just making an example here. So if this were a cylinder like so when you're looking at it directly from top to down, you would only be able to see this stop portion, which is circle. So similar goes for the Coney, even though it's pointed from at the top, because when you look at it directly, the cone would basically appear as a circle. And again, this is stuff, too, just to think about every time when you are trying to draw from top down view. All right, so we need of us. So I'll make. I can make a big or a small Woz. It'll depends. Let's make it really big. There we go now. This is obviously really, really big bus, and now what do we need? Well, first of all, I need another smaller circle here in the middle, and I can just call releasing completely black. Now, from this point again, if the lighting is going directly from top to down, then you can just take distant and just gradually start darkening it and then make another shadow like so. And there we go. Now this is a rather's real, real simple of us, and you know, it's quite easy to do. It's basically just two circles and colors in between, and if you want to share it really even a bit more than you can just place meat stones over here, this still depends um how much details you wanted to be in your style. And there we go. So, just like that, we have a very simple waas. Now again, what you want to do in your game? It's all up to you. So you need to take about objects. Division creates. So right now we went with a vase. If you wanted to have handles, you can simply just extend this a little bit. Now, remember, if we're looking at this waas directly, the handles might be something like this connected to the body of the WAAS. Right? But since you are looking at it from straight from the top down view directly, we essentially see that tiny, tiny portion off it. Okay, So what could be our next object? Well, let's make a really, really small chest, for example. Says that's quite a popular item or an object you have. And let's use these same colors just for the sake of it again. There are many different types of chests in different um, we're essentially different in different shapes and sizes and also different materials. So since you're using, like this brown color, I guess it's made of wood. And now when it costed chests again specifically because of their types. Sometimes you will be able to see the lock off. This just so if we have a lock, it might be visible over here if it's that angle. So if the doors are surrounded and angled, you wouldn't be able to see this at all. But in games in the game design, if you really wanted player to notice and recognize this as a well, basically the chest where he can look for items in that case you want to make sure it has some kind of a visual cue that it indicates that this is a chest. So this is a very easy way to do it. And let's say this just is around it a little bit so we can do it like so and it even has around it address. Now we need obviously more shadow tones. So I will be Isn't giving more of these? In this case, I will survive but the positions. So here we go. We have a little get a bit strange just and this is, you know, usually enough to indicate something. Obviously, this is a really, really small chest, so you told Depends on what you're trying to dio. If you want to mess around with it a little bit more again, this just is angled. So this is the top, and then it's basically angle towards the bottle. And this is what we are essentially trying Teoh emphasize with these latter tones, I think so and then I usually like to emphasize this a little bit, so this is how you usually leave it, and you might even extend it a bit more like So maybe put some highlights. And there we go. We have a really, really simple chest now. How things look from tabling well, you can see the house even though it is angled. You achieve that angle with shading, but when you look at it from straight down, it's essentially a square or a rectangle, and this is a really simple mindset that you have to get into. I mean, our car is basically our rectangle with like rounded edges here and and protruded tires. But dub diarrhea is really simple, really simple, because you just need to think about how it would look the record from top to down. So that's all you need to worry about. If you are not sure how the object looked, you can basically just google it and type top down view and see how it looks. All right, this is it for this lesson. I was seeing the next one where I will create a really quick mock up off this game. I'll see them. 28. 10.12 - Top Down Mock Up: Welcome back in this lesson will be showing you how to create a simple markup game from the tireless and objects that we already have. So I will be focusing or here on this portion. So I want to extend this like so we need 123 4000 very least for our wrote. So I want to make sure we remember that we have two tiles in between these white streaks. Then we could also make it over here. Why not? And let's see. So here we go. We can essentially think these ones now creating game markup is basically just trying to make things look more interesting. Once you have your base styles and some basic objects on, then you can just go around and have a little bit of fun with it. Just putting this this tell with this crack to make it look a bit more interesting. Not too many of them. Then we can just but this over here. Then maybe we can take our house and put it the house over here. Now let's make it a little bit longer, like so. Now let's make it extend completely. So date can't even see the end of it now similar to what I did over here. You can make it. Um well, essentially can make it. Yeah, extent, maybe have a few different roof tiles. But, you know, at least try to make sure they're angled at the same way, because right now the shadows are facing top and the light of stating bottom. So if you are going to do that, you know, you can just take this one they could like so and then you could just flip it around. And what you have a very simple house made. So let's go back to this portion and just make it into a ground. Like so then we can move our houses. Let's say these are like small. I'm not sure how we called them pavilions, I guess, like a few small of these, maybe you have the barbecue beneath it or something like that. I need to fix these like so and then we want Monte, perhaps like a few patches of grass over here. And we need the edge, of course. Well, a bit too much and again you will need to decide where the edge is going to be then we can just take these few patches on makes something different, like so essential. This will be our mock up, which is why I'm not bothering with extra details here above. However, they will be able to see this one. So let's make it quick. So then what's almost? So let's make our vehicle. We can leave this vehicle or here. However, we can perhaps rotated over here now just very, very quickly. Weaken. Just take the color. Replace. Until now, if you were in photo shop, you can just use the here situation and real adjustments which, well, actually sick, but all the time. But here I will take the stone and just pick it twice and just change the hell into something else, perhaps something like this. And then I can just go and paint over it. Rick were very quickly. Essentially, the point is, when you have the mock up, you basically just want to make it orations as many iterations. It's possible again in Photoshopped. This is something that's done like extremely quickly, But, you know, we can't always choose everything all right, and they have another color so we can just take this color looks up and essentially already . If you have two different tracks again, you can do this for many different trucks, etcetera. But for now, I think this will do just fine. Similar? You can do the same thing for houses. So if we wanted to have a blue house, we can just take and start from the lightest stone, which is this highlight, and just place it somewhere in the blue Hell and we need to be the house or here and then just go from there. Now, this is like a very, very quick way for you to have more. It orations very quickly. Now the blue color is way too saturated, in my opinion for this, but so it could be saturated a little bit. But essentially, this is how do you make it aeration. So what can us else can we do? Well, we can take our objects like this big vase and put it just in few different places. If those vases vases are something that you can actually break to May to get an item or something and putting them on a few different places, good means something. Similarly, you can do the same thing for the chest or the box. And then we can even make a few simple flowers and don't over complicate it. Just putting it like so will be more than enough to make it just that a little bit more interesting. Just in a few places. Then we can maybe make I read one. Maybe this one grows on the dirt and on this right side over here, then you could make different, different ones, etcetera. So you can even make different patches off the grass. Or here again. If this is something that you are going for, you know, it's your mark up you can do. You can just have fun with it and see how it goes. And all right, let's say, um, this is currently enough. So basically, Justin, more cup. You want to make sure you have different things, deciding which character you want to use. In my case, I believe, um, you can see if the character goes here. You can just perhaps put one NBC over here if you want to indicate their enemies. And essentially, I'll just remove this one and I will be using on this one like so and maybe he's going over here for this For these, um Waas. So let's say he went outside of his truck and is going here. All right, so this is pretty much it for for our top down game mock up, and I hope you enjoyed it. So the point is yours. The objects and thousands you created during this challenge. And just add a few extra little small things just to have a bit more variation. It shows that you have more objects when essentially all you did is change color. So for the truck in the in the house and even these flowers, all we did was change color, nothing else. Again. If you're using Photoshopped, this would be quite easy and quick. If not, it will just take a little bit extra time. I hope you enjoy this. I will see in the next one. 29. 10.13 - Top Down Challenge: welcome. The challenge for this section is quite simple. Create your own top down view. Gave a mock up. Once you finish it, please be sure to share it on the discord server and in the Q and a section and please remember, be relax and have fun. 30. 11.0 - Intoduction to RPG View: Welcome back in this section, I will explain to you what is the arpeggio? I will show you a RPG. Can ITER design its work cycle in all eight directions than an RPG Tallis? It house three chest mushrooms, rocks and some other things when creating an RPG markup at the end. Off course. After all that, you will receive the challenge off your own. I hope to see that Enjoy. 31. 11.1 - What is RPG View: Welcome back in this video, I will explain to you what is the arpeggio by my definition and what will happen with the teaching format from this moment onwards. So first, what is the art material? Well, this is one of the game perspectives which can vary a lot if you remember the previous two sections. The platform review where if this is the character, this is how you look at the character so directly at the character. If, however, you remember the previous section which is the top down new section, the same character, your camera or your view would go directly and look at him from top to down. This is the top down perspective. Anything in between is the are pretty view. Sometimes you will sit on the 4th 45 degree angle. Sometimes you is. You will see this a slightly higher angle or at a slightly lower angle. There are different possibilities and you can do whatever you want for your own game. And remember, you can always combine perspectives to get our certain unique look to it. So here a few games that you can take as an example off the arpeggio I've already mentioned the hyper right drifter. If you see this, that sure, here, you can see it's topside and it's site. So we have the top portion and we have the site portion off it. This is what you can see. If you were looking at this from a platform of you, you would only be able to see this red portion. If you're looking directly from top to down, you would only be able to see the stop portion. However, in the arpeggio you can see Bottle does. Another example would be Pokemon. So you can see here at the the buildings. You can see that you can. You essentially see the roof of it, but only one side of the roof again. You can mix and match. If it's a slightly higher angle, you would be able to see some portion off the roof over here if this was a slightly higher angle. If this disquiet lower angle, you would be able to see a big less of the roof and a bit more off this wall. But essentially you can see that the wall is representing Hears of this wall is representing the side portion off the object and the roof is obviously this case, the top side of the object, and this applies to everything here similarly for the characters. Another example would be Moonlight er. This is one of the new games, newer games from the moment off, recording this video and you can see the similar thing over here. The reason why I picked this one is because one well, if you research the game or played, you can see that when her character enters the building, the perspective is slightly different. But more importantly, look here at the door. Do you serious? This is called for shortening. This would go slightly more towards more realistic perspective, and that means whatever is further away from us, it looks smaller, and whatever is closer to us looks bigger. This is what they applied for this door, for example. They also did it here for the boxes you can see it's slightly angled and this can be done if you are aiming for that style and it you don't have to do it. However, it's not needed if you are aiming for a different style. So if you look here at the document, their doors are completely fine the roof. The entire building is completely okay and it looks good. So it all depends on what you want to achieve. The big difference between two perspectives, a realistic perspective and the game perspective. Those are two different things. Realistic perspective. If you wish to research it, you can Google one point perspective, two point perspective and three point perspective, and it's essentially one of the easier rules. How to create a realistic perspective if you wish to draw it realistically. However, for games because games is an interactive media, it's not one still image you are moving throughout the world. This is why some perspectives are simplified so everything can look cohesive. Okay, this is one of those perspectives are pretty view is one of the game perspectives as a metric few. It's a similar thing. Platform review. Top them, you all of those things. Our game perspectives. Okay, this is all there is for the RP jovial section when it comes to perspective. Now I will talk about what will happen from this video on words when it comes to teaching material. Up to this point, I have shown you pretty much every step of the way when I was showing You have to do certain things. However, from this point I will be showing you what I've done in a more simplified manner. But I will be explained to you how each of those things have resulted. How did I come to those results? And I will be showing a few different things and few tips and tricks along the way, as I usually do. But I will not be drawing everything from the ground up just to show you specifically how to create a just one simple style. Rather, from this point on, I want you to become independent. I want you to develop your own style. I want to break free 100 plus videos after this point, are more than enough for you to get comfortable with big slots with software. If you are still not comfortable bits after, please keep on practicing and he falls. I will be sharing with you so you can study this in more depth. If you want to you I will be sharing them in a spread format and pixel edit form, so if you have those to suffer, you can research them in a bit more debt. However, if you don't have these Softwares, if you don't have this programs, you will not be able to follow along in the same way that if you had this problems that said the tile set and everything with those details I will be sharing in a PNG format. So if you want to import the PNG in another software, you can certainly do so and then recreate whatever you want for your study purposes. Okay? This is all for this video. I will see you in the next one. 32. 11.2 - RPG Character Design: Welcome back in this video, I will explain to you RPG character design more specifically my own style for a specific purpose of teaching you the RPG walk cycle. So this is our character. It's not the finished design. I will be showing that in just a few moments. But I wanted to show you that there are many, many different styles. I've shown you the previous video that you have one character designed like a polite lifter . You have totally different design for documents. You have another completely different design for moonlighters and they're completely different desire for this course. Important thing to get out of this is that many different styles literally unlimited. Whatever your imagination can come up with, you can do it. This is one off the key important things, that you are completely independent and that you can create whatever you want. However, for this video, I will be showing you my own style rather more specifically, one off the styles that I've used previously. And this is the character. I'll go into this battle position because I will be showing you the walk cycle in the future videos as well as the other possible directions. But for now, let's talk about the design itself because this is the arpeggio. We are looking at this character slightly angle from top. This is why we can see most of his head like the top portion head, which is why half of his head is essentially just hair. However, you can put anything you want here. Helmets, hats, different different haircuts, essential whatever you want. The bottom part off this had is, of course, his face. You cannot see the mouth, though you can simply put it there if you want. With different shading techniques. Noses also not visible, though, when you know where we can shade it in there can look like he has denounced below that you will see that you cannot see he's neck at all because it's covered by the head and by the chin. When you look at the rest of his body, you can see the shoulders. You can see the arms. You can see the fists and or other Hisense, and you can see his legs and a little bit off his shoes on his feet. This is how he would look like you will only know this, that for this specific design. I didn't place black pixel over here just to break his. I had a little bit in a sense, that the head blends in a bit more natural with he's upper body here on the side, you will see that I've placed the outlines for a female character in a similar design. So for her specific example, you can see that the arms are a little bit Tina. So if I place a this character right next to her, you will see that, for example, you can see four pixels here for his can and upper arm here on a health three pixels. However, with the female character, you can see a little bit off this space over here for the shoulders. And in his case, not really. Not because he doesn't have watch white shoulders quite honestly, more differently. He has wider shoulders. This is why we have this extra pixel indicating that shoulder and in her case it's just slightly narrower for the legs. Also, there is a little bit of difference. You can see that his legs are more spread apart and hers is more closely connected together . What you can do with these designs is all up to you. But this will be one of the challenges. But I just wanted to show what exactly this is Underside. So what is this character? Well, you can see his front view, So if he's walking down the map, you can see his back few side you and diagonal abuse. These are the ones that you will be using in the RPG view. Now you might be asking Well, if the character can move in eight directions up, down, left, right, and diagonally, why is there only five of these? Well, because three of those you can flip around in whichever software you're using. If the character design is a symmetrical what I mean by that well, the character over here, you can see that 1/2 is completely identical to the other. If you flip it around and the these two portions off the front, you in the back, few are unique because you cannot really flip them around. However, if I want this character toe walk to the left, all I all I need to do is, um Well, you can essentially just flipped him around. That's that's pretty much all you need then you are good to go. All right. So if I go over here on flats and click on this here folder like I won and if I click over here too, check these side colored Um, can it do? You can see if I flipped him around. Now he's suddenly walking to the left. Similarly, he can walk to the right. Same thing we can apply to. These characters are here, so he's walking down, right? And now he's working down left. This is why these three. You can just flip them in the game engine for the other side. That said, this won't quite work If our character E. Has a symmetrical design. This means if our character here has an eye patch on, he's let's say, Yeah, let's say he's a left eye over here So he said, a patch like So now we cannot sleep it anymore because he's let I in this case here isn't visible. But if you flip him to decide so over here now, this is the left eye. This I would be in the eye patch. However, this one wouldn't. So if the your character design is asymmetrical, just keep that in mind that you will have to keep an eye on these details. Otherwise it will work just fine. Okay, let's placed something on this character to give him more depth. And that would be he's colors. This is covered. He looks when we shed in him. Which colors? If I used well, when you initially open a sprite and a document, you will be given a color palette. This is the default color palette. This is what I've used to create this character. I will be showing you my own personal touch on this character. But for the walk cycle and specifically for teaching purposes, I've used on Lee these colors over here, so you can easily replicate them if you want. So if I go here and explain the shading off this character, if I go over here on the legs, you can see that from the knee all the way down to the sleeves. It's like, however, these three pixels are here that are in the shadow, are indicating his pockets. If I go over here on his hands or fists, you can see that this is in the light. And this big sell shadow here is here to indicate that it's a closed fist for his chest. His just is beat out outwards because, well, anatomy. This is why it's in the light similarly for his shoulders or in the upper arms. When it comes to his head, you can see it. I've added some pixels here in the light of down to indicate where the light is it in the most, and also in the same time deciding on his hair style. Some parts are in the shadow. I won't be going and exploring each other in every pixel. And when it comes to his hand, you will see that this portion over here. So between the eyebrows before the nose starts going outwards, you have this invitation. This invitation here is indicated with this shop for his ears. The top part is in the light. Then the rest of it is in the shadow cheekbones which are right next to the eyes or here are in the light and everything below. It should be in the shadow. And then we have the place where the nose would be. And if you want Martin or, in this case, chill. This is everything in the light when it comes to his backside, you will notice that the head is obviously different and this entire abortion is in the shell. Because this is where the skull is starting to go towards the neck. So this portion should be in the shadow. Um, I shared it. Of course. This is all in the animation. So just a second frame. You will notice that everything about him is mostly differently shaded when casting his back the portion of his bag that that in the light is the stop. Abortion, which is there were here and everything. You know how the back goes, curves the spine. This lower portion lower back is in the shadow. Then we have the bath chicks and those are going to be in the light. And because of that, well, they are shaded in the light. Everything below it is in the shadow underside view. You can see what I'm talking about. So this portion over here is in the shadow, and that's this portion over here. This is how the skull would go. And I tried to make an interesting find, a cute character design. So I hope I succeeded in that you can see that our character has chest forward. This is why this portion is in the light, like in the front few, then below it should be the Bali again. If you want a fat character, make belly a bit wider and this is the same thing which is here in the life so you can see how everything is coming up together. When it comes to his Sal, use similar. Think you can just go inside and instead of documents that that will be giving you and see how each and every pixel works for this case. In this case, this to last one. You can see that our character is slightly angled, so it's a quite unique perspective or other angle which most people are used to creating. What are you going on this well, first of all, his feet are on the same pixel line, so to speak here, they're on the same path horizontal path here as well here as well, though not real. But for this case, ifthis for this one it isn't. This indicates that his direction is going diagonally. Similar thing goes for this other top direction. If you look at his legs, you will notice that one off. These is shaded a bit darker than the other. This is to give it again a bit more depth. Similar thing happened over here and whichever hand is further away from us, I've cut it only half when it comes to its with. Because you don't really see all of it. This is why this hand is just the same as everyone. Every else. But this other hand is hidden. Same thing over here, but on the opposite side for this last one. So the upper diagonal movement, you will notice that you cannot really see his I you can see his ears and a little bit of nose, but you can't really see his eyes. This black pixel over here is his eyebrow ridge. But you don't see the eye or the people's. You will see the styles where you have those eyes. But for this my specific style, I don't usually put them there. Okay, this is all for this specific character desire. Now what would I make different? Well, if I tried to keep this care to style the same, but just add my touch to it. This is how he would look, so this is the desire, and this is how I would created the character. That same character, however, would recreate it. That said, this also isn't finished. I would steal, perhaps make a few adjustments to it when I see how it functions within the game. But most noticeable difference is that there are no black outlines, not a thought. The black outlines are swapped with the shadow tone with the darkest Sheraton. So if I take close to look and show you the place where the black outlines bore here for our character's face, essentially where the black car Klein is touching the skin, you will see that it's just a darker skin color except the fist are in this case. I'm using the color off the shirt to indicate sleeps. When it comes to the hair, you will shoes to our green pants to our gray shirt. Everything is just darker color On some places, however, it will notice even darker color than the shadow outline. This is just again to give it just slightly more depth. And in some places like this one, you will see that wit light I break this shell line. Um, I could do the same here on this other side. But I didn't just to show you that there are different ways we can approach it on some places, I've put some highlights to give it. Give it in more depth. So here, on the shoulders, or rather upper are here on the just here on the nose. I put some highlights. Similar things goes over here so slightly above the eyebrows and here on the fists. So I essentially took this character and which shading. Just give him a bit of different style. You can also see that the hair is slightly different by using different shading and colors . Now, some of you might like these design more than the previous one than this one. And some of you might even like the flat color design. Everything is totally fine. Just keep in mind that whatever you do, it should match your style over the world. That's all for this video. In the next video, I will jump into explaining the animation for this RPG character and you will notice that I will be using this character design. I will not be explaining, uh, the last one because for the animation purpose. It thus have just a little bit too much details. And in order to avoid possible confusions. I've used this design, but nonetheless I wanted to show you that even this design can be changed into something else. And even these design can go again in other directions and look even more different. So it's up to you to experiment. Just have fun with it. Remember, this character here uses the colors from the default color palette in the ESP. Right. However, this one doesn't. I even changed his eye color. Most of it are the same colors, but some of it I've used my own ones. Okay, That's all the risk for this video. I will see you in the next one. 33. 11.3 - RPG Walk Cycle: Welcome back in this video, I will be showing you our character animation. So, first of all, we have the flats. So the flat colors. I will explain the movement off our character over here, and then I will just place the colors on top of it. So let's just focus on the moment itself. If you go over here on this folder flats and open it up, you will see five things or hear front, back side downside stops the downside and the upside of just diagonal movements here at the end. So let's go over our 1st 1 the front you. So we have 10 frames in total. And this is something that you may not used to be because up to this point, I've shown you 246 and eight frame walk cycles. This time we're going with tell friends and mind you, I could feel God with even more frames or even less frames. Just feel free to experiment. So this is the animation. This is how it looks on our first frame. Our characters is essentially coming from our previous position, which is this one, so you can see that he's starting to move towards the first step, so this is sort of the idle position on the second frame. On third frame, he is taking a first step. And what? What is it doing first for? He's taking his leg and putting you up in the air and preparing to make his first move or other piece for step when he makes that step. So this leg goes in the air and then takes a step. When that happens, you can see that his other leg goes back of it. And which shading turn on. You will see that this leg also becomes a bit darker, but nonetheless. Let's just right off for now. Look at his arms from this previous position. He's just starting to prepare from, like, a passive position to this counter position, remember? Right are and left leg going front and the opposite can an arm or army like go in the back . The principle is the same. The walk cycle is all the same when it comes to arms and legs. Our had also jumped a little bit to indicate that step, and then he goes, and the rests a little bit on this position. This is why he goes down a little bit and then goes back to his Hey started to essentially transition back to his idol position. And then everything happens identically, but for the other side. So he brings his leg up, takes a step, rests a little bit or rather, goes down the that step and then goes back to his opposition. And this is essentially how it looks like you can spit it up. You can slow it down. That's a lot to you. Let's go and take a look at our back for you. It's the same thing, however, over here when he takes his step. Rather, he's like goes in the air. You can see that or hear it disappears because you can't really see it's hidden from the body. And then he takes the step forward again. If I show you have it's shaded, this is how it would look. It's pretty much the same again. You can just go in here and just watch these animations until you research them and study them a bit more. I will just cover the key points that I think are important when it comes to our side view . This one should always be more. This one should be quite a bit familiar with you because you already done the platform review, so I won't be going too much into this fella. But this copy looks from one friend to another. And I think that from this side view, I decided to make him a bit more cute, so to speak, where he goes on the idle directions, something happens. He brings his leg up in the air and takes a step and goes back, and same thing happens. So this is called it looks and same thing over here. That's all the rest of it. Um, it's quite simple. What you get familiar with this walk cycle, but you definitely need to do this and draw this on your own. This is why I've left the tire right side for you to experiment with. And even with the other character. If you want to make a female one, do it. If not, create Iran male character or a female character, it's your choice or even some kind of far humanoid monster, perhaps, and just try to make a book cyclery. But again, that's where the challenge I will go into that a bit later. So if I put the colors on top off our walk cycle, you will see this helps quite a bit with the illusion off depth when it comes to character moment, because over here, when our characters takes, he's like up in the air. You can see that because our feet or our history is closer to the ice. Now I can put a highlight on his feet that will indicate that this is in the air. It's not going back like this one, because take a look at the horizontal pixel values. So this is the midpoint. I will be taking a red color to indicate where the position of their feet are currently, and he takes a step up so the shoe moves up one pixel, but also at the same time. This one also moves what picks up up from its original position. So this one was just one pixel up from its original position, but also does this one. However, because this sure is shaded in a lighter tone, it creates the illusion that this is closer to us, and because this one will become shaded in a darker color, it gives the illusion that it's further away from us. This is why the shadows and highlight those are important because they gave the illusion off. That and the same principle applies on all of these. Okay, so you can take the attachment or this file and just go and look through this animation and trust me when you look at it enough, you will start seeing some small mistakes which our purpose there. So you can know these things that you might do differently. So please do them and see how it looks. Don't be afraid to change things up. This is all for study purpose and essential for you to improve upon. And that's all there is. This is the walk cycle. So we have the front, back side dia going down and diagonal top movement. You can see everything over here, so the flats or the flat colors are this one. These ones and the other ones are colored. If you want to break them down into small, tiny bits, just click here on this for the riken, and it will drop down everything. Here you can see the timeframes. You can research them on your own. You can see how they function each and every one of them. I try my best to keep them on the same frame. So, for example, you can see that all of them go down in the same frame. They go takes, they go, take a step in the same frame and then they jump up with this position counter position in this frame and then they go down. So they all move at the same time, taking the same steps. Hopefully, that will help you out to see how everything works in all directions. That is all for this video I will see in the next one. 34. 11.4 - RPG Tileset: Welcome back in this video, I will be showing you how to create rather explain to you how I created a simple are projectile set. So if you go in pixelated and download this file, you'll see this and perhaps even a bit more details than currently various. Because I will be explained you more things and creating more things as we move along these lessons in this section. So this is where I'm going to start my story with. So I have only two Tirsense Or rather, I have only one. And that is the grass over here. If I press tab over here, you will know this that every tile has a little number 2012345678 etcetera. Over here, you can see the outset, which I've created beat. This means that you can actually take anything over here and just being mean, however, your life to you and you'll notice that some of these things over here are the same things as over here. So, to be more precise, look at this. This one over here. So this style is number nine. You will also see that the style here is number nine as well. In other words, it's the same time I essentially created grass to dirt transition and then use the same things over here. So tell number five is this same style number five over here. So these two are completely identical. So you can see these two are the identical for these diagonal wants. So up left a privately down done right. I was using these ones, but in the opposite position. So here it stopped left. But here is bottom, Right, This one over here, Number 12 is top right? Or here but its bottom left over here. So in the opposite directions and same thing applies for these ones over here. So number one here. So this one is essentially this one on the opposite side. But in the middle, it's just a simple their style. There's nothing to it. I didn't place any details on it. What, sir? No shading? Nothing. The details currently are only here on the grass portions off it where I've placed some shades, too. Not to explain how these styles have come to be quite easy. Just pick one color for the green color. There are two ways how you can approach creating tiles. One is create a base color similar to what I did here and then place details on top of it, which I will be doing and explain to you, because that way I can create a lot more assets. The other way is for the tiles themselves to be highly detailed. This type of style is usually used when you are creating a game, which is mechanically dial based. So if you take a seven game were tiled themselves are changed right away. Then, in those cases, I recommend doing highly little towels as they are. However, for this type of style, I like to keep everything a lot cleaner so I can add details whatever wide want in a game engine. Because, for example, if I took, um, this tile over here right now, and I placed a certain detail on it, that I would be stuck with death detail on the specific positions, No way, no matter where I place the tile. So if if I go over here and show you, you can see that the pattern is quite easily visible. And yes, you could combat this in two ways. Bottom which is just keep it clean and added details manually. So if I wanted to add the same pattern I would created here underside and then if I want to add it, I can just places literally, anywhere else here on the map so I can place it or here or here or here or here, etcetera anywhere that I want. Another way to combat this is to take this same tile so you can sit, take this one and just make another lefty version of it so I can make something that looks just slightly different. And then I can take this style and place it somewhere else, unjust some positions. And then you can make dozens off these different iterations off it. But for my own personal taste, I'd rather keep these objects separate with that said it will depend upon in which game engine you are making your game. It will depend upon your implementation process, the pipeline, etcetera. So it's all after you to see with your coders programmers off. If you are doing everything by herself, think about it, how it will be implemented and then go with the best possible approach. Personally amusing unity engine the most. So in my case, I keep the house is clean, it's possible. And then just at the details on top of them. All right, So these are the tiles. Have they look by themselves here on the side? You will know this that I have just want transition from grass to water. In other words, you can create more details if you want, especially at the places where you know you will not be placing more details. For example, if a place a flower over here. So over here for a place, let's say Well, let's say Ah flower, not you. Continue shaving it. I know that I want that floor to be put always on these grass tiles. However, I know that I will never placing flowers here, so I don't need to put them over here. And if I take this style and copy based it, you can essentially see how it would turn out Discovered. Look, this is called The transition towards the water would be like so on one side you have these grass patterns. If you go and take a look at them more deeply, which I'll explain to, you have to do in just a few moments below them. You can see that we have dark shadow for our ground. Then we have darker shadows, even still, because these indicate the creases be between these, let's say piles off there or the cliff sides. And then these portions indicated it's somewhat rounded. If I go over here in the water, you can see them even shaded here. But they're barely visible. But if I didn't put place these things here, it would have such a depth to it. All right, So how do you approach and break down a certain style? Well, first of all, remove the highlights. Remove whichever color has the least of it. So, for example, for our for us, this is the highlight. So remove the harlot. Um, just you can take the middle, which is this one which are the color there is most take that color, and then you can just paint over these using a paint bucket door. Now, suddenly everything looks quite a bit simple. Um, to make things a bit easier, I will just erase all of this so we can focus on this time. So we remove the highlights first, then you try to break down and see which is the next color There is leased off and your essential wanted you is break down everything color by color. This is the myth dose of currently we removed the highlight. Now we could remove the shadows. Perhaps, and you can see what we left. It is this. Then you can undo and do the same thing for this other color, and you will see how it looks. And then you can going inside and try to figure out what is the pattern off it all. Safer room. Remove the pilots and take another color. Perhaps read one. You will see that this leave over here is one ship this leave or here is another ship this live or here is another ship below all of these etcetera. So try to break everything down in simple shapes and then see how they are shaded. When it comes to these pillars off dearth or ground beneath. It's quite easy to see that. Well, since this is right below the grass, the grass is casting a shadow on top of this cliff. So this is why this portion is here in the shadow. The same colors is used over here to indicate the differences between these pillars of dirt . And these also extends here below the ground. If you can see, however, I've used colors for, well, the blue color because off the off the water, that said, if the sky wasn't clear, if the sky was cloudy, the color off the water would be different, and thus everything below it would be different as well. So how would you simplify this one? Well, again, you can erase the pilots, and now you have only three colors. You have the shadows, the myth down and highlight. That's since you all you need to see in order to shade Santic. If I were to ask you right now, this ship over here. So this one, um, this one over here. So these big pillar over here on which ship does it remind you most of when it comes to shading, the answer should be cylinder. It should remind you mostly of cylinder and perhaps slightly towards a cone, because the light is getting directly here So you can see this lighter tone over here. This is the like to tell, and then it curves from this point on towards the back. In other words, there is the transition between this latter toe towards the shadow and then even darkest portions off it essentially crevices between thesis pillars. And then sometimes you might want to put Hallett here to give it again, just slightly more texture or detail. When it comes to the water below, you can see the waves are hitting and going into these crevices. This is why you can see that these forces are here are also the highest points because the water is going inside. They're essentially the vase are hitting and also giving shape to this. Let's call them at dirt cylinders. We're here because this same shape you can see that the shadow like so so you can see that the shadow of the pillars is matching the shape off the waves. So whatever is the lightest, the waves are gonna be further away from it. And whatever is the darkest the waves are going inside. This also helps it to give it again, more kept. The whole thing about shading, thinking things shape is that you are trying to recreate three dimensionality on toothy surface, all arrested and then for everything below You can see that we are essentially just replicating the shading off a cylinder, but beneath the color. So we have a lighter tone. So this portion over here, this one this would be the same abortion off these circular as over here, and this pilot would be discovered and the shadows are visible at all. Except these doctor wants. So the crevices are over here. The darkest shadows and everything in between is essentially this well, mid tone eyes also the based on for our water. And it's kind of giving this illusion because, well, we have the highlight, which is this portion we have the Kravice, which is this portion, and everything in between is giving us our brains and information. Yeah, this is the Make it on between between these two things. If I were to remove these colors entirely so like this this discovered to look like it still looks completely okay. But just by adding these few details, you will see that it gives a bit more. They mentioned it. I didn't create transition for all these on purpose because I just wanted to show that you can always add more details if you want on places where you think they will be needed, however, are places where you don't think you will need more details like this one. You can give it more time and energy. Invest a bit morning. Even here on the water you can create. Perhaps, um, looked kind of rocks or stones that are outside of the water. Or perhaps you know, some statues if it's some kind of facts, is that the hoodlums? But that's all there is for this specific time. Now, there is one important tip I want to give you there. Is that when I personally am creating tiles, I'm creating it like this so you can ignore the miscellaneous things and houses and characters these discovered toe look like So if you press time, you can see that I have some sort off a map over here, and you will see that anything that I changed over here so on this one automatically changes on all of these additional ones as well. So everything here and also here as well this is called create tile maps. I don't go and create essentially this style and then try to pace it over here Now I just create something that would look like, um, this soul. So this is my starting position. I would just create something like this, and then I would use this shape, so to speak and recreate essentially essentially this ship over here. And then I would start adding details onto because this way, all the details are ad over here will automatically be pasted or here, if you again. A sign house. Did you can see these Don't have any numbers while these do. But this is the tip that I'm giving you, because what's you create tiles in this way? You can immediately see if something is wrong. If the transition between these two tiles is a little off or between these two, I want to fix it here. It will automatically update here as well. This is how I do it. And the reason why I placed grass that extends upon the dirt a little bit is because again , I just wanted to experiment with a new style a little bit and also the same. Thank you, but quite simple. This is why I used the same tiles from this side over here. If you want to get more unique. Look, you wouldn't be doing this. You would probably be removing some of these details and changing certain things to again make it more unique. But for our purposes, this is what I would recommend you doing all right, and then adding details on top of this, which I will be doing and explain. You have to do these things. And again I will be adding more details than these ones. Step by step. That's sexually. How we would approach. So for the tile set, create just something basic. Assigned these things to your tiles over here. If you don't have to do this in big, slight press A is the shortcut or use a top press is a tool. Take this, Tyler here, control, and you can add them here. So whenever I click here, you can see it keeps on adding these thousands here, and then you can place those styles and create some sort of markup for your tau set and play around with it. And whatever you've changed here, it's automatically changed. Or here you can even create multiple different shapes and multiple different little maps to see how it would work in different scenarios. So, for example, if I were to take huh, let's say these two things. And I wanted to check how these how would disconnect, for example, in a scenario like today? So if I wanted to check, how would this quarter look like this is how we do it And again, everything a change, or here with automatically update in all the other town maps. This is a really neat way how you can check in, see in real time how it would influence your tiles and house. It's in a game. All right, that's all for this video. I will seal in the next one. 35. 11.5 - RPG House: Welcome back in this video, I will explain to you how to create an RPG house. We have two houses here, one on the left, which is sort of finish house and the one on the right, which is sort of a template from which I created this house on the left. I will be showing you how to create things in two different styles. One is this one which uses patterns, and the other style is going to be a bit more painterly, so to speak. But before we go into details, we need to understand the construction off our house. So if I turn off this layer, you will know this. This is our construction base. So these is our roof. So the blue color is indicating our roof. And what is brown here is indicating. Well, the rest off the house. How did I get here? Well, remember that in the Arpege of you, you are able to see the top plane often object and the site point Or, in other words, the top part and the part on the side. So if I go and try to recreate this quite easily, we can ignore completely our roof. This is how it would look like. So we have the front portion, which is essentially the wall towards the street that we are able to see. This portion is what would be the site portion, including this, but this one. So this book portion over here, but not something at this point to be worried about. And the rest of this portion is essentially the ceiling. So the sealing off a room suppose this house is just one big room. This upper portion would be the ceiling. These extra lines are nothing else than the construction for our would, as you can see over here. All right, so how do we get this specific roof style? And what if you want to do it a bit differently? If you want that completely triangle shape. Well, first of all, extend your house a little bit, but let's do it here on where it's completely white. So we don't have anything to be worried about. All right, So let's pick some dark color and divide our house into the site portion and they talk portion. Then we can just essentially take this same shape and this is it. This portion over here. He's over here. So it's this portion, the side portion, and this one is the ceiling, which are talked about just a moment ago. Wanting to keep in mind is that the character needs to feed in the house. When you are creating the door, make sure that the character fits in. So for the specific case here on the side, when I'm creating the house, I need to make sure that the character fits in. Don't make it specific on one pixel, because if our character has suddenly a helmet or haircut that makes seem tolerant design for a few pixels, you want to make sure that you have that you want to make sure that he can just fit in the doors. So let's say the doors of this and we can remove our characters so he isn't in the way. Now let's go and talk about the roof itself. So there plenty face can you can go about it. But if you want to make a triangle of shape proof so the classical wants, then decide where the middle of the houses our house is 54 pixels wife. So on 27 pixel, we are going to be in the middle of it. This is the middle off it Now go here on the edge of the house, extended by just one or two pixels diagonally from the point where the meat in the middle because the roof goes over the edges off the house walls because well off the rain so it can fall down. And then Mika lights straight towards the middle off it the middle of the house and just watch where the midpoint waas. So we are strengthened point over here. Then you can take this same color you can copy, paste it, flip it around and connected Over here. Now we have the base off, are trying a little. Then we could copy paste it again and just bringing up over here all the way to the edge. So essentially you are taking this same shape and connected it to the top partial off off the house as well. Then you can just connect the roof like so, and you can divide it here on the middle. And that's all the rest it. This is how you would get a a simple roof for your house when it's triangular However, if you want today to be differently and have your roof ah, flat portion and then it slopes down. Well, in that case, the approach should be a bit different. Remember this midpoint that we were taking as a reference to have long this slope is going to be well, we are going to do the same thing. But this time is a reference. This is still the midpoint. We are essential deciding where do we want the slope to begin? So suppose we want way wanted to begin here. So that means up to this point, it's going to be like this. Then we can take it up to the middle and repeated the same thing. Copy, paste, flip it around and then copy Base it again and just bring it up. So it matches this portion like so. And then again, you can just connect. And then suddenly you have these type off roof how you choose to add details up to it. It's a love to you, but this essential. How would you get two different types of ropes And I just wanted to show you the triangle one in case you want to go and explore in that direction. But for now, I believe this should be just great. So let's go back to this house design and talk about How would you get from this? Let's a skeleton of the house construction off it to this. Let's start Well, since we're already talked about the roof, let's start with the roof. You already see how it would be made. The only difference is that this roof I've given it a bit more that because even the roof has its topside or top planet side plain. And to differentiate this I've created this side portion so you can see that let's use a different color. Perhaps this one. You can see that over here this is the side portion. It can be sharing a different color. This here is also the site portion. This is the top portion. So this is the site portion or the top force, and this is a top portion top portion. Now it's a top fortune in this sense when it comes from top to down, but it also slopes to the side because of it. We're giving it a different shadow. Now you can see that under side. We have these places where the rain would fall down. So if the rain falls down, it would essentially go into this place or here. So these were here, and it full it would go down the drain. Now, I didn't make the drain, but you can certainly do so. So if you want to extend it all the way here at it down, you can do so. It's all after you play around with it. Okay? Lets go and explore this, um, side plane off the house. So we have the construction of it here. You will owe this that we have this line over here that indicates the bottom line. And if I turn under house, you will see that this line stays are here. This means that I've moved the door inverts so that we give more depth to the house. Essentially, I'm moving the door inside the house just a little bit to give it more. Well, depth. Essentially, In this case, even our portions with wood construction have the topside and the side place. So you'll notice that this here over here has the topside and the site plane. Remember what I told you. Remove the highlights to keep things a bit simple. So if I remove the highlights completely, so in this case doesn't have to be. Now you can see that we have and even the shadows. Let's remove the shadows as well. Nonetheless, it misses is messed up just a little bit with the doors because I've used the same colors. But regardless, you can now see that this portion essentially is divided into two pieces. You have the top portion and the side portion here in order to create a bit more death. I just placed this, um, would would construction on top off the bottom, based with construction again just to give it more dept. I was placing the shadows underside so on the left and the right on the left and right and below the construction again, just to give it a bit more depth. However, when it comes Teoh the connection to the ground itself, you will know this that on some places I've placed the shadow, and at some places I've removed the shadow. This is in order for the house to blend in with the ground itself a bit easier. So it's easy now. The house if you want to see how it would look like if I didn't do this. This is how it looked like. It would, you know, really be joining this way. It gives a bit more relaxation to the ice. Hi. Oh, if you want again, you can place more grasses if you want to connect it even a bit more. For some reason, it's completely okay to do now. The door itself is quite simple again. Remove the highlights. This is what you will get. It's essentially just dark offline that indicates the shadow. So if I remove the doors, this is the shadow. And these are the doors themselves. Dark shadow, some lines that indicated it's a good picture, and then some highlights to indicate again. Just the mood detection. That's all there is to it. And I want to give him just a few highlights on the wood over here again, just for the grain texture of the food. Nothing overly complicated. And if I go on over on this side, they will know this, that even here on the sides, I've given it the same color for the stop portions. There is the same color again, just for the texture sick, nothing else. The only difference where I essentially shaded decide is here right below the right below the roof. If I remove this, come completely so if I make it like so that's also completely fine. And it looks great, so you can do that as well. I just want to give it a bit more off a different look, so to speak. You can see how the construction looks like and how the house on top of it looks like. Now it's time to texture it, to give it more shading. And to see how it will look like if you go with this right over here, I'll explain to you how to create these stone. Or here you're such a health. Three colors. You have the shadow, the middle and the highlight. The mid stone is the same. So this is the myth down essentially this color over here or this color. Okay. See, this is the Mr the Highlights and everything else comes from our character around. The pilots don't themselves. I toned it up, don't and down just a little bit. But the shadows are the same shadows on this character as you can see. How do you create things? Things like that? Well, it's quite simple, really. Choose, Um, just one place that's going to be your well block blocks of stone. So let's say I have two blocks is done over here. First place thes shadow thrown around it that plays the Maidstone units like this then highlights the top portion. You don't have to, like, carry down right in the middle to give it more diversity. You can just leave the sides dropped down a bit more than the Millie's and then do that in different ratios. So this one goes down, perhaps a little bit more. This one does it. You will see. Another important thing is that were these two connect harlots. This is where I would use this Maidstone to break this shape a little bit. And some places you will see that I break this shape even when it comes to connecting these blocks of stone. So if I have to block system over here, I could use this middle and break the shape over here as well. Just a little bit this way. They blend in a bit more natural, and this is all there is now. I did play around a little bit. This'll whole portion as its hole. But this is just the general approach. Make the shadow offline. Put in the midst all in between plays the highlights on the top portions off it. However, here on the topside, I place the highlights in the middle and where the highlights should connect. Don't place the shadow between them, but place at the middle again. It doesn't have to be on all the places. So, for example, here I live really left the shadow. I didn't place the middle, so just play around with it a little bit and see how it would turn out. This is how you would get these stone pictures. This little window over here is quite simple. It's always easily for just cut and paste it outside, soaking research it on your own. This is how it looks like. That's all the restates. It has two colors. It has the shadow don't for our stone, and it has black color for the depth. Essentially, the light isn't revealing anything inside, and that's all the rested. However, if you want, you could be placing perhaps some eyes in there or you couldn't put place. It's a furniture in there if it's visible. Nonetheless, this is all arrested. Simple curve line, some based it to give it more depth. Essentially, this portion or here serves to give us the same thing that the wood is giving us over here . So this portion, right? In other words, this portion or here is the same. That it would be Underwood over here and the side portion off the wood over here, So this one would be the side portion over here. That's all the risk for it. For the spurs speak specific part. You will know this, that right below the roof and like right below this would construction. We have only the solid shed of color again because the roof or this will construction is casting a shadow down on it now when it comes to the roof pattern. So if you might take a look at it and stink, it's quite complicated, but it's not. So let's break it out. Remove the highlights as usual. You will see how it looks. Remove the shadows and you could see how it looks. It's essentially just thes rectangles and this strange shape just repeating all over again . So if you bring this back, you will see that this shape over here is the same shape over here. This shape in between them is the same ship over here. So if I just take, um, this pattern, let's say from the meal it's not really relevant. So from the middle over here, this is the same shape that happens everywhere else, see, is the same shape, the same exact thing. High, essential, just created, wanting. Then copy pasted all over again. OK, now, if you want to replicate this ship, it's completely fine. You can look at the positive or negative space again removed. The highlights will definitely help you out here as if you take suppose the specific portion. Look how it looks like That's all the re street, my correcting will the middle shadows on the side and even darker shadows on the diagonal edges if you take thes other ship, which is the one that connects on it over here, or rather like so it's the same thing. So if the same thing is just a different lifetime, and that's pretty much all the rested, So if you just bring this together, then you can just extend them if you want in different directions and create a wrong pattern that's completely fired. But that's the top better off this entire house. The one thing that I do want to make sure, however, is that highlights are placed on some places just a bit differently. You can see that on this middle portions or this portions. It's always the same. Harlot is on the same position. However, for days the ships over here, you'll sometimes find the highlight here. Sometimes it's a two pixels off someplace, just one big. So sometimes in most cases, there isn't even a highlight. So if you see here no highlight here, no highlight, no highlight. Just one highlight do highlights everything in between the hall, it's etcetera. These highlights were placed. Men were essentially placed here manually and that on some of these like hero as well, I place the piece. This is just something to break the pattern completely, because otherwise it lives just to same. Even like this. It certainly could have some improvements. So if I was to take this chimney over here, I can place it here on top and just connected a little bit with the house so funny to look just fine. If I wanted to place this chimney here on the side, I would have to extend this Jimmy, too essentially connected with the slope of the roof and covered the same angle. So it's pretty much the same like like so right. But nonetheless, that's the top portion off the roof. Better if you take the side, it's again. It's completely the same. If I remove the highlights, you might notice that most of these are completely the same in some cases, like if you look at this shape. So these five pixels and then these six pixels, this is the same shape that's over here. That's over here, etcetera. It's all here. On some places I've purposely broke that shape to again just to break away from the repetition. Because human brain recognizes the repetition quite easily, and just a few small details like this. So here or here it just helps a little bit with that boring nous off the designs of to speak. And if you know this this portion over here as well, it's mostly the same thing. So you have the shadow If I remove even this lighter tell from this portion you can already know this, that most of these are the same. See this shape life from the Tetris that shape, It's here, It's here, it's here, It's here, It's here. It's here. The space in between This is three pixels. Then moved last three pixels. Motor ref, three pixels. Or is the inverted shape off the batteries on this side Over here? Life. See if we go by the Tetris, you can see that some of designs are like easily recognizable if it is there for you. This one reminds off the one from the Tetris, but it's one pixel just longer, like it's quite simple. Just remember that sometimes you do want to break that pattern, likened it over here. If I didn't, it would look like this. However, I did bring the bathroom with the shot of down just again, for the same reason that I mentioned before and then adding highlights is the same thing. At some places. You just want to erase the pilot. The pilot was previously here, but just erasing it gives it a bit more interesting look, and that's pretty much money that's pretty much open. It comes to you the patterns off the roof. There are so many of them you can come up with your own. Just have fun with it. One little tip I would give you for the end for the roof patters. Is that be mindful off the length and width off the roof. So if I take this left off the essentially flat portion of the roof, you can see it's 52 pixels long, so it's 52 pixels long. So this portion over here Now I know that my patterns, no matter how I do them when they summarize they should be 52 pixels length in total. My pattern is four pixels, elect. Okay, This means that I can't repeat my pattern 13 times, okay. And that's completely OK. However, if I were to make my pattern five pixels long instead of four, if I divide 52 pixels by five, I would get 10 points for I believe this means that I will be able to repeat my pattern 10 times and that I would cap a couple of pixels extra there that don't match the pattern itself. And this really is something that you should be avoided. So just measure out the total with off your house and make sure that patterns can match in even or are the numbers okay, so it's if it's even, it's completely fine. If it's odd, it's completely fine as long as they match the total weight off this flight portion off the roof if you want. If you find yourself in that situation, you can just make sure that some portions of the pattern aren't necessarily the same. So all of my patterns are four pixels in with. However, if you find the stuff in a different ratio, you can make what better for pixels long, then the next 15 pixels, then the next 14 than five etcetera similar? How did the ratios with the are straight straight lines? In the similar way, you can do the same things here for the patterns. Okay, now let's start to have a little bit of fun, so I don't be doing the same house on the right, but in a different style, and this one will be more wild. It will be more undefined. It will be more, some would say relaxed. Take your in this case rectangle to place the field racial. So no matter which cholera use, it will be filled, saying, If it's not filled in tow, just place the rectangle. So I wanted to be filled and let's big first fall thes shut up till always So let it here. So let's okay, now I want to select this mid portion and now number. Why did you? I cannot draw over the selected portion off the house. So first I want to build just a little bit off a shadow near the edges, like so it's not necessary here near the top, though it certainly can be made if you want and the now de select and select again on Lee the middle. Now let's go far. Just start randomly placing theme direct angles so this they can be in all shapes and sizes didn't need to match that. They can even overlap if you want you like they do worry too much about it. So this is the kind of a style, but it can just relax, have fun and see where it goes. You don't have to worry about too much about some precision. It just go while Okay, that's that's all. That's the best advice I can give with this type of style. So just keep placing. The referee was Now, keep in mind, though, that, uh, this is, ah, quite simply the thes rectangles. Rather, rectangular shapes are representing the same texture over here, and those are the stone blocks. So now let's take the highlights, and we are going to repeat the process. But this time you can place them anywhere you want. You don't have to select anything. Just make sure that you don't go here over the edges because it tends to break the kind of this set illusion. So just go here in the middle portions and place them around. They can overlap with with shadow once on some places, in some places, they don't have to. They may be tall and think they may be short and wide. They could be placed anywhere they can connect with each other. You know, just play around with it on in just very quick. You can see how it looks. It's quite, um, undefined, painterly style. It's just something that you can have fun Now lift. Let's repeat absolutely the same process here for for the roof as well. So we have. Oh Rather before we do that, let's do the same thing here, over over here as well. So first, define the basic hopes. My mistake. So the shadow, it's enough. It's if it's just one or two or three picks was wide. Okay, Now, for the rest of these, we can just play around. Yes, I'm aware that at this point there is no windows that's completely OK. You can place windows, whatever you want. And again the same thing with Okay, So this is the midst also really going to have to go this route and placing the outlines of some pieces again for these specific portions. You can just make these a bit smaller. Then they were on the best of the house. So, like this. And then let's do the center gets of sit for the roof. So undersides, you can take the shadows here and let's play it out. It's okay if it doesn't match the slope. That's totally fine with this type of style. I'm not trying to replicate realism. I'm just trying to well, have fun. Okay. When you're making picks locked, if you're not having fun. If you're studying, that's completely OK. But even when you are studying, uh, you don't want to make sure that you are having a proper fund. Now for the mid portion over here, I can essentially take these same ones and start playing around different shapes and sizes . And let's see, we can even take these darker color and just place it just a few different spots. We don't have to overdo it. And the same color is also needed here on the side as well. The good thing about this kind of style that is that it's really random. So we are doing the exact opposite off what we did here. Here we have a pattern that we want a break, and here we don't here we don't have a better at all. We are just try to create something, So I'm just gonna place something off a shadow here near the edge. So it connects a bit easier. I see him. So I'm just gonna make a line over here. The sea Collett looks Yeah, I don't feel like it. So let's move on. So experimentation in this type off style is really well important, but I mean also so far. So there we go. Once we are done, that's pretty much it. So we have two different houses If you want. You can even toned down this shadow or here make it like so, if you want, you can even combine these two styles. So, for example, the top portion of the house could be in this style how on the sides you can put this pattern. You know what? Let's let's see, Let's take that and see how it would look like right next to these looks kind of interesting. So what I'm trying to say is they're always different approaches, and it's important to just understand the core of it. And in our case, this would be the core of it is the construction. The rest of it? You can do whatever you want. Experiment, have fun. They're just Teoh. More things that I want to explain before I'm one. And those are one. The house. When you get into the house, how big off an interior will the house have? Okay, so the first thing is this. If you want to make your house bigger, you can make it either longer. So remember the construction. So the construction this portion essentially, Um okay, I want to make it like that. So the construction off this portion can hear Go in this way so it can become longer, a lot longer. Or it can stay off the same height, so to speak. But in that case, you may want to make it wider so it can go both ways, or you can even make it end wider and taller at the same time. So that's one way how you can make your house bigger on the outside. Eso That's one of the two ticks that have won a match in the other one is the ratio between Theo outer portion of the house and the inner size of it. So do you perhaps remember again where you went into the house like it's this small house And then suddenly inside, it's this big. So if a similar size and then you go right in the house next to it. And for some reason, this house is like has I wrote big such a big room like this one? You know, it's kind of it's gonna funny. I mean, when you're making a game there certain issues that can come up with during the development process, and sometimes you wouldn't have any option off chance. Chance is to change the author look of the house, but you still want to change the either house and then you expand it and it can kind of break the immersion of the game. Sometimes sometimes it can even surprise the player like, Wow, this is a lot bigger than I thought in a good way, but also it can go both ways. In other words, they can say like, Well, this is a lot bigger than I thought it should, but it shouldn't be this big. So watercolor is up with this point, So everything has two sides nonetheless. So what's the racial? Well, if your house is one of those games, if your game rather has the implemented mechanic that once you get into the house, so what's your character? And through the house, the roof suddenly becomes transparent, and you essentially have the inner portion of the house visible. In that case, no matter what you do, the size of the house outside is going to be the size of the theater. Or, if we remove this portion. Essentially this portion over here. So from from this portion, essentially over here, this would be your playable area. So over here, from this portion all the way here. This will be our table area if your room becomes transparent. So if you need a bigger house, you're simply gonna have to make a beer bigger house outside. However, if you get into the house and then you're suddenly fade in, fade out of faded into a room which could be in a separate, seen or in a separate abortion in your sin, manager in your game engine. In that case, ratios are important. So suppose you have a house outside. If I turn under Great, you'll notice that this house is three pixels wide and three pixel store or other three tiles, three tiles wide and three tiles. Talk. Okay. So if he if he goes inside and he goes into the interior and the interior is, let's say off the same width and height, then we know that one tile off with outside. So one tile off with here is what I'll off with within the house. If it's two tiles, so supposed it this outside bottle equals to 2000 inside. This means that if our house is three pixels wide, this means that the interior will be six. The interior will be not three, but six styles are off with. And if the essentially the same thing applies the height. So if you're height is three pixels in the outside world, the construction off it, then it should be three pixels off height inside. However, if the ratio is do you want, then it would be three pixels. Essentially, you are doubling the size of it. This isn't like the square off the and the object, meaning if I have three by three pixels, even though you could make that part of your equation. So suppose you have to buy two pixel outside to buy two tiles outside house. They certainly four by four tiles inside, but it scales badly. So here have, like 55 times outside. That means you need, like, 25 times 25,000 inside. So using squares as a part of your equation really isn't a good idea. So just keep it the ratios. I want to one want to want to three, whichever it is, just keep it consistent as possible. So if I have wanted for ratio meaning one tile outside equals 4000 inside, it would be totally OK for me to use. Let's say this houses three battery so I could make a house 12 by 12. So for 8 12 for eight, it's a bit bigger than expected, I guess. Way too big. So let's. But let's keep it like four before you said like 48 12 for eight. If I believe it would be something like this, I suppose so. If suddenly I decide for game purpose to make this a bit shorter or dinner of either, it's completely fine. Okay, It doesn't need to match completely all the time, but it should be within. Those restrictions. Essentially have the base ratio, which you use for your houses, but then you get you can give yourself a bit of leeway in one direction or the other. So if you're so, suppose it's to buy one, meaning our house can be six by six in total, so it can be like this one essential this big. However, if I leave, wait for the inside is just one tile so we can make it a bit shorter or a bit keener. That's completely OK as long as you keep that consistent throughout the game. So this is one of the things that there's a tip for the game design when it comes to game design and your world for games, which are a shit, is just keeping consistent as possible again for game design purposes can play purposes. You want to have a least some flexibility for again designers and level designers. So, you know, think of a way where implementation is painless as possible. Okay, that's all the risk when it comes to fix a lot. And my advice is for the refugee houses. That's all for now. I will seal in the next one. 36. 11.6 - RPG Tree: Welcome back in this lesson I will show you how to create a simple three around how I created. So let's think this through and bring it here to see how it looks as a part off this little future mock up. Now you might notice that the three is rather small, So it will depend for the purpose of the game that you want to create. How big or how small you want your three to be. Do you want it? Three to be interactive ble. Do you want a three to be fallible or not? Do you want the three to be small or his biggest human like in Pokemon? They wanted three to be ah, lot of bigger. So just for the environmental purposes, it all depends. So I've taken this character so I can show you how big he is right next to the tree. You can essentially see that the three is twice the size off our character. So for our purpose, which could be like blocking the character or perhaps harvesting some resource, is it worst squat five. However, if you wanted this street to be just as a part of the environment, you want these three to be a lot bigger. Nonetheless, this is the three I've created, and I will break these three down into small, tiny bits so you can know how it works. However, if this tree most be bigger for the environment purposes, our character would be in comparison big, very much like this. You can see he is a lot smaller. It's the same character as this one, so they are completely the same. However, this little fella is almost twice as a little. You may suppose if it's an RPG game, most likely maybe this person is this person's son or who knows, it's an alternative. Nonetheless, this is the side he would be. Essentially, he would be three or rather four times the size of the three. In real life, trees are even bigger than that. But I repeat, it's a game world. Most of the things in the game perspective are realistic. When it comes to you, it's ratios. So let's talk about the three and it's structure similar to how we talked about the houses . Now in top down view, you can imagine that we have a small little box, so suppose this is a little box and I'll drop this. Just decide. Just let me allow me to bring my characters so they are not in the way. Okay, so what is the structure off the perspective for the three again? It will depend upon what type of perspective you are and you get. But for my purposes, I may make something similar to 45 degree angles. So let's talk about how to create it. First of all, the three can be broken down into two parts. The tree trunk, which is essentially a cylinder, and then it's lush, parts of to speak where the leaves are. And that would be so much more similar to a sphere. So have to go about it. Well, I suppose we have a box we are able to see. Uh, it's stop plan and the side plane right now. What if we made these box a bit either? So right now it's a cube. This means that all sides are completely the same. The top side and the bottom side, this the flight side of majorities. So all the sides are completely off the same width and height. However, we can make this Cuban to a Q boy. Essentially, just making get Tina. So now the sides are still off the same height bark. They're not off the same with. If you want to make this object thinner, you can just bring the stop portion down. So what lay this and then suddenly, this is something that you could use in a game like similar thing to what? You've seen the hyper light drifter. So, like a stone stature, so to speak. Now, this is currently still a que boy, so it has a rectangular shaped. If we want this to become a cylinder, we can stop shaving off the edges. Now it looks more like a cylinder. If you want to go even a step further, you shave it a bit more. So you wanna hear if I was to place a small circle? If you look like this, it's important to replicate this curvature on all sides where it's visible. So, like this again, If I bring this now, this is how it would look like. So this is our cylinder. This is our tree trunk. So this is what would be the base off our three. This would be its perspective. So suppose are three has no green leaves and has no branches at all. This is the three log how it would look like if you want to place it like on the ground. You can place it like this. You want to perhaps rotated in some other direction. You can simply do so, but for our purposes. This is it. Now what about this fear? Well, a sphere is essentially completely around it. Circle. It is the same. No matter how you look at it, it's the same from any direction. Sphere is completely around it, meaning it's completely the same, no matter from which direction you are looking at it. So this is that a proportional three. Now you can take the street top portion, which is the green part, and you can just place it on top off this cylinder, and then suddenly you have a three. Now the ratio between these two can vary a lot. It can even change shape like the pine trees are different. This tree is be different. If you want a Christmas tree again, it's going to be more off. A triangular looked like a pyramid and there are so many different types of trees that I cannot possibly cover all of them. But for this example, I just want to show you the general approach to it. So this is the structure. This is the this fear of it. Now, if you bring it a bit closer to the ground, what you are essentially doing is just increasing. Um, the perspective. If you cannot see the tree trunk at all, you are more closely coming closer to the top down when it comes to the and however, this again depends on the type of the three. So he told, depends a same time. If this is a fantasy, were also there possibly types of trees that we don't even know about right now, this is the base structure. What I would, however suggest that you do when it comes to your three is that once you place it the middle off this sphere, should some be placed essentially in the middle off this comb like structure, bring it down a little bit. So you have thesis wash in the stock portion can be rounded, but its bottom portion off the tree that leaves you can just try to make so sort of directing a lot of it at the top portion. Place that to give it a bit more lushness, you can play around with shape a little bit. Maybe the leaves are coming out of it at some places, and some places, perhaps they're not. Then for this bar abortion like three Trump. Perhaps it has the roots going in tow. Other sides, etcetera. So just by creating that you can already see it started to resemble a three. OK, now, how do you go about shading a three? Well, first of all, it should be off a different color than the grass. You can already see that the three is a bit brighter in tone, and there are two approaches coming Go bodies. One. You can make the grass have brighter colors. Hibor, yellowish colors and the trees will be a lot darker zor darker greens or the vice versa. So the ground can be a lot of darker and the trees will be a lot brighter. It can go both ways, depending hop, depending essential what you want to create. In this case, you can obviously see the difference between these Do so if I remove uh, highlights completely. You can see that only in some places I have the shadow. And if I remove the shadow, you can only see that in some places I have highlights. Well, I would personally suggest is that want to have your general shape first? Place the shadows, so decide on which places you want the shadows to be. If I will try to replicate this are three in like, really small amount of time. I would take my shape so much. Tried to match the size of it. I suppose this is it. Take the Maidstone off it. Bring it down just a little bit. And this is its general shape. Now, I could take the shadow color and just place it around the bottom edge. So if you look at this tree over here, you can see this bottom edge commercial like a letter C to some degree. And this is essentially what would be in the shell before texture. Of course, Now you can take this three and instead off looking at it like just one big cube around one big sphere story. You could look at it like in layers, so this would be one layer, so If we take this highlight, this would be like layer number one. Then on top of it, you can place like a layer number two again with the highlights. Then you could perhaps place layer number three, and then here in the the top, you just want to keep it mostly in highlights. So this essentially how it would go when it comes to the placement off lights and shadows for this particular case, then it comes to tech chewing. When it comes detection ring, you can either go with specific patterns, leaves like on houses. You can make one leaf or two different leaves like a better, and then make a three are those or you can make it more a bit chaotic. I like this one personally. I like this type of three a bit more, though the other one's kind of look cool as well. So how would you compare the X? Essentially, textual is Well, I think. Let's just stick up one example, break them apart. So break the pieces apart like so essentially tried to make small little changes like this , put some shadows below them and then essentially stopped. You are essentially bundling up the leaves in small little chunks. So this or here is like a small chunk off leaves together. This is the shadow of them. Anything in between, like this, also is a small chunk off leaves for themselves, etcetera. So just trying to think about how those leaves would come together, how they would behave, what what you would make of them and then just slowly, slowly building this up again. You will be. You had this available to you in a file so you can go around and look out. I made this three. It can certainly look better. I just wanted to make it messy. So you don't worry about too much about patterns with natural, organised like objects. Well, in nature, as you would usually find them. Um, you really shouldn't be worried too much about specific patterns. Just relax and try to find that that texture. OK, so that's essentially are three. The trunk is quite similar, so if I remove the highlights again, you have the shelves. The shadows are mostly right below the leaves because they're casting a shadow. And then when the three routes are starting to expand, this is where they're gonna catch light and some crevices or the places between these routes are gonna get these shadow parts. They're on top of those. I put some highlights to indicate those roots a little bit better to make it blend mawr with tiles. You will know this, that I've placed some grass on top of it. If I remove this grass all together like this and that, place it or hear this car is gonna look like it's okay. Nothing wrong with it. But I like to connect the environment to the object. So if this is the three, the three would have grass growing around its roots that are above the ground. So this is how I put it. Okay, that's all the race for the simple three. Again, keep in mind there are so many different results there, first of all, trying to find its perspective with its so to speak, bones or structure. In most cases, that's going to be a cylinder, and that's fear as a base than you. Shape that sphere toe what you want and shaved it, sealing their toe watch you want, and you'll be good to go again at some trees, like Christmas tree this example would be you would have a cylinder as a base, but it send off. A sphere would have a pyramid. So it all depends. Play around with it a little bit and see what you can. Come off it. All right. That is all for this video. I will see you in the next lesson. 37. 11.7 - Chest: Welcome back in this video, I will show you how to create a chest for our little RPG mock up. So we'll go from this to this to this this or alternatively to this. So how do you create a chest? Well, again, let's first think about its construction. The chest essentially is a box box is a que Boyd meaning it's sort of a cube. So let's start doing this step by step and I'll just go over the whole process. It's really easy to dio at least a simple chest like this one. So, first of all, you need to keep in my debt. We can see the top side where the top players in the side plate just for the sake off. Easier explanation. From now on, I will say, this is a top side and this is the bottom side, even though the bottom is below this nonetheless. So for the explanation, this is the top side, okay? And this is the bottom side. All right, so let's continue on. So, first of all, we need to divide this into two things. I suppose this is our que Boyd. We can divide it into half. I said this should be it. Okay, so we have the top side and the bottom side. The top side can be in one color. The bottle side could be another color. Just like that. We have a very simple box. Now think about the chests when you try to open a box. The key locks is is never essentially here on the middle because who puts the locks on the edge itself? Not too many, right? It would usually be on this bottom side, summer in the middle. And then it would open from this point up or down. So this is the bottom side, the key lock, where that he would go right or the lock. It will go here in the middle. If you want to put some extra, let's say structure to it like it's a harder to break box. You can put these lines or here as well. But for now, let's just keep it like this to get the more interesting Look, I read the place on the topside on the edges. I'm going to lighten up the essentially the outline towards a lighter toe. Okay, so this is what we have here right now. No. From this point on, if I want, I can even place it like so right now, this already looks quite a nice You have a clear distinction. What is the top side and what is the bottom side? Right. Okay. So how do you turn this into something more around it? While the process is really simple right now this is shaded is a flat surface. So let's just take the same one. And this is essentially just placing these lies all over Now, remember that this is giving it structure, so it should go all the way. It can even go around all the way to the bottom job. I wouldn't necessarily put it there. Nonetheless, this is covered to look and remember that the top side should be in a lighter color. Let's place it. Yeah, this is the color. Okay. Now the flat when something is flat like we did in the shading exercises in the beginning For the cubes, if the surface is flat, you can use only one color. It will convey the image that this is a different surface. This is why the top portion the top This portion is in one color in one shade and the bottom portion is in another. In order for us to make the top portion around dead, we all need to do is shake the top portion as it was a cylinder. Remember that when we shared it a similar. Once we picked a light source. We placed a highlight it there and then gradually darken it towards the outer ages or other towards the point where there is no life. So if I take this same cube, you can see that over here I have a few different colors. 1st 1 is well, obviously D highlight color. And just for sick of this, I will place this just one pixel. The war's down to make it completely the same. So we have the skylight color. This would be placed somewhere in the middle. Okay, so let's say this is the middle. From this point on, I can take a slightly darker shadow and place it around death color sort of up repping it around it, Then take another dark of shadow dark color. And then finally, you can have an even darker Dr Colin that you can already see. If I was starting to look like now I'm just gonna place this one pixel towards up, okay? And then here, near the edges, I can take this color and just give it slightly more different. Look, by leaving these little hooks, so to speak. And already our box is suddenly starting to look like it has a rounded top. Now, to make this even more so, remember that we also need to shade as a cylinders these metal portions as well so we can take the same colors like Sil end. This is the top portion is pretty much done, so you can literally see it looks quite a bit better. Even now, let's go even a step further. That meaning let's go on to this bottom portion. First, we can take and place some shadows near the bottom to give it more, um well, shadows, but also decide at the same time a little bit of picture as well. We can take thesis tone and place it over here to give it some sort of reflection to give it Ah, a sign that well, we are dealing with reflection though we are supposed to place it like so And then this key lock is quite simple. You can place a light source from one side, which we top left, and then on the bottom right. You can place the shell, and just like that, we've created these portions. So it's quite simple. Make a box, make a different position and move or not, how can transform this into this? Well, this is even easier. So we are conflict at this step of the process. Now let's move on to this portion. There's only one little difference, and that's that the edges over here, our bit around it. So you are essentially cutting off just the edge, and there we go. Now, if you look at this one over here, you will notice that it's likely different. From this point on. You can keep it as it is. You can add things. You can subtract things. In this specific example, you can see that there is a some sort of a texture on top of this box or rather chest. I'm edits by removing this highlight completely, and now I have less amount of colors than I placed some streaks again to indicate the texture off our would similar thing happened over here again. Currently I'm mostly looking down to make the same replica so you can see exactly how we come to this and product, so to speak. And now from this but on, we're finished with this over here. Now, if I turn off the tiles, you will notice that this just is connected with the grass tiles because I placed on grass on it. Because if I live in Thailand, you can see how this just looks like and how this just looks like, you know, they implement a bit differently into the world. And again, my personal choice is always to connect them with the environment as much as possible, because that way it looks like it's the part of the same world. That said, if you want to change this chest into something else, you can change it into this one. I literally just changed the colors. Nothing else. Everything is the same. Only this metal portions I've changed towards the gold colors. I mean, you can literally take any color whatsoever. So I suppose I want to make it, Let's say, even purplish color for for some reason, let's start with sort of a system like here that I could create something a bit lighter like this, and then I would need a shadow as well. Now, this is something that just I'm just quickly taking some colors so you can just see how we could possibly do it. And there you go. It's really is it to do? You can change it up and to make it more consistent, let's adjust. Used the same colors like so there you go. Now you can make all sorts off chest. This is just the basics. You can understand that there is a top side in the bottom side or the top plane in the cycling. Nonetheless, just feel free to experiment. This is out of wood. You can make it. You can make the chest out of stone, out of metal, out off emeralds, diamonds. You can make it out of some fantasy material. You can make it in all sorts of shapes and sizes, so just feel free to experiment. Just have fun with it. That's all for this video. I will see you in the next month 38. 11.8 - Mushrooms: Welcome back in this way the lesson. I will explain to you how to make a simple mushroom. So from this point on, we're just going to have a little bit of fun. And this is the martial dearest again, if you want to break down something as usual, remove the unnecessary details and focus on the larger shapes. So in case of this martial, I would break it down by first removing these little dots because they're just details on top of the overall shape. And then I would focus on the shape itself and threat. Figure out what colors correspond to which part of the Marshall. So you can see that this is obviously the shadow off the marshal. And so is this Doctor shadow as well. However, for the stock of the marsh room from this bottom part, these are the essentially the portions of it. Now, if you want to replicate that again, this is just the shadow around the mushroom or the grass texture around it so we can blend in with the grass styles a bit more easily. So if I want to replicate this mushroom so we now know how it works, we can place the shadows. We can place the shadows like this and to make it a bit more interesting, we can make even darker portions and just place them around as well, just to give it more texture, so to speak. And then just place some of these. Now, the reason why I'm teaching you how to break down certain things that I'm showing you is so that you can take any game that you love. Absolutely any game wants to take the game a sacristy and you can take a screenshot or look for the sprites online. Then you can take down and start to break down the sprites that you are interested in objects that you're interested in. Once you break it down, then you can replicate it and modified into something that you like. Perhaps you like a specific shape or specific type of shading or picturing This is how you do it. Step by step, removed unnecessary details, focus on the larger ships, then the shading, then the details. So if I were to take the same approach, so now I know. Okay, First, I need so sort of a stock. So let's let's I wanna make a smaller mushroom. I suppose this is This is the marshal. Then I need this a larger shape. Like so. And now I know I already hear the mushroom itself. Now perhaps you can see the shadow stocks from the sides. No, I know. Okay, I need to start from the from the sides. I'll try to replicate the Ship of the Shadow. To some extent, that is the same for this top portion of the marshals. So this is the overall shape for the Marshall from top left to bottom, right? Similar things tried to replicate it. I'm not doing exactly the same because I just want to give it some depth. I don't want to replicate it realistically, and then we need the shadows as well. So all the way on these bottom portions. Justice here, that's where the shadow is. And just on some portions, I want to put this, um, darkest shadow. You can play around very very to look most, but that's it. And then I want to put it just some indicators that this is a motion perhaps two is to matt trees to Mars. So I put only two little dots. Okay, and for the final thing, we just need to share with stock, meaning we need the shadows for it. The shadows are right beneath the red portion off it be needed the cap of the martial. So I need to shake that portion. And for this last part, I can leave it either as this or just get some shadow like, like so elegantly that Yeah, There you go. That's how you can replicate a very simple Marshall. If you want to extend the cap a little bit, you can simply you. So you know what? Let's do just that. So now it's slightly different, Okay? But it's still a martial. So now we have three different marshals. How can you quickly eat, rate and create the same martial in different colors for whatever game purposes? Maybe we'll just change the color, right? We can take this red color changes, too, I suppose. Something off. Let's see Purple color, make the shadow, and then even the doctors shadow for these portions. Just like that, you have different mushrooms. Do you want them in separate directions? Do perhaps want things to be flipped around in the other direction. You, considering you so if not, you can leave it as it is. Play around with all of this. So let's turn under. Great to see how it looks in comparison to the house size, it's small enough so you can put it anywhere. Remember that if you are trying to place more details on the grass, you can just suppose I want batch of mushrooms here on this plot over here that well, I can just place batch of these maybe one big two big ones, perhaps couple of these ones. They could even go over each other, depending. Have you made them? But there you go. So, just like that, you can have small patches off mushrooms here on the ground just by making few different ones. And it really doesn't take all that much time to make them. They're quite simple, and they will add details and most importantly, as a frivolous is a previous stated. You can add detail still to tell map, either by making the texture off the towers themselves in hard details. Or you can create a bunch off different objects from nature to give it more details. All you can combine this to told depends what you want the cheap. Okay, I believe this should be it for the mushrooms. If you want to have fun of those again, this is just one type of the mushroom as everything else there. So many different mushrooms out there. This is just one, Let's say stereotypical type of mushroom with cap. So just go and have fun. Create something wild and I hope you enjoy the process. That's all for this video. I will see you in the next one. 39. 11.9 - Rocks: Welcome back in this video, we'll show you how to create rocks and picks locked in a very simple, simple way. So here we have a few different examples for it could be small. It could be medium size, It could be large and it can be even way, way bigger that all the way up to the mountains. So how could you create Iraq? Well, first of all, we need three cars for this rock. I've used the same colors as I've used under character, so you can see that our character has three colors. The highlight is the highlight on the Rock, The midst. Oh, is Mr On the Rock and the shadow of his shadow on the Rock. Plus, I given it one extra shadow just for the purposes of experimentation. So let's start small, essentially for the rock. You can imagine it as being a cube for from our shading exercises in the begin of sections , it has three sides topside, bottom left, bottom right. Meaning top left right sides. The topside, which you can see here, is going to be the lightest. The left side is going to be in the midst. Oh, and the right One is going to be in the shadows in the darkest color. So let's see how this would work. Well. The process is very simple. Create a top side, no matter how it looks. And please keep in mind. This is a rock or rocks come in all shapes and sizes. You can make whatever you want. Let's say this is an overall ship. Now I need to create bottom portion. Let's say this is the overall shape and then divide that into, Let's say, somewhere around half and the right side is going to be in the darkness portions and the left side is going to be in the light of portions. That's all they arrested. You can see this is obviously a rock. It's really, really shark. It's really, really flat. It's rather simple, so you can definitely modify it to look something a bit different. So let's go do that. Perhaps it's a bit more around it. Well, in that case, it may be something like this, right? It can be the top side can even look like that. It could be different, you know? So I suppose this is one example we can make another example like this perhaps changed overall shape just ever so slightly. Perhaps it's dinner on one sighting from the other. Perhaps you cannot see the topside that much. So perhaps it's somewhere along these lines. Perhaps again, this is just pure experimentation. So really go wild. Maybe the topside ease giving the side a little bit off Highlight to decide over here like like this. You know, who knows? Now? The point is, these are just portions of the rocks. How can you make a bigger rock rapidly like this one, which is slightly more complex, slightly more detailed. How do you make such Iraq? Well, the process is the same. You are just placing rocks on top of the rocks. Essentially. So if I were to make, ah slightly bigger rock suppose this is the top side. And please notice how I don't really pay attention all that much to the shape of the rock. It's not like a have strictly imagined what is the shape of the rock and trying to make it ? No, I'm just relaxing. Came fun with it. So now we need the side of it. Well, suppose let's say the side is the stall and the last portion. Suppose it's summer around here like so Okay, there we go. We have, let's say, based off on Iraq now wants a minute. I can modify it. I can extend it in all sorts away ways. But let's say this is it for for now. Okay, I like playing with big slash frogs because they're so easy. At least these basic ships. There are, of course, many different styles and types of rocks in this world and even in a fantasy world, so you know it depends what you want. Make nonetheless, let's stick to the lessons. So how can you create more complex shapes? Well, one thing you can do is create a rock on top of this truck, so you have the top portion off it. You have the side portion of it, which is going to be in the same color, so there's no need to add anything extra, and then you can add the extra side to do it right, and it's suddenly, as you can see, you have so sort off a bump on the rock. If you want to do the same thing here in the shadow, you can use this Maidstone as a highlight, however, and you can keep it just like that. No need to add anything extra, but anything just one extra color to help you out with it will be quite useful. So this is the highlight. The midterm is now the highlight here or topside, Similar or like on this side. This myth tone is also meet some over here. So in the shadow, the Midtown is also the middle over here. So this portion over here, right? And then in the shadow, we have this portion, and then suddenly you have about in the shadows. Well, now, if you had another shadow, make sure that you just give that shadow more space on the rock. OK, extend it a little bit towards other portions as well. Now, how to experience it even a bit more What it is over here on this rock, you can essentially take this. It's in Maidstone and introduced some sort of a crack or a higher platform on our rock. It can be from decided. Commute from this side doesn't matter. So, for example, let's make it here like so. And now we can shade it with the shadow over here and then place this Dr Cheryl here near where essentially the dark is the crack. And suddenly you can see that our rock is basically having, like, some sort off a slope. So it's going from top to douse, somewhat spiraling down to the words of the earth. That's just one of the many ways you can recreate this in small little chunks in many different ways. You don't even have to keep this right in the middle, Isa said. You can bring the highlighted down. It gives a certain different feel to it. You can create maybe some sort of a bumps on the rock, in which case you can put shadows here as well. You don't even have to bring highlights me. I mean, if you don't want you etcetera, you can just build up the complexity off the rock itself, right? So if you want to connected with the ground is a bit over here, you can take the shadow off the grass, and then you can just create. Essentially, we're creating a shallow under grass that they Iraq is costing. And remember, in our view, it's not really easily visible when you, when your light source is a consistent. So, for example, for our rock, the light is coming from the top left for our mushrooms. It's coming from the top, right for our just. It's coming directly, like from the front top, similar for our. For our houses. It's different. Okay, so this kind of small little things you will not notice them in when you're playing the game. So it's OK. Do you make those a stylist choices, so to speak, and then similar as it did for the specific rock, you can add mass to it or a grass over it so I can make little, um, places of grass patches where it's essentially like this. It can be even moss that grows on the rock itself again as a made it here. Just make sure that you can include some depth to the grass itself, because again everything should be shaded. Perhaps there is a some sort off a flower blossoming here on top. You know, there are so many possibilities, especially with rocks. They're quite is it to do at least this basic shape? I hope that I explained, in Anne's race to your only three, maybe four colors and a bit of shining, and you're good to go play around. You're seeing how added complexity to distract you can create a giant rock like this big, and then just keep adding those little small ones they can go and be a small is just two or three pixels. You know, you can take this one and just add complexity to this stone over here. See, just like that. I mean, it's really, really easy. It's fun to do in just a few minutes that how this with a lesson is long. I've created almost like what? Seven different rocks. And if I were talking, I could easily in an hour making dozens off different frocks. So this is quite easy to do. So just have fun with it before I continue. I just want to show you that even these little rocks, if I know that I'm going abusing them here on the on the grass, I could just add a bit of shading to them as well, perhaps break apart from their constant shading and just bring some some portions to them as well. Like here, you can see that the grass went up under off a little bit This. This could also indicate that the Iraq is currently in the patch of grass, that he's a big higher. So the grass is quite high and the rock is sitting in it. So some of the grass grows over the Iraq. And that's I would say that's pretty much it. So here it has few simple rocks. You know I can eat, even erase this one. It's always easy to create more of these, so I can even think the same one if I want again. As I said, you can just keep adding these into some strange rocks like this one. You know this this is this could be quite fun to do. Okay, that's all. When it comes to the lessons about the rocks. Hope you enjoyed it. I will see in the next video. 40. 11.10 - RPG Mock Up: Welcome back in this video, I will be creating a simple mock up for our RPG potential again. So first I need to create some off the tiles and what I'm doing. This I will usually be talking about some details what can be changed, etcetera. So keep that in mind now. First thing that they want to say is that this is a mockup. This isn't something that you are going, that we are going to be selling our assets from least not me personally. If you do something like that, feel free to do so. But most importantly, when it comes to creating assets, there are two ways you can go about this. Smoke up one. If you are going to create a mock up for your portfolio, it can be something like this. Just aesthetic image as a portfolio piece, nothing else. Nothing more sort of up concept, art like concept game, perhaps, or just a simple mocha. However, if you are selling this as an asset as an asset back on any online store, in that case you want to make sure that you have the entire tell set. For example, my connection here from the grass to the water is currently just one sided. I should create all of the sides, just just like a did for this style tells it here, if I were to sell this online because if in markup I have this and some advise it, expect me that he or she has it in all directions and it doesn't, You know, that's not really good practice. So keep that in mind. All right, So I suppose this is our you tire mark up. We not need anything extra on it on. Let's just start adding some details on it. So first we need towels. I've placed some basic months and let's say in the middle we wanna have our house, so I'm gonna create some path from the house door. So imagine that our house door is going to be here and on one side it's going to I'd say the party is going toe break into two and on one side is going to curve upwards, so it's going to go up and another side is just going to go straight somewhere who knows, maybe towards town. But on this side, it's going to occur maybe, perhaps towards I would. Okay, And remember, we are using these tiles as best as we can possibly do, and that's all for the tiles themselves. Now let's go and pick and choose our house. I believe I'll take the left one simple, because it has windows again. If you want to put windows and this one feel free to do so, There are so many different types of them. And I can if I wanted you to be specific. When it comes to Tyler Grid, you can see the tile grit, and I can place it right where it should. However, you will know this that in this case you can't replace it right in the middle. You would either need to create more tiles or break the house into different style pieces. So what I'm gonna do is just instead of placing the house on top and you can see some pieces of it like this over here, I'm gonna play sit in the middle of this. However, here I am going to just place some color as the door so you can see it's quite easy to do. Perhaps even some shadow like that. Some details to get a bit more structure. And there you go now, similar thing that I did with the grass that I even put any details just like that. I didn't put details on this middle off the road. You can certainly do so if you want. So if you want, you can extend the details by extending the shadows a little bit. Perhaps placing some sort off patch here and there So you can you can create that. You know, you can go with that way personally for this type of thing. I didn't want to do it because I will go into highly detailed pictures and studies of those in advanced sections. So for now, I want you to focus on the overall world building and all the details that should be placed tiles by themselves, no matter how beautiful they look, the world and the game needs details. Okay, so let's move on. We have our house. Let's say we need our character. We can pick this character. We can place him over here, and I want to give him just some sort of a shadow beneath him. I believe this should be just This should be just fine. It could be the slightly darker, though I'm not sure how that will play out. Well, I guess it's OK. So we have our character, our house, our tiles. Now let's put some details on top off our well, the rest of the mock up. First, let's put some off these the wrong one. Some of these chests. I'm gonna pick this one because it blends in quite nicely with with the grass. And let's put it. Suppose I want to put it right here next to the house. Okay, so that's one solution I want dispatch off mushrooms. Suppose they are growing over here to decide, and I can just easily copied basis and make it look like this is some sort off a really reach place with a bunch of mushrooms. And yes, I can also take some of these purple once, and perhaps I can place them here near the water. Perhaps they are the type. Death grows near the water. Now you can place the more of these less of these. You can play around with them as much as you want. Currently, it might feel a little bit too much of the mushrooms. So I think I made your race. Some of them okay. I think this looks. I think this looks slightly more balanced. Now let's go to the rocks. We can take this big one, and let's place it just on a few different spots. We can place he over here and we can place it. Let's say let's over here that are character. Perhaps likes to sit on this rock. Do. In that case, let's clean this up a little bit. Because if the character is sitting on the rock, no. Usually wanted to be flat, to be comfortable, to be able to sit on the Rock. I think this should be totally okay. Maybe even we're on it up like that? Yeah, this looks a bit nicer. Okay, So while I am creating a markup, I'm addict details. I am modifying certain things. Just you keep it a bit more interesting. Let's take our three. And remember, if I put my three over here this stop Washington will not be visible. So this over here will not be visible. It would look like that. So I want to make sure that my three can be seen and I could place it over here. The way. That said when I think about it, if we are going to have the like marshals and forest or here, I may want to indicate it with some trees here on the edge. Okay, I believe these should be just fine. Okay, Now I'm slowly building everything, but I still want to add a lot more details because this place Carter looks a bit empty. I will be taking this gold one and placing it here. I do want to put just a little bit off details. Not too much. Perhaps this is some sort of a gold chest that our character is, uh, essentially has a high value off it, and perhaps he stores important things in it, so we can easily bring it out. Who knows what it is and chill and watch the ocean or the sunset. Okay, Thinking about this story while you're building the world gives everything more structure. Now, I'm not saying that people are going to be interested in your story or even mine or anyone else put it matters, but it certainly helps. So let's start building some details for our grass or here first I want you, perhaps creates a smoke small batch like this one. Or even if you want, we can make it like we could make it like some surfer garden if we wanted you and I do want So let's say this sees the end of it, but this portion could be slightly bigger. So let's build it out like this and like so on, I'll be needing this one. Okay, so now we can see that this has started to look a bit more fulfilled. Bit more interesting. What do I want here? Well, if I add some details while I keep my layer on the tiles, it's gonna mess everything up. So just keep in mind that adding details should always happen on a different layer. So in our case, miscellaneous and house of character, everything is on a different layer from the tiles. Okay. So again, if such a mistake happens, just backtrack a little bit and keep keep on working. All right? So let's great. Perhaps it can create some sort of vegetation around this. Suppose we go with. Yeah, let's They're so sort of flowers. First, I want some type off grass like this, and this is just some sort off a shape, so to speak. If I want more shut after it, I can just take those same colors that I've used on the edge of the cliff and use those same highlights. Okay, Now we have some sort off vegetation here. We can place it here. Suppose this is something that the character is growing. Some sort off up vegetable. Who knows? We can play some shadows here and there we go. No, this can be pretty much anything. But let's say the character is cultivating this plant. Whatever it is, he's living off of it. So we can take this implant. We can make it into rows, and suddenly it looks like something so sorry for garden is here. Perhaps you wanna go and create some sort off a connection between them again if you want. This isn't something that's necessary again. Just building up some details that are in the markup and nowhere else is something that you can do Personally, I like to keep things a bit separate, so they're easily more customizable. So let's get to play this. However I do want to be, I think some difference between them. So perhaps, and this one we can have some sort off A. Let's say it's some sort of a fruit and to keep it some kind of a strange thing, Let's make it in a blue color. Now where would that fruit or vegetable grow? I don't I mean, this is some stuff, a leaf vegetable so it would be off came by itself. But let's say it's hanging from somewhere. Let's say let's extend this one a little bit and say This is hanging over here latest. It's just some stranger here, you know. He doesn't have to work out do well, but as long as you're having fun, that's pretty much all that matters. So let's say this is one of those. Perhaps this one has it as well. Perhaps Diesel has it here. Perhaps this one has it on the other side, over here or over over here. So right now we have some sort of variation between these on the If I wanted to, I could easily shaded this in tow. Other things. So if this is blue, perhaps we can place it in some sort off orange color. I'm not saying that it's an orange, but rather an orange color and this can even look somewhat like a flower. Okay, now, if we take a look at this mockup, it already looks a lot better than before. Now let's take these rocks and spread them apart so we can have you more details again. You can connect these rocks as well, so don't be afraid to do that. And, wow, it's placed these smaller ones again. You can think about why they're symptoms, rocks it, some places and another's. There isn't any so, whichever you do just track to keep these rocks separatists possible. So for my first Rob that I've placed near the character, I'll explain to you what it's possible. Purpose could be, yes. If I go over here, the side, perhaps the character may want to have some sort off a stone Pat Foye from their doors on words. And if you go with that route, you know you should be thinking about how to create that Iraq path from the door and just go being gone and to see how far it will go. You know, let's just say that our character, even though he started doing this, he stopped somewhere in the mill. Let's keep it. I want to keep it a bit flatter than that. So something like this, I suppose. Yeah, this might be better and let's say are corrected in the finish placing rocks for down the road, even though that might be it's his purpose or his wish. I do want to create some variation to the towers of the grass themselves. And remember, I've explained different possibilities have to do that. But for now, let's again just create a few different patterns. This one might be a bit too big for me, so perhaps we could keep it like that. Then just place it on some places. You don't have to overdo it. It's here just to break the repeated nous. Then you repeat the process but create a different pattern. Perhaps this one is just smaller. It's different, and the reason why I'm doing this separately is well, because now I can customize it. I can place some of these right next to each other in small little groups. If I wanted to you otherwise, you wouldn't be able to do it. And now, suddenly, as soon as we have those things breaking apart from this illusion, now it's already a lot better. I don't like him. Two stones right next to each other like that. So let's Big song. So, Mother Rock, I suppose this one will do. And if our and if you have rock here on the on the pathway, we can put some shading like that. We don't have to create some grass around it door. You certainly can if you want to. So what else could we do? Well, again, we can create another pattern. This one could be a bit more complex then the other ones. Yes. So let's make it like this. Okay? This one we really don't need in too many places. Perhaps just one or two will deal. Fine. And what else do we have on the grass? Well, we have flowers, collective flowers, don't we? So let's take and create while some flowers. I believe I already shown you how to do a few simple ones so you can create them as simple as this. And that's that's totally fine. This is a flower in itself. You can place it lay that you don't have to overthink it because this same type of flower is again on our rock over here, we can make it in different colors. You can make it in blue. You can make it yellow, purple, white, whichever you like. You can also create a different style off flower. So something like this and again keep in mind that the amount of different flowers and everything else it's so widely different that you can create the wrong things. This is your world. So play around, see what you can come up with, see what you can create. How is this? Some kind of a strange flower that, you know, grows more off its flowers from its leaves? When I was there we go. Perhaps some shading wouldn't hurt too much. All right, there we go. See this. Now, this is some sort, really Some sort of a strange flower, But we can put it here near this garden. It can be flipped out. We can change its color into something else. As I've said so, Suppose we created in more yellowish color. I wanted more bright like this. Okay. Now, as if said, creating more cops can be vastly different from creating a sellable tile set or something that you are creating for in game Currently, we are just creating a mock up that we can use for our perform, or perhaps for well, just a simple more up to show to other people on social media to spread awareness or just for some practice. It's essentially all up to you and what you can come up with. So this portion over here is still currently a bit too empty. So what I can do is I can take a few of these mushrooms and just bring him around. Now, remember that I said that purple mushrooms are the ones that are around three, the edge, like near the water. So I can even take this one on. Bring it up here. And I may want to change these into its a blue mushrooms. I mean, why not, right? Why not? I do hope that I am covering this. That's a message. And Karan get properly because people most of the times don't notice these kind of things. But, you know, you might as well do for these blue ones. The contrast between the white color and the light blue is just a little So I want to play some something darker. And in contrast, So for the blue color, something off, our decent contrast could be somewhere in the orange hue. So let's say these dots are perhaps orange like that. It looks a bit different, which I want to achieve. So what else could could be other over there? Well, we can add and keep adding different, luscious, different. Three is different. How also fits all sorts of things and just to finish things up, let's add 13 over here, and we could add this flower around 13 and this flower behind, like so this process going to go on and on and on. You can keep adding details upon Tito's upon details. You can keep building things, and it's it's really fun. Once you just let go off any possible attitude towards mistakes. Like if you are afraid to make mistakes, you still need to work a little bit on your courage to just relax and let go. Enjoy the process. There's nothing to be afraid off. It's your world. Even if you do make what you consider to be a mistake like undue control Z right on, do it or erase it or change it. You can whatever you want. This is your world. Not let someone else tell. You have to build it. Even everything that I've said up to this point about how to create these assets, you can create something that you want, right? Well, I believe this is it for this markup. I could still go on adding more things, but for time sake, I will not Because I do believe that I got my message across. So play around with it, created a mock up. I will see you in the next video where I will give you the challenge. I will see that. 41. 11.11 - RPG Challenge: Welcome back. It's time for the challenge. The challenge for this section will be quite a bit different and more wine than it was up to this point. So first thing for this challenge is that I want you to create the character from this black tablet. You can take the mail while or the female one choose whichever you want, then create the animations for your character. You can use the template on the left side, but do not copy. Paste it from left to right angle here so you can just take this character and make one frame at a time. The similar character is a bit different, and this is also very good because it will force you to think about outside of the box and forces think about the animation itself instead of just trying to copy literally every picks. First part of the challenge is create your own character design, preferably a female with this one, and then animates her in all directions again. If you don't feel like female operating female character, then just go and create a male one. You can just simply erase this portion. Take my clarity from the left, cited right, make him a bit different and then create each and every frame by yourself. Do not copy. Paste this character, change perhaps the color of his shirt. Or add a few pixels here and there and just do the same thing on each and every frame off the walk cycle. No, no, no. Create a desire and then create everything from the ground up each and every single frame for all of these five directions For this walk, it's really important that you get comfortable with creating your character from all the angles. Okay, that's the first portion off this charge. The second portion is well, create your own RTG mock up. You don't have to create a town set, though I call a recommended to do it. But the most important thing is to create a mock up, create something that you can showcase as a markup over here. Make as many details as possible so you can see what I've created here. I want you to double the amount of details. I want you to get in there and create your own little world. Think about why is something there? Why is this struck over here? So the character. Consider why is this the golden chest over here? Because there are valuables in there that are character wants to have on hand. When he comes out and look at sunset, why is this garden over here? Why? Why the stars were here like that? Perhaps this is the garden like just think about all of the things when you're building your world. Okay? And just have fun with it. You can create your own story. You can create a war your own world. This is your creativity. You are the creator. Do whatever you want, but make sure to get is deep as possible. That is also number one creator on character and it's animations and number to create your own RPG more. That is all. I will see her in the next one. 42. 12.0 - Introduction to Isometric View: Welcome back in this section, I will talk about what is as a metric for you how to set up the isometric grid. Then I will show me a finished result. Often isometric room and some things inside of it, like carpet, window, table vase and then some different styles, perhaps a character. And then at the end, I will give you a challenge and some final words When it comes to our intermediate sections . The whole point of it is that the last two sections, the RPG section and this one is to bring you out to make more independent. So you can study any pixel our style after their second replicated and then put your own spin on it. I hope you will enjoy this entire section and I will see you in the next video. 43. 12.1 - What is Isometric View: Welcome back. What is isometric view? Well, isometric you is one of those game perspectives that is used. Do you keep the perspective as cohesive as possible or as consistent as possible throughout the entire game? It sets a certain restrictions and limitations that will help the developers implement the features more easily. It's usually tile based, though not necessarily what I have here is an example off such perspective. This is the as a matter of perspective. I will show you how to create a great and how to start slowly building things up. Because this perspective is so easy. I left it for the last on purpose, but also at the same time. Because it's in my opinion, probably the easiest one, because everything is pretty much 12 or three, like we did with the rocks. The topside is one color. The left side is one color for the other, and the third side is the third color. The entire isometric pixel art is essentially that. So you have the top portion off this house, the left portion and the right portion, just like the rocks top left right. You have three based colors and then go from there, So the isometric is the easiest one. You don't have to think about too much about other things, but because of that, the challenge for this section will also be a bit harder because up to this point you should be comfortable with creating your own art, at least to some extent. So I decided to make things a little bit more interesting to you to push you and challenge you a bit further said, so that you can grow even faster. This is one of the examples Sink City 2000. I remember playing this game a long, long time ago, and this is one of those examples. Another good example would be a different parts. I believe this is a screenshot from definitive edition. So when the neuro graphics came into play, but it's the same principle, so you have isometric view. You can see that you have topside left side and right side, and it's even flatly visible on the other side For this specific style, though, when you look at this roof over here, you see that this side of the roof is visible. But the other reason while for this house it is visible. So you know, there are differences in styles on what you want to achieve. Nonetheless, this is the isometric art. In the next video, I will go and explain. You helped to create an isometric grid. What are the differences between angles and then finally have to makes some things in isometric pixel lot? I hope you enjoy them. I will see that. 44. 12.2 - Isometric Grid: Welcome back in this video, I'll show you a few different examples off isometric grid and which one you should probably will be using. So the way you make it as a metal agreed. It's quite simple. You make a straight line, remembers threat line with a consistent ratio, flip it around in the opposite direction, and you draw essentially under the grid, so to give an example, this is a straight line. Want one ratio? It's under 45 degree angle. So first you draw these lines in one direction, then you draw them in the other in the other direction. That's all the arrested. In this example. I've placed two peaks lis off from top to down, then moved one pixel and then two picks is etcetera again. Created lines, flip them around, created more lights. And here I've created two pixels in with, then moved one pixel and then repeated the same process. So the ratios are different. We have want to want big sold than we have essentially wanted to pixels, meaning one pixel to the left. Two pixels now and the opposite off it. So you have two pixels in width, then one pixel on the vertical axis. And what is the difference? Well, if I remove these blocks, you'll see that each of these blocks takes away. Space is off, que by 2000. So this one is two tiles for in total, so want you want to see at least it's basis. So if I were to reduce the a pass ity of this, you would know this that this is where he pretends essentially. But the same thing applies to these as well, because this one is two tiles like Why don't all this is its best and its 2000 high and look after all, it is how extended it looks like. And finally, this one is also to buy to peak I mean two by two tiles that pixels two by 2000. It's 2000 fight like this. You can see one of 2000 here on the side. So all of these are essentially two tiles off with heightened death. However you can see they're vastly different. The closest one, the most balanced one, would be the 1st 1 This one This one looks a bit stretched. This one looks a bit squished, however, in most cases for pixel art as a metre peak start. You will be using this one. Okay, sometimes you will see this one as well. But most of the time you'll be using this one. And this is the one I will be showing you in the upcoming videos. A few examples in this isometric. Great. So it's quite simple how to set up. As I've said, Just make a straight line, make a bunch of those Just make sure that the distance between them so these distance is always the same and just keep going to make this very simple, quick example. So if you draw a straight line and suppose this is like the difference between them, you can just copy paste them and make sure your line up with these things. So you know that the space between these two is now identical. Then you can repeat this a couple of times. Then you can take this entire piece, copy, paste it and flip it around, and voila! You have the time. Great. Of course. How wide Or how I mean the spacing between these two lines, it really doesn't matter. To some extent, it depends on your again on your restrictions for coding. But even if everything is strictly underline, there will be situations where you'll be creating items and objects that are not directly on the line. So these lines are here only to indicate the tiles themselves. But for now, I believe this is it. This discovers set up your grade in different ways are very quickly, very easy. And in the next video, I will be showing you some examples of how things actually function and have to shake things. That's all for this video. I will see you in the next one. 45. 12.3 - Isometric Room: Welcome back in this video, I will explain to you how I made this simple room, so to speak. Now, in previous videos, I've explained you all the different perspectives. And if you look here for this as a metric for you, you will see that it's mostly outside buildings. And if I go over here, you can essentially see this tower in Age of Empress. Perhaps you can see it. It's quite simple to do right, not necessarily the shading portions, but even these buildings are like so I won't be going into creating such detailed pictures on the outside because it's Azar said. Really simple. Even here you can already see these are buildings you can just based some, like puts on windows here, shaded in a color off a building, and you'll be good to go. However, I didn't ever show you the interior, so I want to cover that as well. And let's go to explain to you how I made this one. So, first of all, if I turn under great, you can see it's currently barely visible because I reduced the A passage. If I bring you the capacity up, you can see degrade it's due to one. It's that squishy perspective. It's essentially, And this one first thing what I did when creating this house was you can see some of its parts are under greed. More specifically, this bottom part is on the grid, and this upper part is here under grid. These side ones are necessarily under great because, well, they go straight from top to bottom, straight vertically. Okay, Now I'm going to reduce the A passage of the Great back to around 50. Yes, you can please see to some extent and if I remove the great, you will notice that I have the black outline on the outer edges off this interior room, and the black color is on Lee on the outlines. As soon as I go here in the inside, you will see that these outlines our shadows but are not off black color. Similarly, same thing happens over here that some of these are in the white color, and some of these are in the let's say, skin tones again. All of these colors that I've used are here from these stones, or rather, the color palette that comes default with the ESP, right? So I didn't mess around with the colors. I didn't create my own color palette. I just use the ones that were available to me. Okay, even though if you want to experiment with different color palettes and they're not creating your own, you can just go here in presets. And there are a bunch of different color palettes that you can choose upon. This wonderful is the different one that will be loaded automatically as soon as you open this right. So let's break this down a little bit. First of all, the walls, the walls have a certain thickness to them, and it's the same no matter where we go here, you can see that I've been a great just a new layer toward the example Sick this fall is wanted three pixels like Dick. This one is also trip. It'll stick, but we need you. Measure it not from left, right, apart from top to bottom, so want to three picks. Is this one want to trick pixels 123 pixels So the walls are off the same thickness. Overall, however, for the wall or other fourth floor 12345 pixels. So the floor is thicker. I could have made it off the same thickness. Bavarian. So the floors are slightly thicker than the walls. All right, let's just remove this. Yes. So what was the next step? Well, once I decided the thickness of the walls, I've placed white color on them to indicate where the edges are. Okay. And for the walls are other floors I placed the shadow down, indicated these ones. So very edges are if I remove most of this shading. So if we go to house and just remove the shading altogether like this, this is scarlet look simplified. All right, these are just details that I'll explain to You have to very quickly and easily make, but all of them are following the great. Now, if writer under great again, you will notice that some of these things go through the war because we don't need to put everything through the great, not everything. Okay, so we can choose what you think is the best and place them under Great. Some things are not necessarily directly under great. The grid is here just as a guideline that you should follow to make sure that the perspective matches everything else. All right, let's go and talk about shading. The top portion is the lightest. The left portion is the midst. Um, the right portion is in the shadows. So what? I mean, well, look at the top portion off this, um, war. It's the essentially the blue color in its brightest on. You can see it over here. So it is the light of stone to the left. Everything that looks to the left, which would be this here. So this wall over here in this one, they're the same color. So they are in the middle and the last one that is looking to the right, these two there in the shadow toe. So we have the shadow, the middle and the highlight, or the life similarly for our floor. Over here we have The top one is the lightest. The left one is the darker and the right. One is the darkest now separated these for the floor. I'm separated with shadow tone for these floor tiles with a shadow color separated from these Alexei ground portions, so to speak. And the way I did this is quite simple again. Remember how to break things down remove the highlights, removed the details and this is the based on. Then I've added these things now. Important thing to know this here is that they do follow the great to some extent some of these effects under grid. You will notice that some of these are directly under greed. So, for example, this over here, this is directly under great See how they were. These ones in the middle are not. And essentially what I did is I created a line that's directly under grade here. So half of them are directly under greed, and half of them are on the half way point. So these ones are directly under grade. So this one, this one, this one However, the one in the middle is right between them. So it's in the middle, so half of them are directly under. Great. Sorry, that's the character. So half of them are directly under grid, and half of them are right in the middle of the grid. And essentially, what it was just created these lines from one side to the other. So these are the lines that I've created. Okay, all of these. So these are the lines that I created. I didn't yet put these lines over here because they were in a just yet. So once you placed all of these lines now it's time to create these lives in the opposite direction. Again followed just the same role. 2 to 1 ratio with the straight lines and you'll be good to go. See, these are the lines. However, you can see that these happen on every second floor tile. So it happened here, then I skipped one. Then it happened here. Then I skipped one. Then it happened here, then escape on etcetera. Then I reverse the process and did the same thing for these ones. So these one do you have the pattern? But these one Don't these one note this other OK, so it's essentially just going between these two things. If I go back to highlights and essentially it's these skin tone, so to speak. Now this one was very easy to do. Okay, One you select with magic. Want to make sure that contingencies turned off all of these lighter tones? Pick the highlight that you're gonna use. Use the line to and just go over all of these. This way you are shading and putting highlights on the these floors themselves. And you are never actually risking that you will go over these ones even though that relation happened if you were properly making this tile. And that's all the rest. These are all the highlights, and they're on some of these styles, such as this one. You will see that I've just completely placed it in this highlights. So essentially what I did waas this just color it in completely. And that's how I created this simple house. Now I will be showing your articulate, different things here, or rather, how I created them. Cart between the table vase tiles, Character Don't we won't be actually creating the character and just one little small thing for the wall. You can see this little back over here, and essentially I just placed one lighter. Still, as you can see, if I remove the shadow tones completely, it kind of loses its its edge so you can see that it's still here. But it looks like just it's painted on the wall. However, if you put a one white color on top of it like the like, this heating it like it has some thickness to it. We already have this one, so that's very simple. Howard created this small simple room. Now, remember, this is a small room you would usually creating something that is multiple times off this size. But this is the same principle. That can be a part, no matter how the room is big. All right, that's all for this video. I will see in the next one. 46. 12.4 - Isometric Carpet: Welcome back in the last video I've shown you have to make this isometric room. So I suppose I should rename this house into a room. And from this, I want to show you just how to add a little bit of carpet. So when making these kinds of games, you might want to create separate objects so you can move them around. But you can also make them justice of one whole scene and then have that as a like one big BNG file. All right, so here it law, this was the room. This was the carpet, really simple, right again on Lee using the colors from these color palette. And it's quite simple again, I just fall 2 to 1 ratio. Three only thing that you should know. This here is that well, the thickness off the carpet. What gives it that thickness? Waas creating second, essentially creating the second layer here. So this is just one pixel right off thickness. This is one pixel of chickens. But this last part is two pixels off thickness. This is what it gives it that that if you want it, you could actually go even one step darker. So to speak. So you just take even darker color and created like so that's also completely fine. Now, the good thing about this is that Well, if the carpet is on a separate layer as all the other objects, you can move it around. I can place it here near the wall. I complicity here. Here, I can move around wherever I wanted to be. Okay. And that's all. The rest of this is the carpet. You can play some different patterns on it if you want you. I could have just kept it very simple on essentially just places like that. But as you see, it was kind of flat, so you want to add a bit of thickness to it. So this these ones in the middle are just for the pattern. But this other edge is here for the thickness. And these top edge is just one big self again talk. But these bottom left about the right ones are what gives it that depth and then just added one color Here. The colors used from the color palette are these ones again. If you call her pig from here, you will know this. It will automatically choose them or here as well. So if I choose this color, you will see it jumps over here with this little triangle in the top, left corner off the color. And there we go. That's all there is. That's how you create Ellen carpet. So if I were to show you so just use the straight line toe you can use the line to Shortcut is L. Now? Usually it would go around in all possible ratios, but Hillary whole shift. It will snap directly to the eight or rather, six possible directions. So you have duck, you have diagonal and you have this. Which should we need for our essentially a symmetric Great. So with this, like to, it's so easier and faster to make well, whatever you need. And there we go. I just created very simple line. I could go around it and essentially take it, rotated, connected, and there we go. So, just like that, this is the best for the carpet is have said now, putting the shadows, their details, etcetera. You can do that very easily, but is essentially the process. I just want to show the process, have to create, and as a metric objects because it's quite easy. Just follow the great, follow the ratio that you have set up for yourself and you'll be good to go or that's it for this video. I was seeing the next one where I will show you have to add a window to this. True, I will see that. 47. 12.5 - Isometric Window: Welcome back in this video, I'll show you how to add a window or rather, how I made it. So it's quite simple to do, really. And if I take this window, you will see that this window has a thickness to its well wall, so to speak. Here we have the thickness of the wall, which is three pixels, plus the highlight process. Shadow here, over off color or here we have the highlight. We have wanted three pixels, and I have this one big soul that really isn't shed so that one can certainly be made into something like this. So this is essentially respecting the thickness of the wall. That's all the recent, however, for the stylistic purpose that I'm putting essentially blackout plants on Lee on the other side. I just decided to place it in the same color as the rest of these, because on a first look, it might look that it's a bit too thick that the wall on the window is thicker than the walls themselves, though that do it's possible, depending on have you build a structure. But nonetheless, if I turn under great, you will see that under great I am respecting in this case, and I'm following just along this line off our eyes, Um attributes. So the bottom off this windows here, the top is summer in between. It's not really necessary. And then the height goes directly up so you can see that these lines are directly from essential directive vertical. The depth to this is quite simple. If you look and try to visualize how the reader would look rather Howard, let's a hole in the window look like you will see that on this side. You can see this portion off the window because you're looking from this direction. But you cannot see this portion over here because it's not visible, right. It's behind this white portion. If I take this window and copy based it, and you know if I want to, I can't certainly place it here as well. You can see how this window over here you can suddenly see this portion over here. Now what I want to say with this window is that one you should be mindful of how thick the window is or how the walls are thick and respect. That and on the other side, think about what you can and what you cannot see. Even though isometric view is quite simple, in a sense that everything is on this greed, it's sort off. Q. Boyd. But you still have to think about which portions off that, Let's say cube like object you can see or cannot see. Okay, that's all the rest it. When it comes to recreating this little window, it's quite simple. If I remove the highlight, you can see this one. If anymore, even these ones you can see just the outside. And even if I was to removed this cultural together, you can see that there really isn't much going on. So we have this outer edge of the window. You can see this edge, the top edge and this left side, but it also has adapted, but even here we are respecting 2 to 1 ratio. But sometimes we don't want it to be 2 to 2 when it comes to the thickness. If I wanted to be five pixels stick that it would be five pigs elastic. It's OK, the habit. Linus, it's not okay to have it. Let's say like three like this, or 111 like this because right now it's starting to become occurred. Object if you are just following the perspective than to to two is the thing that we should keep in mind. It's OK to live one pixel out of it. Okay, then we are adding this bottom portions so essential where you can put your hands on etcetera. And this stop portion is here only better. You may. I bought some sort off a curtains. Perhaps. If you want to put curtains here, you can place them hanging from essentially from here. So if they might hang etcetera nonetheless, the outside is a different color than from the wall, because, well, we are looking outside again. I've used the same color that I've used for the stop abortion is a highlight, then placed some wood here and some highlights on it. That's all there is to this window on the outer edge. However, I just want to mention that even here on the room that I've mentioned here in the widow in the window that we have to to to. But this last one isn't two pixels here. It's just one, and that is completely okay. Just keep in mind that 2 to 1 ratio should be respected at all times. All right, that's all for this video. I will see in the next one where I will show you the table. 48. 12.6 - Isometric Table: Welcome back in this video, I will show you a very simple table in isometric view. Turn on this little layer off the table. You can see how it looks again. This is very simple. It follows the same pattern when it comes to colors for our floor. So we have the darkest color. He is this one, and the lightest color is this one, which is the same here on the floor again. I'm using the color palette from the default, a Sprite Colors ballot. How to make this one is again, quite simple. And let's just make a replica. So on one side, if I take let's take just some different kind of color, I will turn off the carpet and use, let's say, a red colors to concede about it differently, so have to create this well. First, I need to decide how tall I want my table to be. So suppose it's the star well, but the next step well, I can take this, and I want to decide how long it's going to be in both directions, so I'll take this one, and I will follow the grid. So if the greatest here, let's move it right under grid. And suppose this one is right above this pixel. Okay, this means this one is also right above the pixel. If I want that with to be exactly the same, Remember that in this case, I want to reduce the capacity so we can actually see, uh, these few colors and it's important that the heart of this to Ari is exactly the same. So this one is talking pixels, and this one is also 30 pixels. Because, remember, I've cup paste them, so this one should be over here. So that's how we decide how tall it's going to be. Now we need to connect these two again. You can just use this line toe and you can connect them again. Keep in mind that shift should be called so you can actually hit it directly. And now, from this point on, you can do all sorts of things. When it comes to edges, you can see how this edge is a bit different than the one over here. So on this edge we have one pixel here on the edge. Then it goes to to to to however, over here we have two on this edge and it goes to to to to and it is on one. It's completely okay. We shouldn't be doing this because it needs to follow the great. Now, what is the next step? Well, to create more structure to the table, I can go and and the second pixel here and do the same thing here and add a second big slower here and now. Suddenly we also have two picks us to it. Now I need to decide how long I want my double to be. And remember, I should also be being I should have to be very careful where I placed because I do want to follow the great. So if I turn under grade, you will see that these once let's say correspond to well, not a great so you can see a bit more easily. You can see they lay on top of these and so we can lay them here on top of these as well. Now, if we turn the capacity beat down or even all the way through now you can see they lay on the same ones. When it comes to the well to the floor, it's essentially real important just to keep to keep everything at the same great in the same line in a 2 to 1. You could also have done the same thing by manually counting. So okay, from this point or here I have, you essentially have to go. I want you want to. I want you want to want to You want to and then want to so you can see these lines up perfectly so you can do it manually. You can just move it around like if you take this one and just you go Want to well, rather two pixels than what two pixels and one set you can essentially do this manually is what I'm trying to say But it's again all up to you now Let's go back to thes ones and let's connect. So this upper left pixel I could connect with this one And the same thing can happen with the stool. There we go. This is car. We have a very simple table. Now we all know this, that because this table and if I used the same colors over here, that the stable is slightly different than this one and it's quite simple. Why and that is that the length of the table is different. So this stable is quite a rectangular. It follows quite a nice when it comes to the great. If it turn on the grid, you can see it plays nicely on one tile. Okay, this is why the stuff part This last leg of the table cannot be seen. However, this other table, if I take it and place it on the same side or even top of this one, you can see it ends somewhere in the mill. So they are not the same. And this is why you can see this, like from this one and not from this one. Essentially, the process was the same. I created two legs and that I just brought them a bit further down the lane, so to speak, and then share it with me. Now that's all for this video. I will not be sharing this table. I just wanted to show you that if you're wondering why this table while you cannot see its last leg and here you can see this is the reason why it is so. If something is directly on the tile grit on just one specific style. You probably won't be able to see this last portion because it will be hidden. But otherwise it will be seen. All right, that's all for this video. I will see in the next one where I will show you a vase for our little table. I will see them. 49. 12.7 - Isometric Vase: Welcome back in this video, I will show you how to create of us or other how it's created here for our table. Before I wanted the vase. I just want to show that I've shaded these legs a bit differently. In the last video. They were completely like that. So I just decided to shave them essentially the same as these ones as well to keep it consistent or for the vast. Here it is. It's quite simple. It started out as something around, and it should be shaded as such. So rounded objects are shaded a little bit differently. It's still the same concept, but you know, you have to approach it a bit differently because it's a different object. So the vase itself you have the top portion, which would be this over here. I'm sorry. Actually, I may pull this was here to decide. So this stop portion over here. This is the vase like the top portion that that's the edge of it. Theis inner portion is essentially the inside of the vase that you can see so we can even be completely black, depending how you want to make it. This is the neck off the vast so below the entrance where the vase is essentially becoming a narrow and then it's expands and this is all the rest of it. So if I were to take this apart, this is the interest of the vials, like the tip of it and the neck of it. And this is the bottom part. It actually holes like the water than whatever it needs to hold. So how did a shameless well, you can see? It's quite simple again. I've used this color palette and shadow goes on the right side. Mittens in goes in the middle and the lifetime goes on the left. Now there are different possibilities. When you shade of us or anything off this source, she still depends how you want to go about it. You can leave the left side like this. So essentially you are having the complete left side. You are living in Maidstone. Then you're placing your highlights next to it, essentially towards the middle, but not completely in the middle. And then you go back to the mid stone up here in here as well and then on the right side and below should be in the shadow. So you know you can pick and choose whichever style you like The most depends. It just really depends. Watch on your personal preference from these do. However, you can take this one. You can take this one, put them all next to each other and see which one might for the best for you. In my previous one argues this one. So perhaps let's say for some reason, I like this one a bit better. So I'm gonna place this one over here. Now What you might notice about the vast is that it breaks the Surfin rule, doesn't it? Mm. So if you go and take a look at its bottom portion and I tell not a great you will notice that our vast is three pixels. So what's up with that? Should be take our vase and essential places like that. Should we break it? He in a sense no, we shouldn't. We are following the great to the letters of to speak only when we are dealing with flat surfaces. So the object that is essentially a que Boyd, so its like a cube. It has flat surfaces. We follow the great leather. Otherwise, when it comes to a rounded objects, you can create the rounded object. But just keep in mind that if it's a more complex object like this Waas isometric, pure steel watches everything slightly from about. So this is sort of a RPG view when it comes to the perspective. But the object itself is slightly curved. It's slightly rotated to 45 degree angle, so to speak. What I say this Well, this was an RPG. Then you wouldn't really be able to see this entire room in that sense because this room currently has and I'm gonna be really on specific here. This room currently is rotated like this. Okay. However, in the RPG view, the room would be rotated like this. You'll be looking at it straight from top down. This is something that we did in the previous section. So this is essentially the same room. It's rectangular, but we rotated it so it became like this. So when we are doing the vase or anything like that, we still need to keep in mind that I will be able to see it Stuff portion, and I will not be able to see the bottom of us because because of the perspective, if you want to put a ball in it, let's say a sphere. You wanna put its feeling in the room. It's a basketball or bowling ball. Who knows that case? You really don't think you can just take the sphere? And that's old arrested. Okay, you don't have to follow the rules. There we go. We have a bowling ball over here. Yeah, perhaps you might want to share it a bit that say it's completely bite. It has those, I believe, three holes and then we go. We have a bowling ball in there. So for spherical surfaces or other for spherical objects, Cylindrical wants as well. You need to think about those things. Be differently now. This is a sphere that's a bit strange, so I'll keep the vases. It is This bowling ball is lyrical. Now what about the cylinder? Well, if you have cylinder is taking, let's say it's a lock somewhere outside. This is a log. This is a lot, but how should we follow this isometric? Great Well, quite simple. Let's make it just a bit smaller. You're started. Let's say here on this partial grid and you are ending it also here. So here, right here, exactly 2000 and anything in between you can just to this point, and this is how it would look like now you might be wondering, Well, it's not really easily seen, but here we go. So that's how would you? You would do essentially cylinder because cylinder is around it, but also it's straight. So it's rounded when you look at it like in sickness, so to speak. So from left to right, its rounded but from top to bottom, or rather, from up to down, it's straight. So you need to combine these things. You can create whichever spherical part off the object you need, but for the straight portion off it, you need to follow the grid. That's pretty much all of it. So now we could share it if you want the law or whatever. Now that's all the rested. When it comes to isometric Pixar, you can go into more details later tells etcetera. I'll be showing you some extra towels, and the character forties has a major review before we wrap things up, so I hope I will see you then. I hope you enjoy this lesson. I will see in the next video 50. 12.8 - Isometric Tiles: Welcome back in this video, I will explain to you tiles in isometric view, so they're quite simple. When you have your greed, make sure that your tiles follow them. That's all there is to it. Really? So if I think the stop portion of this literally deep tile, you'll see that this green part is laying right on top off our eyes, A metal grate. So one tile Here. This is exactly one tile off our tile, essentially, so you can see it. Is that free of that type? Now, why is this important? If you decide to connect the styles, that is essential, how you do it now there's two ways to go about it. When it comes implementation, you could we can choose whichever you want. This is one of them. So these are just the details on top of these, but essentially they are the same. So this is the same type of the grass is you can see. But I just had it. Some details on top of it, similarly here as well. So what are the possible issues if you follow it directly as the great is Well, Suppose I want to connect 2000. They overlap. So you can see that if I make this into a red color, they will overlap. So you can look if I place it here. It no longer follows the rule because, well, it needed space. They will essentially meat, because if you follow the rules, Q 22 pixels, Right. It will either leave one space here completely empty, or it will break here or they will overlap with each other now, sometimes you might want to overlap them. And if that is the case, this is the way to go. So you can just overlap them, as you can see here, and it's gonna be perfectly fine. And you could keep doing that and this way and make sure that the last one has some shadows . However, if you don't want that and you want to, so to speak seriously seems to being able to connect the tiles. Then just make sure that your house here do not actually meet directly on this grid, but rather you can erase one portion off it. And when you look at the grid, this is essentially how it would look like. So a knife tried to connected you can see they connect perfectly essentially. What I've done is that I erased. When it comes to the grid. See him? I erased these delight essentially whatever was here on the green tiles. If I bring it about the grid, you will see that I've raced these ones. So the top left and top, right? I've erased those portions of the tiles. So what does it mean? While the top left in the top right are still under Great. And that is good. Why? Because now I can seamlessly integrate and copy paste this and just connect them as they should. And you can see they will follow this perfectly. Similarly if, like if I try to do the same thing here above, they will still connect perfectly. Everything will still be two pixels imported directions. Okay, see him. No matter how it connected, there will seamlessly blend into together. So that's one way to do it. This is just one small tip that's kind of important with 1000 isometric view. You can either overlap them or if you don't want to overlap them, and you want to make sure that the tiles themselves working nicely is a time lapse system. Well, in that case, just raise the top left and top right corner off the grid itself. When it comes to the thickness off the tiles, you can go with any thickness whatsoever. This one is give just one example. I just tried to keep them the same. If in the game you have want a little peace and what I like this, it might be cool to see some river flowing beneath this. Perhaps if this wasn't the grass, rather, some sell some kind of a bridge. That would be cool. Just an idea. But yeah, that's actually how would you would go about creating towels? When it comes to tile sets and town maps, it's the same as everything. Up to this point, you need to just follow along and make sure that everything blends in nicely. However, a sprite nor picks leaded. They don't have the option to create Tell maps. In my constant Met here, there are other possible suffer possibilities out there, but I don't currently want you overwhelm me with all of those. This is the principle off Harvey. Do it. It's quite simple. It's quite fun to do and just go on and play around with it. You can create scenes like this. You can create thes types off tiles. They could be thin. They can be thick. It's all up to you. That's all there is for this video. I hope it's not you out. I will see you in the next war. 51. 12.9 - Isometric Character: Welcome back in this video will show a character for our isometric room, and it's quite simple. As you have noted in the previous little hint. Yes, it's our character doing this scenario. He looks more like a child. They need us as an adult because off well, how tall he's in comparison to table and window. But regardless, this is the secret behind it. Isometric characters use those diagonal movements, so if you have made the character that uses diagonal walk cycles, that's all. The rest of this is the same walk cycle that you can use here in this room. And this is also the same reason why I used the same color palette, because the colors on the character are the same that are used here in this room. For example, if you take look at the table or the floor, you can take these colors that we use. Here is a vote, and these are the same colors used on the character. This is also a small tip here that how the colors feel and what sort off a texture there present is also highly dependent upon the environment and the context that you put them in . So if I have a human right and give it a color off a skin, it's a skin toe. However, if I put it here is a furniture. It looks like it's would even though they are completely the same color. So this is my let's a final little tip. If up to this point you have practiced the diagonal, boom it off your characters in the RPG, you have everything you need for the estimate degrees as well. That's all for this video I will see in the next one. 52. 12.10 - Isometric Challenge: Welcome back for this challenge. I would like you to create and isometric room. I want this room to be at least twice as big as this one. I would like you to put some details in there, maybe place a TV, maybe put some patterns here on the wall, made puts off flowers in the vase. Maybe create a family here, Maybe a couch. Who knows? Put whatever he wanted the room, but create a nice, decent room. Also, I would argue to create an isometric greed create a very simple structure. Very simple building. We can be a skyscraper, for example. So you don't have to think about the roof on stuff like that and make it in all three off these as a metal grates so created when it's in this isometric. Get creative on this one. And this one used the same colors. Try to recreate the same building so you can see how the as a metal grate actually distorts the perspective off our object. And in what way? So days are too many important things. Now, the reason why I haven't gone into que many details When it comes to isometric grid, an isometric view is because if the easiest one, when it comes to creating objects, but it's the hardest one when it comes to creating animations. This is why I created the diagonal animation in the previous section, so that at this point, you should already be comfortable with creating the characters with walk cycle for the irregular movement so that the transition to the isometric view is as easy as possible. That is the challenge for you, because all the sections from this point on, or rather all the future sections, I will be diving into more advanced stuff. And for those things, you should be able to You look at my work big things that you like and be able to integrate them into your own style, the things that you like. Three more things that you don't like. I'm also when it comes to Bixler Justin artist. I do have some styles that they prefer more than the others. I usually tend to think about more about the game designer into function in the game as well, so I usually integrated design into my art. So some things even even like that. There are some things that you will like and some things that you will not like. This is the last section where I can actually help you to break free from constraints off following just lessons to the letter and just trying to replicate pixel by pixel. Because if you are creating only one style all the time, just following want it, Orio, and just strangle best to replicate everything. Pixel by pixel, you are still at the very beginner level and that's completely fine in the beginning. Don't get me wrong, but as you move on as you grow, you need to become independent. The previous section the AARP, AGIs section and this section, sir, as a sort of our breakthrough for yourself where I want you to become a little bit independent in your own style. In our own research, I've shown you the end result. And then I've broken it down for you so you can stop creating an image in your head. Whenever you see a big sell art out there, you can already start to visualize and break it down into small, digestible chunks so that one day, if you want to recreate that style that you know how to do it So that's all the risk for this video. I have given you this challenge. I hope you do well in it. Please share it and I will see him in the future videos. But remember, relax and have fun.