Pixel Art Class - The Importance of Character Scale
ฝัง
- เผยแพร่เมื่อ 6 มิ.ย. 2024
- Heya, pals!
Long time no post, but I'm back this week with a nice chunky video about character scales for pixel art games. I had fun checking out some different pixel art games and reviewing my old art, I hope you get a lot out of it too!
Thanks for watching, as always :)
Music: All rights to Gamechops.com & Concerned Ape
Chapters:
0:00 - Intro
0:45 - Character Scale Metrics
3:14 - Popular Game & Genre Comparisons
13:00 - Gameplay Considerations
14:40 - Character Rescale & Redesign
22:35 - Silhouette
25:50 - Second Shade
29:22 - Colour & Detail
35:20 - Reflection
36:38 - Outro
----
This video features clips from my stream. Catch it live: Mon, Tues, Thurs and Fri 1-6pm AEST.
Twitch: / adamcyounis
Twitter: / adamcyounis
Discord: / discord
Become a Patron at / adamcyounis
Download assets and games from the stream at uppon-hill.itch.io/
Later, pals! - วิทยาศาสตร์และเทคโนโลยี
I love that when he talked about his game you could see him smiling like he was either proud or embarrassed to show his game in progress 🤣
What the heck I was literally struggling with character sizes and this video comes out best timing
YEAAAAA PIXEL ART CLASS IS BACK!!!
Genuinely, there's no series I've watched that has helped me improve my pixel art ability nearly as quickly as this. Adopting the more painterly style (throwing down big blobs and refining them later) and beginning to create my own palettes almost immediately improved my pixel art, and for that I am immensely grateful.
can anyone tell me what are the scale for character and map for Blasphemous II? i want to create the detailed character look that fit perfectly in canvas. is the character 128x128 and the map is more than 154px ?
Adam I can’t think you enough for the all learning and knowledge you have shared. I have learned so much from all your videos, seriously thanks so much 🙏
What a wonderful channel! You take time, explaining and sketching, dedicating your time to the viewer and not youtube metrics. Well done, instant sub, thank you.
Awesome, questions about best practices, conceptual guiding and covering do's and dont's well reasoned are so worth gold to a beginner. Thanks for the video, Adam!
Hey, I'm also an Indie Dev (just a small own-funded studio with 5 other folks) and while our first game is actually a puzzle mobile game with a different art style, your videos help me a lot to learn more about pixel art for our next project. Just wanted to say thanks for that! Keep it going!
Loving the sketch-work for Quick Knight - also, the revamped sprite design looked awesome. Great content as always - cheers, fam.
Nice to see you again! Always love the parts when you analyse things and talk more about concepts, ideas, decisions...
Hey Adam, always glad to see more of your videos to increase my knowledge about gamedev/design. Thank you for your contribution, I am happy that you got over 100k subscribers, you definitely deserve it. I appreciate every single video you published as this is really great, high quality, well put and thought learning material. Great job and once again, thank you :)
Thank you sir, this tutorial is very important. For a game dev artist, this is probably the MOST important of tutorials.
Failure in art scaling will affect gameplay, and in extreme cases, it will end your project straight away. I learned this in a hard way back then when I must redraw about 120 different character sprites - all animated.
This is perfect timing because I have been workshopping my characters over the last month, love your vids pal!
i will draw pixel any pixel art do you want my service
You're BY FAR the best pixel art education youtuber. Your explanations are perfect for someone with and without an artistic background really well.
And you cover soooo many topics most others take for granted the viewers already know.
Your tutorials changed my life for the better. I was mortified of drawing but Aseprite helped me overcome the analysis paralysis.
Man you are such a great teacher. Tons of design wisdom in this video. Watching your design process makes me realize how much I'm getting lost in the pixels, rather than giving real thought to the character, their motivations, and the actual physics of motion
As usual you provide the most insanely helpful stuff I can find regarding this stuff, thank you again!
Dude I love your content! It's so helpful! By far the best tutorials I've seen for this stuff, thanks!
Thanks for another great video! Helped me in choosing my character size for a game I'm starting work on
Thinking about character size compared to screen based on which genre of game we are talking about is simply a stroke of genius.
This is why you are my (sort of) Mentor.
Really nice + thorough. 👏 It's such an important lesson to learn that a more naive silhouette is better. It's always tempting to show off your illustration chops instead of fulfilling the design brief.
Every video you release is just such high quality content, especially for a click-bait filled platform like youtube. Can't thank you enough for the hours of enjoyment and interesting ideas and lessons.
You always come around and teach me something. I respect how humble you are considering your skill as a dev. That seems hard to come by. 👍
i will draw pixel any pixel art do you want my service
i will draw pixel any pixel art do you want my service
Thank you Adam! You videos are always helpful. Really nice content =)
Thanks man, this is one of the most useful videos I've seen on sizing for games!
your content is gold. Thanks Adam!
Love the videos man wish you uploaded more often thanks for the content!
More amazing content. You’re killing it 👏🏻
I was just thinking about this the other day, relating to games like Metroid II for the Game Boy and an early demake of Castlevania:SotN. Given the resolution on the GB/GBC is only 160x144, as much as the large sprites looks nice, it makes it feel cramped on both exploration games.
Stardew Valley - Concerned Ape.
What.
@@crazyallstars ??
This is exactly what I was looking for. I think something worth mentioning would be the aspect ratio of the project when you begin. I found the most challenging learning curve for me is when drawing tiles/backgrounds you need to determine what can be a tile, and what's a painted background due to the restraints of pixel art.
if it weren't for your youtube commentaries i don't know what I would do -- this makes SO MUCH SENSE -- thank you, sincerely
This is really really good info that I havent seen anywhere else. Thanks!
Doh! I was hoping for a top-down ratio as well! :D Great work, love your stuff!
Was waiting for this kind of video
Excellent video, thank you for sharing your knowledge!
I missed your videos so much. POG
just the video i needed! thank you very much bro
Greetings Adam! I have watched nearly all your pixel art class videos now, just a few left. Super inspiring and helpful, I feel like I'm ready to put thousands of hours into pixel art now for my games. Anyhow, I wanted to suggest a video class you might be able to have a crack at: CUTSCENES. The way you approach topics is great, focusing on the history, mechanics, practical use, and overall level of involvement to make a game-opening or game-ending extended cutscene would be a really exciting topic to watch you dissect. Cheers and much love from Colorado!
Cut-scenes are really tough, even for me. There's a lot of variety in the definition of what constitutes a cutscene, from in-game characters walking around between dialogue boxes, to full AMV's being played with an in-game video player. It's something I spend a lot of time figuring out what fits best for my game, and I've got a lot of thoughts on it (even today, considering breaking up a lot of Insignia's cutscenes to provide more interactivity).
I'd love to make a video discussing what I've learned when I feel confident enough with my understanding of how they're best used and constructed, but I don't know if I'm there yet.
@@AdamCYounis Thank you so much for your response, it's an honor to share a conversation with you. I completely understand your choice to solidify your understanding of the topic that is cutscenes before engaging in your dissertation-like tutorial approach that is always so enlightening. I will be super stoked if you do one. Cheers!
I really liked that you talked about fighting games (my favorite genre). Whether we're talking Smash-style fighters or "traditional" fighters, they definitely seem like some of the hardest games to ANIMATE for, especially in 2D.
For big-sprite fighters (SF3:3S, Darkstalkers), that means a LOT of relatively high-res character sprites -- lots of iteration, lots of visible detail, construction is absolutely critical cause flaws will show very quickly over longer animations. (I learned that lesson face-first when I drew my own MUGEN character years ago. I copied Iori's dropkick from KOF and my character had almost doubled in size by the recovery frames. This took me weeks to draw...and redraw.) The prevalence of 16:9 in modern displays is also very awkward for "traditional" fighters because if you use the whole width of the display as play area, characters can get MUCH farther apart and appear much smaller than in the 4:3 days.
For Smash-style games with smaller characters fighting farther apart (Rivals of Aether), they're slightly easier to draw simply because of the smaller pixel space, but you still have the challenge of reconciling their size with the vast horizontal space of 16:9 res. The 3D Smash games solve this problem simply by zooming in when the characters are close together, but obviously in pure 2D that could get extremely ugly unless you design your assets to be zoom-friendly -- which means drawing them in a higher native resolution, which obviously means more work. In Rivals' case, I think the lack of zoom is the big thing that makes it a bit less visually impactful than Smash -- the fight always seems kinda "abstracted away" even when a character lands a very big hit or is up close doing a cool combo.
you are the Bob Ross of Pixel Art. It is mesmerizing seeing you work.
Its like magic! So cool, thanks for those insights.
Awesome as always!
fantastic tutorial this was so insightful!!!
This video is a game design, art design, art executing and a bunch of other useful things all in one. The outcome feels nothing short of magic to me man, especially when the older design makes a comeback to compare sizes, character and efficient space usage.
Again, a very cool video! Thank you so much!
I would have loved if you'd reviewed something more in regards of perspective.
Something like Children of Morta or Hyperlight Drifter
thank you for breaking down scaling, I took gesture drawing classes but I had trouble drawing pixel characters , legs are very tricky
I think it would be interesting to see how you would reshade/recolor the taller lanky knight. Getting rid of the bandings and outlines, and trying to create a much more readable look with that same model.
i will draw pixel any pixel art do you want my service
perfect timing with this video adam i was just struggling on how large to make my player and tiles, thanks a lot
i will draw pixel any pixel art do you want my service
@@RealRelaxHappyMind you saying you wanna help me with my game??
@@actuallyAdonis i can help you give me a any social media link
@@actuallyAdonis give me your email
Adam you the best. Your videos are always so intriguing to watch!
33:28 she had a strong barbarian warrior feel before, but to emphasize the way that she's light and can fly you made her have more of an elven foresty look.
that point you made about sonics size, YES!! it makes so much sense why i always thought sonic was a bit too fast at times
it should have been more zoomed out, honestly
Love your work fr fr
I know this is a year old & while I have no intention of doing game design (at this time) this was invaluable as far as understanding creating readable characters in pixel art & characters that fit the scale. Thanks!
I waited so long and finally waited.
kinda feel dumb when i asked what whiteboard software you use when in all of your videos its clearly written on the screen hehehe. Love this video. I always preach to my students about character size on the screen
Fantastic! Man, thank you!
I really like your videos, keep up the good work.
i will draw pixel any pixel art do you want my service
One of my most challenges was, draw same pixel art model sheet character from 16x16 to 8x8 and 48x64 of same 6 characters with same amount of 4 cloths, that was very very hard because the tiny it is the little you can detail so you need to be very precise to build character rich and beautiful to watch.
To be honest i did it because i was unsure of what i wanted to build so i choose about 3 sizes.
i share this beause it can be an great exercise to those who want to build characters in pixel art but it also means you can build tiny 8x8 or 16x16 to focus more on design,the richer the desing the more aceitable it can be and later scale up
Love your videos and your chill style. I'm tempted to show you some footage from my 2D pixel art combat platformer... with high framerate character sizes up to 128x96 pixels in a 32x32 pixel tileset. Errr, yeah, I might have rethought that had I seen your video sooner. Every frame takes days to animate, fml.
Thank you. I learned a lot
Really intersting, thanks.
To be fair to Sonic's "zoomed in" style, the game is designed to be FAR more forgiving regarding oncoming enemies and hazards than in other core platformers:
-his Jump attack is omnidirectional, so it will still hit enemies whether he's below or above or to the side
-his roll and spindash allow both very high speed and to be in a damage dealing state. These are ALSO the states with the highest speed caps
-the Ring based life system mean that sonic can theoretically survive an _infinite_ number of attacks with a finite amount of resources, making enemy attacks more of an embarrassment than a run ender. Contrast this with Mario, where Mushrooms are hidden in certain blocks rather than there being at least one onscreen at all times
Long Story Short, "Blinding Speed" is less of a problem when your character is able to bump into things without quickly dying
I still think sonic games suffer immensely whenever the player's velocity goes from 100 to 0 in an instant due to a wall or spikes, which is super frequently in the original 2d games during a first playthrough. You either have to practice levels or go slowly, which is the opposite of what sonic is about.
@@AdamCYounis
Practicing levels is actually pretty on par with what people were expected to do for games prior to save files being a default for every genre
You're not wrong that it's a weakness Sonic Games have to deal with, and in the FIRST game specifically, I agree with your assessment. I just argue that with Sonic 2 onwards, there's enough forgiveness for being caught off guard to _mostly_ offset this. They also make very good use of that canvas space for animation, so it's not all for nothing
Hey! Love the videos. I'm new to all this and have been drawing with a mouse. What type of tablet do you use?
I really love your videos -- could you consider showing on screen the keystrokes you make so it's easier to follow along? I get lost pretty easily when you do something I don't know how to do
I can look into it, for sure. Especially when I'm working in Aseprite, I can see that being really handy.
What ? This video was literally put online today ?! Funny thing that I was looking for that kind of stuff then :D
My 32x32 characters always seem to not have enough details, or not in the right place.
Ahah, I'm working on a small vania game, and I just realized, that my screen and character height is exactly like in your art class!!!
Awesome videos just got into making characters but still having hard time using frames and layering. Any tips? Been only working with aseprite
The thumbnail made me think it was Jak and Daxter for some reason 😂 great video
great stuff
Dude, you're a god.
Hey, great channel! Thanks for sharing so much knowledge. I have a quick question, what software you use to capture the screen recordings and display yourself in the corner? Thanks for the help
OBS is free, open source, and very powerful for streaming and recording. I've been using it for my channel since the beginning.
@@AdamCYounis Awesome, thanks!
awesome tutorial
Hello! Thank you for your video. Which tool are you using for the sprites? It looks cool. Is there an android version?
Regarding going fast and the screen size / scale -- I really liked what they did in GTA 1 and 2 -- where they had the overhead camera view -- it was usually pretty zoomed in -- but then as your velocity increases, the camera slowly zooms out -- most players probably didn't even notice because it was so subtle -- but it gave you so much more "look ahead", and it's what made "going fast" doable in those games. -- I think this model works well in a 2D genre, and your test for if you're doing it right or not should be: Do players notice it? -- I think that if the causal player notices the camera movement/zoom effect, then you're doing it wrong. -- If you're doing it right, it will enable the gameplay, but be so subtle that it's not distracting or noticable. -- And I think GTA 1/2 nailed it in this regard.
You are my pixel Art Professor
Great video ! I'm a total noob when it comes to game dev, so I was wondering: how do you adjust the screen size in a game ? Is it just a camera adjustment ? Like if your first character was too big can't you just adjust the size of the screen to make it fit better ,?
generally for a pixel art game, you really want to scale the view up by a whole number factor, or the pixel art gets kinda blurry (unless it was really small to start with). that's why all the example screen heights were numbers like 180 or 360 - they divide evenly into 1080, the most common screen height. (as well as 1440, which is also somewhat popular.)
so if your character is too big, you can't just make the screen 20% bigger without blurring all your sprites at fullscreen. you can probably double it, but that's a huge change
You make pixel art look so easy
seeing your first character looking like that inspires us all
Hey I loved your two characters, the one with red hair and the one with green hair. Both sizes are great as well, I would say they are partners. Grafically, both have the same head size, so my impression is that of the first being older than the later. You should not bother with the proportion to the screen size here. As you have show, the bigger the character is, more inclined the game is toward fights, and more dramatic are these fights, right? For the number of adversaries in screen, not every one need to be very clear in their posicioning, I refer to some Megaman games where enemies, like flying ones, as you have show, their are either smaller and predictable, thus worthing more the experience of defeating them in time. I liked very much your sense design !!
I want a guide for sprite scales just like this one but about RPG/topdown/farming sims instead.
You should make one.
I have such a trouble deciding what angle to use and how many pixel my player should be I'm new to this.
@AdamCYounis what program do you recommend for drawing and animate pixel art characters?
Thanks!
I wish this video discussed top down games more. I feel like it's a common perspective that was largely glossed over. Some more isometric examples would have also been nice.
I think overall I was able to express the point with the examples used, which will apply to any perspective. That said, I agree that it would have been useful to discuss top-down, for any unique characteristics relating to the subject. My bias toward side-scrolling and isometric perspectives is showing a little bit here.
can anyone tell me what are the scale for character and map for Blasphemous II? i want to create the detailed character look that fit perfectly in canvas. is the character 128x128 and the map is more than 154px ?@@AdamCYounis
great !!!!!! thank you ! 😊
I think this character needs to make a cameo in Insignia. Build that lore bro!
Two games that i can think of where the characters are quite big are sims urbz (handheld) and sims busting out (handheld) and i'd say that they are roughly about 70-80
If you're working with a 1366x768 view point, what would the pixel ratio for the character of a top down? haven't really been able to find anything on it
Do you get this often?
How do you make your Leonardo background so pretty?
awesome stardew backround!!
The scale for an RTS would be mostly what u talk about in the isometric video?
I am amazed that today's game designers are still using low resolution screens to make their 2D platform games. I thought 1080P would be used. I guess the reason comes in real estate is the same as in back then even though the resolutions are hundreds of times greater. So, where or when in the game does high res graphics comes into the scene? I think background and graphic elements can be gorgeous and the character, npc, and villains can be just big enough to convey their purpose and the rest of the details are infers into the player's mind. The gist of it so to speak for the characters and China Town and crazy cursed dungeons can be super gorgeous. I like Solid Snake in NES Metal Gear that you can tell he's special ops and the enemy's base is highly detailed. I also like Mr Smith of Code Name Viper where the character is tall and shoots and jumps realistically but the screen elements are all narrowly centered like the TMNT game.
thanks. Your video makes sense and it helps me to refocus design and not afraid to go small. Less is more.
@AdamCYounis can you tell me what are the scale for character and map for Blasphemous II? i want to create the detailed character look that fit perfectly in canvas. is the character 128x128 and the map is more than 154px ? i really want to know this please
Any chance to download that color palette you're using?
Do you think that the classical sonic the hedgehig games should have a larger screen compared to the player character sprite?
whats the program your writing and drawing in 0:45?
how exactly do you go about finding the scale an existing game? for example Souldiers .
That's not Momodora 3 at 5:50 btw, it's Momodora: Reverie under the moonlight, amazing game.
Have you updated your Apollo palette at all? I an not choose my own colors to save my life they just dont mesh well with your color picks! lol
hey does the same rule apply for top-down games?
Cool pixel game
New to the channel - does anyone know what he’s using for the project board/reference sheets? Thanks