Skip to main content

User login

What is OpenID?
  • Log in using OpenID
  • Cancel OpenID login
  • Create new account
  • Request new password
Register
  • Home
  • Browse
    • 2D Art
    • 3D Art
    • Concept Art
    • Textures
    • Music
    • Sound Effects
    • Documents
    • Featured Tutorials
  • Submit Art
  • Collect
    • My Collections
    • Art Collections
  • Forums
  • FAQ
  • Leaderboards
    • All Time
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
    • Weekly
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
  • ❤ Donate
Resource Requests

First attempt at pixel art, could anyone show me how to do a walk cycle?

CssCoder
Thursday, March 26, 2020 - 12:17

This is my attempt at a pixel art of Napoleon for a historical game i'm making using a reference. I then did an idle animation for it. I'm sort of stuck on how to do a walk cycle. I did try moving the arms and boots and modifying them, but it never looked right.  Could any of you guys make one for me to show me how to do it? Thank you for reading

 

Attachments: 
Preview
Napoleon Pixel Art Base test new (1).png Napoleon Pixel Art Base test new (1).png 4.6 Kb [16 download(s)]
Preview
Napoleon Pixel Art Base test idle.png Napoleon Pixel Art Base test idle.png 3.7 Kb [10 download(s)]
  • Log in or register to post comments
Baŝto
joined 12 years 9 months ago
Thursday, March 26, 2020 - 12:51
Baŝto's picture

you might want to use an already animated nude base body.

https://opengameart.org/content/tiny-16-basic (16x16)

http://lpc.opengameart.org/static/lpc-style-guide/assets.html#characters-and-base (32x32)

https://opengameart.org/node/67861 (24x32)

  • Log in or register to post comments
CssCoder
joined 6 years 1 month ago
Thursday, March 26, 2020 - 14:20

I've tried using various spritesheets and its not worked out i cant include the detail  as well on those bases, like the LPC spritesheet is in the wrong perspective for the game i plan to make, i just cant seem to get it right

  • Log in or register to post comments
ZomBCool
joined 6 years 2 months ago
Thursday, March 26, 2020 - 22:51
ZomBCool's picture

Ok I had a quick go mate here are some pointers.....

1. When you draw sprites start with basic shapes. If you can tell what it is without detail, youre off to a good start.

see - start with shapes image.

2. Then you need to decide on a light source. Top left/right is an easy choice. Body parts that are further back are darker.

see - light source pic.

3. You used too many colours which leads to unnecessary pixel placement. A base colour, shadow and highlight are all that is needed for each part of the sprite. Sometimes only 2 colours will suffice.

4. Youre idle animation was a little busy. 4 frames for breathing is ok. If you want to add the blink then extend it to 8 frames.

see attached gif.

5. A very simple walk can be achieved in 4 frames. Its a bit like a waddle.

see attached gif.

6. I also did a better walk but that requires a lot of re-drawing so its best to start with static characters so you get good at identifying and using shapes. Then animation becomes easier.

see attached gif.

7. use a grid in your editor of choice to make a sprite sheet. This character fits well in a 36 x 36px frame.

see grid example image.

Hope that helps!

 

Attachments: 
Preview
Start with shapes.png Start with shapes.png 3.2 Kb [4 download(s)]
Preview
Light source.png Light source.png 3.8 Kb [2 download(s)]
Preview
Simple-idle.gif Simple-idle.gif 3 Kb [6 download(s)]
Preview
Simple-walk.gif Simple-walk.gif 3.4 Kb [18 download(s)]
Preview
Better-walk.gif Better-walk.gif 3.8 Kb [18 download(s)]
Preview
Grid example.PNG Grid example.PNG 161.7 Kb [8 download(s)]
Preview
sprite sheet.png sprite sheet.png 5.6 Kb [13 download(s)]
  • Log in or register to post comments
CssCoder
joined 6 years 1 month ago
Friday, March 27, 2020 - 04:29

Holy shit man! Thank you for the pointers and the example! Once i get this sort of stuff down i will definitely contribute some art here. 

  • Log in or register to post comments