Building a STICK FIGURE into a SPRITE

Поділитися
Вставка
  • Опубліковано 26 гру 2024

КОМЕНТАРІ • 148

  • @emmettbrown3463
    @emmettbrown3463 3 роки тому +220

    spriter man :D

  • @KyleSzklenski
    @KyleSzklenski 3 роки тому +296

    This is massively helping me with my "noodle appendages" issue on my sprites. Thanks!

    • @BJGpixel
      @BJGpixel  3 роки тому +34

      That's great to hear! I'm sure there's room for some noodling from time-to-time, but especially for more 'accurate' anatomy it's great to plan out those sharper changes in angle :D

    • @justacake2548
      @justacake2548 3 роки тому +5

      @@BJGpixel never heard of voxels
      Voxels are the version of 3d pixels

  • @gamedevmanti4578
    @gamedevmanti4578 3 роки тому +173

    It's wild to see how well you can capture those posed at such a small resolution! Yiu managed to capture the art style from that X-men game really well.

    • @BJGpixel
      @BJGpixel  3 роки тому +17

      Thanks dude, there's something really fun about trying to figure out those poses in such a limited space :D

  • @erikjohnson1137
    @erikjohnson1137 3 роки тому +41

    Although I have a pretty good grasp on these concepts at this point, its always useful to be reminded of the fundamentals because fundamentals are everything

  • @saultoons
    @saultoons 3 роки тому +27

    This approach is really neat, and spiderman is my favourite superhero so double win :D
    I can see a lot of similarities in these approaches and traditional media too. This stick figure approach is a lot like drawing, where you construct a line of action, define shoulders/hip lines, and add in the body/limbs to correct proportions. Like you mentioned in the video, it gives a solid foundation for the rest of the piece.
    And in difference, starting in silhouette seems more like painting, where you are sculpting away or add to the overall blob, fixing proportion as you go. You can arrive at the same final point too which is super cool, no matter your starting preference. I personally prefer silhouettes as a start, but I will definitely try this in the future to see what it's like. Awesome, insightful video as always! :D

    • @BJGpixel
      @BJGpixel  3 роки тому +5

      Woo Team Spidey! :D Thanks dude, that's an insightful assessment of the approaches! I kinda flip between stick and silhouette as a starting point depending on the context, but I always find myself questioning the underlying anatomy of the latter approach. That's probably just a matter of experience using that approach, or how complex the pose is.
      When you're doing a series of the same character sprite, will you chop up an existing silhouette to reposition pieces, or just blob out something new entirely?

    • @saultoons
      @saultoons 3 роки тому +5

      @@BJGpixel Now I know Spiderverse was missing a pixel version! :D Yeah, that makes a lot of sense. I think you're right in that it depends on the context of the character design, the complexity and the intended usage.
      If I'm designing a new character I will typically do a bunch of different blobs as quickly and loosely as I can to explore ideas and maybe even find a direction, if I don't have an idea in mind it can be nice to surprise myself.
      Once I have one I like, the shapes feel right, etc, I will copy-paste that one, moving things around to see, and just keep iterating. I actually have a recent example I will send you. But I think that process comes from my more 2D background, working in animation where shapes/silhouette was drilled into me for design.
      For something more realistic, or something that needs a set base, I may create 1 pose in standard proportions, and then just copy-paste that adding little details or whatever. But I'm like you, if I skip the construction, the anatomy can look janky and I usually end up doing a construction overlay to fix things up.
      Like you say, it changes per project and per context. It's also fun to try new stuff out, like drawing a blob and trying to create a character out of that no matter how weird it looks :'D Sorry for the essay haha!

    • @BJGpixel
      @BJGpixel  3 роки тому +4

      @@saultoons Ooh interesting, thanks for the detail here; that's an interesting tidbit about the shape/silhouette from the perspective of 2D animation. I can see how that'd tie together the character creation and the animated considerations of preserving volume in a form, working with squash/stretch (depending on the stylization), etc.
      Gotta try that random blob thing one of these days; I've seen people do that before and it can lead to some interesting character designs that never would have existed otherwise 😂

    • @saultoons
      @saultoons 3 роки тому +2

      ​@@BJGpixel Yeah, the simplicity in shape/silhouette plays so well to animation. The more complex the longer it will take and the more of a headache it will be. For me anyway, I'm sure some people prefer the alternative, perhaps that's why I always prioritise simple shapes. Too much brain hurt :'D
      YES!!! I'd love to see your blobs hahah!

  • @Ryan_Thompson
    @Ryan_Thompson 3 роки тому +62

    What I learned from this is that 32px superheroes are bloody hard to draw. I usually work with bigger sprites, so I tried this resolution and while I ended up with something decent at the end, it was painful, and the result was a bit messy.

  • @CKTDanny
    @CKTDanny 3 роки тому +62

    2:35 IC what u did there 🕸
    Really good video on the process of building up a character sprites in different poses! I found myself more intrigued by the step just before the colouring than anything else - it's just so cool seeing how omitting pixels creates a cleaner look. That's never gotten old yet 😁
    The final sprites came out great too! You really managed to capture the energy in those "dynamic" (and iconic) Spider-man poses. It's just a look that's always super fun and inspiring to look at! ✨

    • @BJGpixel
      @BJGpixel  3 роки тому +10

      😆😉
      Thanks!! Yeah the the pixel omission is kind of like doing a 1-bit approach; looking to get that readability just from the silhouette colour. It works great for showing where the prominent/main colour pixels should be when taking it through the colouring phase :D

  • @ronomgenuff
    @ronomgenuff 3 роки тому +8

    I like the idea of leaving gaps in the silhouette, that's so good for helping remind myself of the form... I feel like I often loose some dynamism in the street between the pose and the coloration. Very cool!

  • @angrypotato_fz
    @angrypotato_fz 3 роки тому +5

    Gold, precious gold! :D I enjoy these little comments (and window's headers / file names, Spriter-Man! ;)) a lot! And I tend to leave such comments in my project files - in case I or someone else reviews them later, it's always good to bring a smile :)
    The final effect with these poses and colors is quite impressive, nice work! (as usually :)) Good idea with shifting this dark-red/brown into more purple hue!

    • @BJGpixel
      @BJGpixel  3 роки тому +1

      Hahaha thanks for catching those dude, especially the shift to the purple! I totally meant to mention that but must have been talking about squares or something 😂

  • @zenithgames5999
    @zenithgames5999 4 місяці тому

    I used you method in making poses and I've gotten better at having consistent character proportions when animating my characters. Sincerely thank you 🙏

  • @ninsebas3676
    @ninsebas3676 2 роки тому +1

    This is by far the best method to make characters
    I just started almost a month ago and this explanation and process was easy to understand and very useful
    This channel deserves millions of subscribers.

  • @CrusaderGabriel
    @CrusaderGabriel Рік тому

    This is for sure one of the best resources I've found about character construction in pixel art, other of the best ones I've found is a blog from a game dev who explains the process making a 96 x 96 character... Aside from those, most pixel art tutorials i find focus mostly on super small pixels (like in the original Pokemon) or any size but basically undetailed (which is totally understandable if you're either an absolute beginner or a solo gamedev that has to do code, sprites, sounds, testing, and everything else i forgot to mention)
    Anyways thank you for the great video

  • @brandonjacksoon
    @brandonjacksoon 3 роки тому +7

    Thanks, Brandon! Always informative and useful videos!

    • @BJGpixel
      @BJGpixel  3 роки тому +6

      Thanks Brandon! :D

  • @czesionyo
    @czesionyo 3 роки тому

    I love Spider-Man. He is one of my top 3 superheros along with Bats and Wolverine. IT is so amazing that U can create such high quality stuff so fast.

  • @DirtRed
    @DirtRed 3 роки тому +8

    I just started pixel art and this is perfectly timed tutorial thanks a bunch

  • @jacobharvey2946
    @jacobharvey2946 3 роки тому +7

    I watch all your new videos... but regardless, you had me at Spidey thumbnail.

  • @Wimpiethe3
    @Wimpiethe3 3 роки тому

    For someone who's been taking basic drawing courses lately this method speaks to me. I have yet to take the plunge into anatomy proper but this sprite method seems the obvious way to go.
    Also, the sprites in this video turned out really well!

  • @ulrickai
    @ulrickai 3 роки тому +3

    I'm honestly really REALLY bad at starting from lines then making the silhouette. When I start adding more mass to the lines, I alway feel like the body it too cramped together or the angles just don't look as good then they were in their line form. I'm sure that's an issue with how I'm mentally visuallsing the use of the lines more than the actual function it's meant to serve. Though nicely enough this video kinda helps in letting me have a bit more visual understanding on the placement of the part of the body to get a nice form in the end. I might not be able to completely use the lines as a starting spot for my works but seeing how it can be used does help. Great video as always~

    • @BJGpixel
      @BJGpixel  3 роки тому +3

      Thanks dude! Yeah I probably tended to have the opposite issue, where creating a silhouette from scratch was a bit unstructured because I wanted to know where those vertices of the shoulder/elbows/etc were underneath all that. So it's an extra step that also verifies whether or not the anatomy makes some kind of sense lol. Best of luck with your sprite work! :D

  • @leonsteinbach215
    @leonsteinbach215 3 роки тому +2

    Great job in capturing the details on spiderman. Looks freaking awesome.
    Also thanks for the idea of reducing the pixel count of the leg in your final pose.
    I will try to implement this in my next piece

  • @wj11jam78
    @wj11jam78 3 роки тому

    I've always really struggled with drawing pixel art of characters. I've got weapons, and landscapes, and tilesets down, but people have always eluded me. This video makes me wanna give it another go.
    The third pose, the swing with his arm down, looks really excellent. The first couple sprites didn't really seem to have a defined light source to me (don't get me wrong, they still look excellent), but that third sprite's shading is just great, and really helps the pose pop.

  • @kblyr
    @kblyr 3 роки тому +3

    This is so relaxing to watch!

  • @fusingfrog23199
    @fusingfrog23199 7 місяців тому

    This is what's gonna let me translate all of my current art skills to pixel

  • @themelonsoup
    @themelonsoup 2 роки тому

    This is so fascinating and I never knew how pixel artists shaded and outlined but now I get it

  • @AdamBarkerThe
    @AdamBarkerThe Рік тому

    getting the body position right even with a reference is pretty difficult but this makes it way easier, thanks.

  • @pixelpunkzYT
    @pixelpunkzYT 3 роки тому

    This is super helpful! I go about creating sprites in a slightly different way - blocking out a whole silhouette first rather than a stick figure. But your approach to colour, and exaggerating anatomy where possible is really helpful :)

  • @Skarzx
    @Skarzx 6 місяців тому

    Would love to see another one of these or he'll even a series ! Love your videos man keep it going!

  • @krystawisner6043
    @krystawisner6043 2 роки тому

    Your intro song is sooo good!!! It gets me so excited for the video

  • @lilid704
    @lilid704 Рік тому

    Dude your techniques have been very helpful for me and my pixel art thx bro

  • @jonathanspangenberg1563
    @jonathanspangenberg1563 11 місяців тому

    Your videos are solid; very helpful and encouraging. Thank you for your effort and hard work. I really appreciate your time and work. I am inspired to start my own work. I am looking forward to see more.

  • @adibrahman9297
    @adibrahman9297 3 роки тому

    Most helpful pixel art tutorial ❤️

  • @klarsen91
    @klarsen91 3 роки тому +2

    Great as always!

  • @Bealzabub
    @Bealzabub 2 роки тому

    There's really is a lot of very painterly aspects to this method that I never really realized before!

  • @regisdrift
    @regisdrift 3 роки тому +2

    This is exactly what I was looking for! Thank you

  • @pinkajou656
    @pinkajou656 3 роки тому +3

    The thumbnail is fantastic!!!! I can’t wait!

  • @Ibbys_space
    @Ibbys_space 3 роки тому

    haha, came back to your channel after a really long time for exactly this! Only 2 weeks old too! Thanks Brandon!

  • @pablocamacho7755
    @pablocamacho7755 3 роки тому

    Thank you so much! I have been trying this technique and finding it useful.
    It is great that there is a detailed video on it now.

  • @Harmony270
    @Harmony270 8 місяців тому

    I like how the sprites all look like an animation of him jumping and swinging

    • @vader9133
      @vader9133 7 місяців тому

      That's because they are!

  • @BluShiGuy
    @BluShiGuy 3 роки тому +1

    Wow that was really cool

  • @Lukasandsomenumbers
    @Lukasandsomenumbers 3 роки тому

    Your vids are so amazing. Even the the thumbnails are helpful

  • @jonahcoffman3078
    @jonahcoffman3078 3 роки тому

    This is going to be extremely helpful for that new Nintendo Garage Builder game coming out in June

  • @cuboembaralhado8294
    @cuboembaralhado8294 2 роки тому +1

    its kinda fun how spider man has a cyclope face in the first two

  • @EndoScorpion
    @EndoScorpion 3 роки тому

    I remember playing a Spider-Man game back on the Sega MegaDrive. Might be cool to do a sprite study of that game and compare to what you did here.

  • @SamiTheAnxiousBean
    @SamiTheAnxiousBean 3 роки тому

    this is despite me using way larger resolutions extremely helpful to me do thank you once again for being amazing at being amazing (and also drawing pixel art I guess)

  • @ninasepulveda5667
    @ninasepulveda5667 3 роки тому +4

    huh this was really helpful, i've been struggling sm with such small sprites i avoided them forever, why can't i be flawlessly perfect at the first time??

  • @redrenegade566
    @redrenegade566 3 роки тому +1

    Amazing truly amazing

  • @stan0wska200
    @stan0wska200 3 роки тому

    Love your videos Brandon!

  • @DestusG
    @DestusG 3 роки тому +1

    This is really impressive

  • @DillioGherkin
    @DillioGherkin 3 роки тому

    This is a very helpful video. I think I can use the tips for my vector art when trying to do something less basic for standing pose. maybe after work, I'll try and do a hero in an iconic pose. I know for sure that I am going to start adding the palate right to the screen so there is no guesswork on flow.

  • @inventorel1232
    @inventorel1232 3 роки тому

    Beautiful!!

  • @rednbloo5796
    @rednbloo5796 3 роки тому

    Thanks for inspiring me to make pixel art

  • @JuneBugSammy
    @JuneBugSammy 7 місяців тому

    I might practice this.

  • @Skeffles
    @Skeffles 3 роки тому

    Really awesome approach! I've got a few sprites to make soon so I'll be returning to this as a guide.

  • @shaunm6383
    @shaunm6383 3 роки тому

    Spider-man! Spider-man! Does whatever a pixelated Spider-Man can!

  • @dropkickedmurphy6463
    @dropkickedmurphy6463 8 місяців тому +2

    Ive been struggling with proportions on ALL my art, not just pixel art. This sort of gives me an idea for an approach i can try. Also, this may just be me, but i think your use of the orange on Spidey looks a tad... off. I think it is too different from the red, or needs to be distributed more across the sprite. To me, it reads as exposed skin in the suit.

  • @rhyss5618
    @rhyss5618 3 роки тому

    this is Really helpful thanks

  • @brianfleming2801
    @brianfleming2801 3 роки тому

    These are great!

  • @legends389
    @legends389 3 роки тому +2

    Awesome video =D

  • @oyjuk9192
    @oyjuk9192 3 роки тому +1

    Ha, Spriter-man (look the layers) 10:29

  • @sanstheelumbu
    @sanstheelumbu 3 роки тому

    Seriously , you telling the size of character you create or make helps me a better to understand

  • @Yui714
    @Yui714 3 роки тому

    Been gaming since 1991 and always wondered how more complex spritework was done. I still want to know more!

  • @ezzo622
    @ezzo622 7 місяців тому

    I copied every move step by step and only took me about 5 hours xDDD trying to revert the video to see what you done whilst it's sped up was agony but worth, I feel like I've done something I can look at for reference, and doing it step by step kind of made me understand a bit more why and how you do everything

  • @Norber2007
    @Norber2007 3 роки тому

    Awesome :) i think i use this way for practice with selective outline i feel not good himself with it.

  • @jsprunger6246
    @jsprunger6246 3 роки тому

    excellent

  • @animazingkid7374
    @animazingkid7374 3 роки тому +1

    11:19 Ha Ha Ha!
    Spriter-Man.

  • @toxictincan
    @toxictincan 3 роки тому

    That video hashtag is so clever I'm not sure if I should be mad or impressed.

  • @JayJay-ki4mi
    @JayJay-ki4mi 2 роки тому

    If I could design sprites this well, I'd be a rich boy from all the games I could make.

  • @IamSamisMe
    @IamSamisMe 3 роки тому

    petition to have Brandon do his on-camera intro?

  • @splonko9788
    @splonko9788 3 роки тому

    I’ve fallen down a rabbit hole on this channel

  • @yaazarai
    @yaazarai 3 роки тому

    Quality content.

  • @johnangelotenorio
    @johnangelotenorio 3 роки тому

    Spidey sprites reminds me of the Spider-man & X-Men game from the SNES.

  • @marcosadrian65
    @marcosadrian65 3 роки тому

    Just could imagine how good will looks the spiderman game of the megadrive if you was the artist

  • @zeleck3x
    @zeleck3x 3 роки тому

    Spriter-Man!! :D

  • @Gerardo_Ponce
    @Gerardo_Ponce 3 роки тому

    Insane!

  • @niilokolehmainen
    @niilokolehmainen Рік тому

    canandian monke man knows his stuff

  • @Lerrby
    @Lerrby 3 роки тому

    it's awesome

  • @diegocrusius
    @diegocrusius 3 роки тому

    LOve it. This video is so good the dislike/like ratio is less than 0.2%

  • @Milchreiz
    @Milchreiz 3 роки тому

    Spriter-Man 😊👍

  • @mr_baa
    @mr_baa 3 роки тому

    Good tips :)

  • @davidgreen1236
    @davidgreen1236 3 роки тому

    i have one question if you mind dont answering, what pixel art program do you use its very cool

  • @Kyle29168
    @Kyle29168 10 місяців тому

    Trying to turn a character into a skeleton like maybe for some damage animation where they get zapped, it’s basically doing this process but reversed.

  • @valleyboitelevision
    @valleyboitelevision 10 місяців тому

    do you post your stick figure poses if so it would be a great help for reference

  • @LunienBrawl
    @LunienBrawl 3 роки тому +1

    the SPRITER-MAN layer name kills me

  • @Zye1984
    @Zye1984 3 роки тому +1

    Uuugh, I have the hardest time with the stick figure thing.
    I was wondering, do you try to follow the rules/limitations of the hardware the sprite would be used on? (8x8 tiles, 3 colors and 1 transparency color for example) I'm trying to do a project, though I've shelved it atm, and I'm running into roadblocks.

    • @ColinTedford
      @ColinTedford 3 роки тому

      He does that sometimes, tho usually not the whole set of rules for a particular platform.

  • @zaidthakur4117
    @zaidthakur4117 3 роки тому

    More sprite analysis videos please

  • @samuelallen85
    @samuelallen85 Рік тому +1

    Why have I never thought to use "stick figures"

  • @Kasmironies
    @Kasmironies 3 роки тому

    hey i know a fun challenge
    try to make pixel art with hexagons instead of with squarse
    but now that i think about it finding a way to do that is going to be a challenge all in itself

  • @ArtisticallyAlex
    @ArtisticallyAlex 3 роки тому

    What software do you use?

  • @_miamango_
    @_miamango_ 3 роки тому +3

    Wow never this early! Hi Brandon!

  • @m4r_art
    @m4r_art 3 роки тому

    The best retro-monkey to spiraling yellow background intro that ever was

  • @EricNightStorm
    @EricNightStorm 3 роки тому +1

    What program do you use??

    • @orionlax626
      @orionlax626 3 роки тому +1

      He uses Photoshop with a trackpad. Madman.

  • @jedizombiekiller9065
    @jedizombiekiller9065 3 роки тому

    You should try the Donkey Kong Country Rendering style. It could provide a bit of a challenge

    • @jedizombiekiller9065
      @jedizombiekiller9065 3 роки тому

      @@GAHAHAHH well the sprites are so small i feel like its possible to make them without 3d models. I think the hardest part would be shading, but its still worth a try

  • @okjoz
    @okjoz 3 роки тому

    I was just wondering, do you use just a mouse, or do you have a drawing tablet?
    Also, did you start out with regular drawing, or did you go right into pixel art?

    • @orionlax626
      @orionlax626 3 роки тому

      He uses the trackpad on his laptop.

  • @salnilibutaque4029
    @salnilibutaque4029 3 роки тому

    How did you make your crt filter??? Im genuinely curious

  • @adamk1325
    @adamk1325 3 роки тому

    Hey there brandon and everyone! I'm new here. Just wanna to ask, is this method can be applied to bigger size character sprite too?

  • @subwayz_qt5
    @subwayz_qt5 3 роки тому

    Now try making sprites for a late 90s fighting game.
    About 130-150 px long

  • @Fighka303
    @Fighka303 2 місяці тому

    The hard part for me is to get the character to look right that small, anything lower that 160 pixels and it doesnt look right

  • @DadVader
    @DadVader 3 роки тому +1

    🤩🤩🤩🔥

  • @AlessandroCecconi
    @AlessandroCecconi 3 роки тому

    the only thing bothering me is that highlight for the red, I think it's way too bright, other than that it's all really amazing lol

  • @icon8391
    @icon8391 3 роки тому

    Oh yes

  • @davo64th
    @davo64th 3 роки тому +2

    4 minutes ago, I have never been this early to a video in my life.