How To Make Visual Novel Sprites! (PROCREATE)

[Music] what's going on youtube it's your boy chris and i'm back with another tutorial it's been a long time since i've done youtube a little tutorial oh man i can't speak i'm so excited man but um yeah you want to learn how to do a sprite um you came to the right place as a dude who does not have a sprite himself i'm actually really good at why the hell did it just crash sorry about that but as i was saying before as a dude who does not have a sprite himself i actually know a lot about sprites and how to make them i've made some for some video games i've made some for well youtube i just never used them um but yeah i'm just not really a sprite kind of dude but i do love like visual novels and stuff like that i made a ton for some visual novels in the past but either way um just to give you a little bit of like yeah credentials about me about you know if you should even trust you know me but anyways not to waste your time um let's get into it so the way i create sprites is i usually go by a systematic approach to them so um yeah pardon that uh noise that's just my sketchbook i'm looking at my notes so step one i usually always start with a strong sketch i'm going to show the sketch for this one right here um and yeah this sketch is scuffed all right i know i know it looks bad all right but that's the sketch um i usually always start with this um just you know you gotta have that good foundation um step two is i i do the uh work for the body so i'm gonna stop that and i'm going to to put this on so yeah this is the body you know this is the part that um most people uh like like you're gonna see this the most i mean this is literally like the literal like you need this part um so yeah yeah this is really important the body step three um i do the hair and i'm going to just hide this and then just show this the hair and yeah this part is also very important you know um but you can also change the hair um you can have multiple hairstyles too if you want but you know that's neither here nor there we're just gonna you know give you the basic tutorial run down um step four is the eyes and you know the eyes i'm gonna go ahead and put this back on you know you got you know your eyes you know you got your four you know those expressions you know two three four um but anyways yeah you got your eyes and last but not least i have my mouths and you know i got like four mouths you know so yeah but anyways um i usually take like a very systematic approach to this i have done a lot of these like double digits as far as how many i've done um but yeah uh it's really not that hard so i'm actually going to create one with you guys and you're going to see my process so basically what you want to do is like i said before you want to start with a sketch so i'm going to literally be so scuffed with this guys i hope you uh i hope you're okay with that because i want you guys to get the concept and you know uh basically after that you know you can do your own thing so this is our body i know i know i know amazing um but this is going to be the basis of your sprite right here so after that um let's just say that that's your sketch you know and let's just also go ahead and say this is your line r2 because i'm you know you want to make it pretty but you basically only want to have the bass you know and um for colors i'm going to do the colors too um if you want to do like different clothes and all of that um i think i may make like another tutorial on how to like make clothes interchangeable but it's really easy it's really going to be the same uh you know way we do it here where i'm instead of just like making the base have the clothes you're just going to draw the base naked uh you know but um you're going to draw it naked and then you're going to have like the clothes um be its own separate layer so like you know how we had our mouths our eyes our hair you're just gonna have another group where you put all your clothes in um so yeah you have to really look at it like you're actually getting someone dressed essentially so um yeah so we have our line our layer right here we have this layer two this is going to be our color layer so i'm gonna just name this uh it's gonna be our base so i'm just call it our base um and i'm just i'm gonna just color this really quick and just it's gonna be a random color man um because you want you wanna be quick um and yeah so basically we're just going to say that this is our base and then the way i color is that i create another clipping mask and then i you know keep the layer mode the same and then i just go to a random skin tone and that's the skin tone you know so this is skin i'm gonna make name this skin and then after this layer i create another clipping mask and you know uh lower to 35 i'll multiply uh layer mode and then you know take a take a color usually if you when you when you do sprites you want to make sure you have the same shadow or shade color because you want to make sure it looks uniform so whatever color you use make sure you save it um to a palette and you know that that's you know that's pretty self-explanatory just save it to a palette so you can keep the color otherwise you'll have to keep on switching the layer mode back to normal to grab the color again and you don't want to do that so i'm going to choose this bottom color right here um and then we're just going to do very basic shading on this just so you get the point the idea um all right so i'm not going to go into detail too much on the shading but you get the idea you know that this is going to be your shade so so we're going to name this shade shadow shade whatever um then your highlights you know you don't want to be od with it but um you know i usually put it to add or normal it doesn't really matter um with these you know just a lighter color and then just you know go on outside you know and okay so i'm not you know being you know really pretty with this but i want you get to get the point so basically i'm doing all of this because we're going to make we're going to group these basically we're going to group this so that it's its own thing so that um when i want to see it i can just bring up all of these layers at once and then uh and then i can just uh hide them whenever i want to so what you want to do is you want to swipe right on all of these layers um except the sketch layer so except that bottom layer one you want to swipe right on all of the layers that we were using for the color and the line art and then you want to press you want to go up to the top right you want to press group and you want to name this group base and that's going to be literally our base that's going to be our base so that's kind of how you create a base it's super duper simple you know and that now you can you know do this i mean i'm going to hide the sketch but now you can do this and you know it's there so there you go now step two you know um or step three i guess you know hair so let's say uh uh okay let's let's let's say this dude has like uh i don't know i don't know this is about to be y'all bout to laugh at me but uh you know it is what it is i guess um let's say this dude has uh hair like no i hate that hold on um i may have to cut this part out because i got to get this hair right so you have your hair you have your hair so we're going to color the hair we're going to create it layer underneath and you know that's just going to title it color and we're gonna give it a random random color really random um so yeah this is the part where you can just like you know do your hair for your character um if you just follow the sketch or whatever you can bring your sketch up in front of the base so if you had um like hair on the sketch you could see it i didn't really do hair on the sketch so you can't really see it um so it is what it is but yeah so anyways uh this is your color this is uh then after that you wanna you know create your shade layer you know i'm basically going to probably time lapse this because you get you get the bass part you get that part it's literally the same thing for all of this stuff it doesn't really change until you get to the mouth and eyes so um now i'm going to just time lapse literally uh [Music] i'm going to time lapse so yeah i'll see you in like just a second okay so i have my hair and i have my base so this is basically like uh this is a very oversimplified version of those other two pictures that you saw or with the other one picture you're gonna see the other one in a second um so it's over simplified version but yeah uh you have your base at the bottom and you're here at the top and if you want to do uh extra hairstyles you know you could just uh do the same thing again basically you could just do the same thing again with the hair and then you know just group the two hair groups you know and then just rename that group hair again i don't know if that makes sense but you know you can do multiple uh hairstyles this way so now we're gonna go on to the eyes and uh y'all are gonna literally you know roast my eyes but you know it is what it is man um i'm going to draw them you know like this and um notice how like the circle is like underneath the hair because literally it's treating it like you know the hairs almost it's almost treated like it's 3d you know so um there you go um just draw you know some some basic eyebrows you know um and yeah just just just uh just a people this dude is nightmare fuel man what the heck [Music] all right so this dude is not even looking at the screen uh-huh but again you know the concept is what's important so hope you guys understand and we we're going to tackle the eyes the same kind of way for the most part so um you're going to start out with your your actual eye like the color for your eyes so whoops it's not black uh hold on so you want to color in your eyes i'm being real messy with it but you know again just trying to get you to understand the concept color your eyes in and then hold on hold on hold on all right and then for your iris you know whatever color let's just go red and if you want to like make it cute make it beautiful you know you can do the alpha lock joint i talk about this in my cell shading tutorial that's a shameless plug um you know if you want to go check that out and see how you can make eyes look you know cool and all that uh yeah that's free so it's on my channel and go check it out um and then yeah you know it's the same thing it's the same thing uh basically you know you do the lower down 35 make sure this is on multiply and then you know make sure you choose the same color you know like like i've been saying earlier because that's important for it ought to look like uh it's together essentially and here we go so yeah and that's the shade for our eyes now the only other step that we do after the eyes or whether i do you know this is going to depend on your style actually but um i like to add a highlight just a white um color or like a white like little sparkle on the eyes so that it looks you know like it has that animated look a little bit like i know this dude looks scuffed as heck but like um on my other pictures i'll show you that like it it has that like you know anime effect you know and um since you're doing since i'm doing sprites i don't like to make stuff too too complicated i like to make it easy to replicate so i always kind of have like that white highlight at the top and i need to get in the habit of naming my layers but i've done so many of these that it's like i just know you have your uh you know your your white then you have your p or your iris then you have your shade and you have your line art and you have your highlight um so yeah and then what you want to do is you want to group this you know and then i named this neutral and i'm going to make one more eye you know the same way um well not the same way but i'm going to basically do the same thing but i'm going to make the expression a little bit different so you get that part too um and then you can see the switch you know and um let's do i'm lowering this down so i can uh actually you know what here's what i'm gonna do i'm gonna just duplicate this drag this out of that group and then uh i can actually turn this back on now but yeah now what i'm going to do is i'm going to slightly edit it to where this guy is angry so let's do this and this right here i'm going to erase this part let's do that just dude more or less looks faded than angry but you know um i mean hey you know i i i i bro you know you got that bro you got that um all right so this is a different expression you know and then we're going to do the same steps so let's do this you know i wonder if i do reference layer and then yep faster it is faster all right and i'm just going to grab this color really quick then oops one two all right then the same shade color create a new layer for that shade and lower down to 35 then you know go on just shade it in you know this part again i'm not going in depth on the shading part or like the color part like to make stuff pretty i'll if you really want me to teach you how i make stuff look pretty you know like like this right here obviously um i can make a tutorial but again you know that's that's just gonna i need to know that you guys have an interest in that um but yeah i'm just gonna add this and yeah now we got a mean looking dude you know a little uh you know nah not even gonna say that um just just just uh just a dude that looked mean just just mad mad dude man we're going to nickname this emotion mad you know um so now you have your two expressions for your eyes you know you have your neutral and then you have your neutral and then you have your mad so now what you want to do is you want to swipe right on on those two expressions and then you want to press group again and this is going to group those two groups and then you're going to rename this to eyes so you don't get it mixed up and yeah now you have your base your hair and your eyes and you can entertain you can make creative many eyes you want you can create however many uh hairstyles you want and you have your base technically if you do the same steps you can uh create clothes like this too you know so it really just uh depends on how far or how much you want to do but yeah so now the last step is uh the mouth and i'm gonna just put this mouth up here i don't know uh now a little line art or i'm just leave it like that so let's do i'm gonna do three expressions for the mouth so neutral all right hold on let me let me not mean um that's definitely mad um so or yeah no we're just gonna call this neutral neutral um and again for mounts that are closed it's so simple like i do this so simple so i just do the line art on top then i do the shade thing where i have the multiply layer set to 35 opacity drag it to the bottom make sure i have the same color for my palette from before and then i just shade you know it doesn't even have to be anything like super duper uh it does it really depends on your style you know i mean obviously if you have a more uh detailed style then you're going to want to do a little bit more with the lips but again this is your style thing you know this is how you do stuff so this is not really um it's more so just getting the repetition and like the grouping that that sealed into your mind and then you'll be straight for making sprites so yeah this is done you have your two mouths or you have your mouth one this is called neutral i group those two layers by the way um if you didn't see that um and i'm going to create another one and he's going to be smiling so we're going to do this [Music] there we go big old smile and um literally the same thing same same process same process 35 whoops that's not all multiply there we go and same thing all right so now we got a dude who has two emotions he has he's neutral which you know he really has more emotions now because the eyes you know they can uh you know he can go from just you know being evil like he is right now to you know being all right hey maybe he's you know a nice guy no no now he's not you know what i'm saying and then home then you can leave it right there and then you can change it back to uh whoops so it's angry where he's like yeah you really got a problem you know what i'm saying so uh that that that's you know there's a lot of range of emotions with just those uh expressions right there but i also want to do one more um dang man what's up with this dude hold on all right there we go so what am i in the eye section for sorry um i'm going to do one more mouth and it's going to be like a surprised mouth um and it's just going to look like this there we go and to show his teeth hold on show his teeth whoops all right and yeah hold on his tongue all right so very messy mouth right and here's where i'm a little bit different so i actually draw just to save time i actually draw all of the colors on like a single layer for the mouth because you're gonna be like like i have like sometimes five or six mouths so you know in order to go fast um i i can't i i don't i don't waste time you know making a new layer for like the tongue and new layer for the uh teeth and you know all of that stuff like no i just go on the same layer and i already have like the colors already uh to my right because i you know i do this a lot so there you go you got that color and then you have your tongue right here and it after this but uh literally after this it's the same uh process as before where whoops all right where you you know you take your uh your same color from before ah i can't believe i did that i'll fix it later um switch it to multiply lower the 35 opacity 35 multiply and you know uh shade inside and you know you don't have to be super duper uh complicated if you don't want to be complicated you know um some people don't even add teeth in there it's because it's like you know i just don't feel like drawing to you know i i get that you know so you know just do whatever is uh comfortable for you and um you know shading you can be a detailed or as undetained as you want so there we go we got a little surprise mouth you know i'm gonna go ahead and group this and and i'm gonna just name this huh because that's what he looks like sounding like huh bro what so there you go you got your three expressions and it it looks like he he just it's a very express like despite this dude looking like a straight up thumb like uh it he's a very expressive looking thing you know um so you got this this and then this and then you know at like we did with our eyes you know um you want to group these layers and then you want to title this mouth so there you go and um yeah that's basically how you show a sprite so i'm going to or how you make it sprite um and like i said before if you want to do clothes you know you just create a layer on top of the base layer and then you uh you know draw i'm not about to do it but you know like i'm just saying you draw you know over this part um and then you know just make sure you have your bases uh set up and you're actually not going to uh because this base part is underneath the clothes you have to outline this part right here otherwise it'll uh go through you know um and actually now i'm thinking about it you know you may have to outline um wherever like the the thing is touching the other uh line art wow that that's a great explanation you know i know i know great explanation but anyways like that and then you know color the way we did before you know so um that's just if you want to do that but i don't want to do that right now um the other thing i wanted to say is i want to go back to the hair really quick um you want to do is you want to click the bottom layer the bottom layer right um where you colored it create a new layer and then you want to switch this back up to the front and that's actually going to unclip everything so you want to clip it everything back but the reason i did it like that is because if you go to the bottom layer or if you go underneath the group and then create a new layer it's not going to be created in the group so you know it's it's just a little bit stupid but you know it is what it is but we're creating this layer because we're actually going to create the shade for underneath the hair um and yeah that's just that's what we're doing with this and you know because some people are going to have longer hair that overlaps the eyes you know or overlap something so you just want to make sure you have that shade right here um so here you go and and there we go there we go now our dude got hair or shade wow okay now he has shade so now now you can um oh i'm going to show some of my examples or some of my uh bases that are basic sprites that i've made with the expressions that i'm talking about so this is a character his name is soda fujimori he's from my ex webtoon uh the shorts of storm straw university um yeah say hello to soda but anyways um i'm gonna show you his eyes well actually you know like i said before you know he's bald but you know uh like me but you know uh he got you neutralized then you got your sad eyes then you have your surprised eyes then you have your mad eyes but it's like you know these expressions once you have four of those and you have four mouths you know you can like literally create a whole bunch of expressions like you know now he looks sinister you know now he you know really pissed off and now he's just like written his teeth you know like ah don't don't don't mess with me you know what i'm saying um so you have that going you know and um again like uh whoops there's just so many like uh combinations you know like now i was like oh uh you know you could create you know what i'm saying he's like now he looks like you might have shoot up a school of ants there's just so much you can do with these you know so many expressions it's so like and then the more you add on the more expression like the it's almost like exponentially uh double but don't listen to me but yeah like so i'm gonna leave it at that for him and that's his base you know and then uh yeah this is just i i was just uh trying to size it everything correctly with this layer so don't worry about that um in this hair you know you have everything like i was talking about earlier you know like the if we zoom in this is like the shadows that i was talking about or the shade um and then you know everything else is basically as i said you got a color you have the shadow layer then you have the highlight and you have the line art you know so yeah everything is basically like how i said um the only thing is that like like i said you can't change his clothes you know um that's because i for what i'm using him for he's not gonna need his clothes james and it's like i just was not i'm not planning on using these price that much and then this is um kaya forester you know and she's also from you know the shorts of storm straw her and soda are you know close friends so you know as i said before she has the same you know head situation going on so it's all wigs bro it's all wigs um but yeah you know like like i said she has actually five or six i can't count five um eyes and yeah like i said um you can you can literally uh play around with these and just like you know have fun honestly like it's just fun seeing the different expressions come together so like right now she's just neutral you know and uh not now you have you know just a whole some cheese you know an awesome smile you know it's like okay well you know now we don't uh it just is what it is now and it's like huh you know not really huh more like this is huh let me see this is huh so anyways you get the point um i don't want to drag this on too long i just wanted to show you uh what what everything was what the deal was with sprites you know um and you know if you like this video you know don't don't don't feel afraid you know subscribe you know help help me out you know like i i i don't mind doing this uh as like a second source of like income you know i'm saying your boys in college you know i gotta i gotta eat you know what i'm saying i'm tired of eating ramen noodles and oatmeal bro um please help me out no but anyways um if you like the video don't you know leave a like subscribe um stick around you know watch some of my other videos if you uh you know like my content or whatever but yeah man i think um i think that's gonna be about it for this one if uh yeah man you enjoy the rest of your day night or whatever and i'll talk to you in the next one peace you

Channel: Chris Mason

Views: 18,241

Keywords:

Id: 9aOGy0mfp_Y

Length: 25min 40sec (1540 seconds)

Published: Fri May 14 2021