Pages

Complete game - character design (part3)



We now have all shapes in place and the basic shading works. It’s time to tweak the character to give him a bit more character before creating some test poses.
The last bitmap test showed that the legs are a tad too small and face is rather generic. At the moment the robot is looking straight at us with both eyes perfectly symmetrical.



Another bitmap test comes up with this result. I added the early images for comparison. The robot has a bit more character and better proportions while still fitting inside of our box.


  

Let's try out a few poses that we would need in the game to see how well the robot works for the games need. Next to the idle there will be a run, jump, shoot and die.


In the more dynamic poses like the jump wide and jump up or the getting hit, our main shape leaves the inner box but I kept the pose well within the outer box that will function as the export border.
Exporting the above pose with both containers at 64x64px will give these results.



Once we do the animations we keep the border boxes and set them to fully transparent when creating the png images. This will give us images with the exact same sizes for implementation into the game or creation of a sprite sheet.

Let's look at setting up a run pose.



With the main character's design wrapped up the next step will be the design of background and platforms to match the colours and styles.

Chris Hildenbrand

2D game artist, pixelpusher, vector bender, face turner for over thirty years. I worked on more games than I can remember... The most recent release is "Super Crossbar Challenge" for iOS (Android coming soon) with Shattered Box, Fredbear Games and PlayPlayFun.

7 comments:

  1. This character has been thought to walk side by side, so from left to right and from right to left, but you created it with a 3/4 face. Is there a specific reason, not to depict it in profile, or it is just an aesthetic reason?

    ReplyDelete
    Replies
    1. Just aesthetics... If you just see one eye without a nose on the character it turns into a cyclops real easy. Two eyes also allow more expression when we get to animation later on - looking surprised, happy, sad, etc.

      Delete
  2. Great work man, but I have one question. Do you use any reference imager or something? Because I'm trying to create some character for the an game that I'm doing, and I have an ideia of how they should look, but when I go to Inkskape I end with some really poor designs.

    Anyway, keep going with those greate tutorial and please forgive my english :)

    Greeatings from Brazil!!!

    ReplyDelete
  3. Great job Chris! This tut is really amazing and easy to do. Tks to share for us.
    More greetings from Brazil !!
    :-)

    ReplyDelete
  4. This is it..!! Just Awesome tutorials for Inkscape and game design. I was searching a lot for this kind of tuts (for programmer..yeah..). Thanks Chris, your style of presenting this is best. Straight to the point. Thanks a lot.

    ReplyDelete
  5. Just wanted to say thanks for the tutorials Chris! They are easy to do and have a great amount of detail. I really feel like I'm progressing each time I do one. It was a little overwhelming to know where to start with game art, and I'm really glad that I found your website :-)

    ReplyDelete