Sprite Animation Weekly #1 - Fighting Stance
Join Free Art WorkShopJoin Premium Art Workshop

Page 1 of 2 1 2 LastLast
Results 1 to 30 of 35

Thread: Sprite Animation Weekly #1 - Fighting Stance

  1. #1
    Join Date
    Jun 2003
    Location
    CA
    Posts
    1,182
    Thanks
    524
    Thanked 314 Times in 89 Posts
    Follows
    2
    Following
    0

    Sprite Animation Weekly #1 - Fighting Stance

    Hello CAorgers. I had mentioned in Davi's sprite thread that I thought it would be amusing to make a weekly activity revolving around making sprites. So, I'm pushing ahead and starting it up. Hopefully we can have some fun and build some extra skills into our portfolios. I'll aim to get a new activity up each Monday. There won't be a voting phase, but finished entries will be showcased in the following weeks OP. I hope to see at least a few people who enjoy sprites and will regularly participate along.

    Week 1 - Fighting Stance:
    This challenge is to take an original humanoid character from your history of artwork and create a neutral fighting game stance. The size of the sprite should fit in with the classical Capcom resolution. The number of frames for this week is optional, it can be as few or as many as you wish. Animation should loop.

    Examples courtesy of Capcom (simple and complex):



    Other Notes:
    Feel free to make suggestions and recommendations about the general operation of this activity. I'll probably just do a slew of various video game related topics, maybe a 3-frame animated vehicle for a shmup one week, a walk cycle for a NES resolution beat'em'up character the next week, etc. Opinions welcome.

    Reply With Quote Reply With Quote  

  2. #2
    Join Date
    Mar 2007
    Posts
    527
    Thanks
    41
    Thanked 177 Times in 115 Posts
    Follows
    0
    Following
    0
    how can I make a sprite? I would be up for making one,

    EDIT: good idea for a community topic.

    Here is my Sketchbook. Please have a look if you have time. Thanks.


    http://www.conceptart.org/forums/sho...d.php?t=119105
    Reply With Quote Reply With Quote  

  3. #3
    Join Date
    Jun 2003
    Location
    CA
    Posts
    1,182
    Thanks
    524
    Thanked 314 Times in 89 Posts
    Follows
    2
    Following
    0
    Quote Originally Posted by UCT View Post
    how can I make a sprite? I would be up for making one,

    EDIT: good idea for a community topic.
    Generally you're just going to make a normal sized sketch, then resize it down and use a single pixel brush (pencil tool if you're using photoshop) to refine the outline of the sketch into a transparent ".gif" friendly form. I'll probably post the steps or possibly a video of what I do to make my entry for this week. In the meantime, I googled these tutorials.

    Part 9 and 10 might be reasonably useful.
    http://gas13.ru/v3/tutorials/sywtbap...ame_sprite.php

    Animating consists of simply making a bunch of different layers or sprites and linking them together in Imageready (if using photoshop) or any other capable software. With this weeks animation, you can get away with simply taking your base sprite and moving chunks of it around to make the separate frames of animation. The Zangief animation at the top is simply one drawing with the parts moving around and moving shadows colored in.

    I'll also add that this sprite I made:


    The neutral frame was simply this speedpaint, which I resized and cleaned up the outer edge only.


    Hope that helps.

    Reply With Quote Reply With Quote  

  4. #4
    HunterKiller_'s Avatar
    HunterKiller_ is offline Registered User Level 15 Gladiator: Spartacus' Hoplomachi
    Join Date
    Apr 2005
    Location
    NZ
    Posts
    3,763
    Thanks
    2,126
    Thanked 1,004 Times in 654 Posts
    Follows
    0
    Following
    0
    Should be a good activity.

    Do we have to use pixels? Is it ok to use scanned drawing or antialiased brushes?

    Reply With Quote Reply With Quote  

  5. #5
    Join Date
    Jul 2005
    Location
    Anna, TX
    Posts
    162
    Thanks
    46
    Thanked 29 Times in 19 Posts
    Follows
    0
    Following
    0
    cool idea!

    Reply With Quote Reply With Quote  

  6. #6
    Join Date
    Jun 2003
    Location
    CA
    Posts
    1,182
    Thanks
    524
    Thanked 314 Times in 89 Posts
    Follows
    2
    Following
    0
    Quote Originally Posted by HunterKiller_ View Post
    Should be a good activity.

    Do we have to use pixels? Is it ok to use scanned drawing or antialiased brushes?
    The technique doesn't matter as long as the end result fits the criteria.

    Reply With Quote Reply With Quote  

  7. #7
    Join Date
    Mar 2007
    Posts
    527
    Thanks
    41
    Thanked 177 Times in 115 Posts
    Follows
    0
    Following
    0
    Kens feet are fookin massive!

    Here is my Sketchbook. Please have a look if you have time. Thanks.


    http://www.conceptart.org/forums/sho...d.php?t=119105
    Reply With Quote Reply With Quote  

  8. #8
    Anid Maro's Avatar
    Anid Maro is offline Psychotic Eldritch Zeppelin Level 9 Gladiator: Hoplomachi
    Join Date
    Dec 2006
    Posts
    1,378
    Thanks
    669
    Thanked 537 Times in 295 Posts
    Follows
    0
    Following
    0
    Hrm, perhaps the opening challenge is a bit rough, but it's a cool activity none the less. I've done a couple sprites before on a much smaller scale, I'll see if I can pull off something to submit for this challenge.

    -My work can be found at my local directory thread.
    Reply With Quote Reply With Quote  

  9. #9
    Join Date
    May 2008
    Location
    Texas
    Posts
    187
    Thanks
    30
    Thanked 34 Times in 26 Posts
    Follows
    0
    Following
    0
    Wow that's cool!!

    I like this thread Really nice idea.

    Reply With Quote Reply With Quote  

  10. #10
    Join Date
    Mar 2007
    Posts
    527
    Thanks
    41
    Thanked 177 Times in 115 Posts
    Follows
    0
    Following
    0
    shit, looks like im being too ambitious! Nice one Pat.

    Attached Images Attached Images  
    Here is my Sketchbook. Please have a look if you have time. Thanks.


    http://www.conceptart.org/forums/sho...d.php?t=119105
    Reply With Quote Reply With Quote  

  11. #11
    Join Date
    Jun 2003
    Location
    CA
    Posts
    1,182
    Thanks
    524
    Thanked 314 Times in 89 Posts
    Follows
    2
    Following
    0
    Nice one Chuck.

    I did a quick one based on that old last man standing piece. I'll probably do a different one too if I can.

    Edit: Added another. Which doesn't seem to be the same scale as the first, oops, oh well.

    Edit edit: Yet another, with a matching scale.

    + alt.

    based on:


    +



    Last edited by Sinix; July 25th, 2008 at 02:04 PM.
    Reply With Quote Reply With Quote  

  12. #12
    Join Date
    Mar 2005
    Location
    Cicely, Alaska. one day.
    Posts
    2,889
    Thanks
    0
    Thanked 166 Times in 79 Posts
    Follows
    0
    Following
    0
    great character Sinix. and the animation looks really cool.

    my "Heavy Gunner" and "Gustav" -





    about 40 min each



    Cheers.
    Patricio.

    Last edited by Chuck,mate.; July 24th, 2008 at 11:42 AM.
    We all pay for life with death, so everything in between should be free.
    -Bill Hicks


    Sketchbook Old SketchBook Portfolio GorillaArtFare
    Reply With Quote Reply With Quote  

  13. #13
    Join Date
    Jun 2006
    Location
    UK- Manchester & Leamington Spa
    Posts
    1,507
    Thanks
    426
    Thanked 349 Times in 285 Posts
    Follows
    0
    Following
    0
    Wowowow! This is a great idea and should be a regular thing methinks. Wish I could cut my holiday short to take part

    Reply With Quote Reply With Quote  

  14. #14
    Join Date
    Jan 2005
    Location
    Cambridge/Boston
    Posts
    1,124
    Thanks
    77
    Thanked 55 Times in 55 Posts
    Follows
    0
    Following
    0
    man this look like it'll be ALOT of fun! I'm definitely gonna give this one a go!

    Reply With Quote Reply With Quote  

  15. #15
    Join Date
    Mar 2005
    Location
    Cicely, Alaska. one day.
    Posts
    2,889
    Thanks
    0
    Thanked 166 Times in 79 Posts
    Follows
    0
    Following
    0
    updated with another one. check him out.

    "fight! fight! fight! fight!...."



    P.

    We all pay for life with death, so everything in between should be free.
    -Bill Hicks


    Sketchbook Old SketchBook Portfolio GorillaArtFare
    Reply With Quote Reply With Quote  

  16. #16
    Anid Maro's Avatar
    Anid Maro is offline Psychotic Eldritch Zeppelin Level 9 Gladiator: Hoplomachi
    Join Date
    Dec 2006
    Posts
    1,378
    Thanks
    669
    Thanked 537 Times in 295 Posts
    Follows
    0
    Following
    0
    Man, awesome work from both of you Sinix and Chuck,mate.

    I've hung myself up a bit because I'm using an old character concept so I've had to redraw her a bit and do some studies. I've got the sprite outline done and I'm filling in colors and shade. Soon I'll have the sprite rendered out and then I can have some cut & paste fun.

    Kinda awkward, I don't have internet at home so I end up having to get online elsewhere. I've got stuff to show, I just can't access it right now.

    -My work can be found at my local directory thread.
    Reply With Quote Reply With Quote  

  17. #17
    Join Date
    Mar 2007
    Posts
    527
    Thanks
    41
    Thanked 177 Times in 115 Posts
    Follows
    0
    Following
    0
    these are sweeeet.

    might start again, again. lol

    Here is my Sketchbook. Please have a look if you have time. Thanks.


    http://www.conceptart.org/forums/sho...d.php?t=119105
    Reply With Quote Reply With Quote  

  18. #18
    Join Date
    Jun 2003
    Location
    CA
    Posts
    1,182
    Thanks
    524
    Thanked 314 Times in 89 Posts
    Follows
    2
    Following
    0
    Wasn't satisfied with the first version of the elf archer. Tried another.



    Last edited by Sinix; July 25th, 2008 at 02:01 PM.
    Reply With Quote Reply With Quote  

  19. #19
    Join Date
    Apr 2007
    Location
    Southampton, PA
    Posts
    345
    Thanks
    3
    Thanked 9 Times in 9 Posts
    Follows
    0
    Following
    0
    well this is interesting... i started drawing on the computer about 7 years ago... but i was spriting back then, with a mouse and mspaing... back when i used to be a member of the pixelation forums.. now i jsut wanna give a heads up.. i will def be posting in here, its about time i try to make a sprite again! cheers for making this thread!!!!

    Reply With Quote Reply With Quote  

  20. #20
    Anid Maro's Avatar
    Anid Maro is offline Psychotic Eldritch Zeppelin Level 9 Gladiator: Hoplomachi
    Join Date
    Dec 2006
    Posts
    1,378
    Thanks
    669
    Thanked 537 Times in 295 Posts
    Follows
    0
    Following
    0
    Here's my last minute entry.

    Name:  knight_sprite.gif
Views: 1261
Size:  7.8 KB

    It's an old character I'd made some time ago, so I had to redraw a lot of parts. First mistake right there, if I didn't have to redraw so much I probably could've cranked out more than just one. Ah well, was still fun and I look forward to the next challenge.

    Name:  knight800x513adj.jpg
Views: 1617
Size:  100.7 KB

    -My work can be found at my local directory thread.
    Reply With Quote Reply With Quote  

  21. #21
    Join Date
    Jan 2005
    Location
    Cambridge/Boston
    Posts
    1,124
    Thanks
    77
    Thanked 55 Times in 55 Posts
    Follows
    0
    Following
    0
    Sinix and Chuck,mate - GAH your work is amazing (as always)! I must say I was looking at both of yours as examples when I was doing this lol. Great work!

    Anid Maro - Ooo very nice, I like the subtleties and the number of things moving. Good work!

    --

    This was fun! I ended up going with a CHOW character I did about 2 years ago; the piece itself looks terrible in my opinion, but I felt the guy would work as a fighting game character hehe. I went really simple with the animation, mostly just getting a feel out how this works. I definitely want to do multiple or at least a more complex sprite next time; now that I know what to expect I can mess around with approaches and stuff. For now though, I'm pretty happy with this one.

    I didn't really check the size after the initial resize of the sketch so my guy is a bit on the tiny size





    Great work guys!

    Reply With Quote Reply With Quote  

  22. #22
    Join Date
    Mar 2005
    Location
    Cicely, Alaska. one day.
    Posts
    2,889
    Thanks
    0
    Thanked 166 Times in 79 Posts
    Follows
    0
    Following
    0
    man these are cool.

    sinix - 2nd version, hands down. superb. love her little nuances....

    We all pay for life with death, so everything in between should be free.
    -Bill Hicks


    Sketchbook Old SketchBook Portfolio GorillaArtFare
    Reply With Quote Reply With Quote  

  23. #23
    Join Date
    Dec 2006
    Location
    Delft - NL
    Posts
    1,179
    Thanks
    52
    Thanked 159 Times in 134 Posts
    Follows
    0
    Following
    0
    nice guys, truly old skool!!! im curious how you make that in PS? what resolution is it btw?

    Reply With Quote Reply With Quote  

  24. #24
    Join Date
    Sep 2006
    Posts
    1,713
    Thanks
    103
    Thanked 170 Times in 152 Posts
    Follows
    0
    Following
    0
    Quote Originally Posted by Teh Gosu View Post
    nice guys, truly old skool!!! im curious how you make that in PS? what resolution is it btw?
    Me too!!!Please!Show us how to do that in PS.I want to make some of this!!

    Reply With Quote Reply With Quote  

  25. #25
    Join Date
    Jan 2006
    Posts
    366
    Thanks
    4
    Thanked 35 Times in 18 Posts
    Follows
    0
    Following
    0
    I loved this challenge and the results! You've inspired me to get one in this week. I'm almost done with it and boy is it salopaaay

    Reply With Quote Reply With Quote  

  26. #26
    Join Date
    Nov 2007
    Location
    Toledo
    Posts
    735
    Thanks
    805
    Thanked 193 Times in 104 Posts
    Follows
    0
    Following
    0
    Ha ha, I suck, I cant figure out how to have a transparent background


    sorry about the lateness

    Last edited by Arteater; July 30th, 2008 at 12:01 PM.
    Reply With Quote Reply With Quote  

  27. #27
    Anid Maro's Avatar
    Anid Maro is offline Psychotic Eldritch Zeppelin Level 9 Gladiator: Hoplomachi
    Join Date
    Dec 2006
    Posts
    1,378
    Thanks
    669
    Thanked 537 Times in 295 Posts
    Follows
    0
    Following
    0
    Hey Arteater, looks like you've got a good animation there you just need to tweak the technical aspects of your GIF file.

    First of all for a transparent background what you need to do is paint the area with a unique color that isn't used elsewhere and set it to be transparant. If you're using a program like Photoshop or GIMP then just have the area transparent and you shouldn't have to set a color, otherwise you'll have to. Think of it like the green-screen technique used in film.

    I myself use a shareware program called "GraphicsGale" to do the sprite work and then animate it in GIMP (I'd do all the work in Gale, but I don't have the scrilla to buy the full version ).

    The second issue you have is old frames don't get replaced. When you save as a GIF you should have the option to select how the frames are animated, either by "overlaying" the frames (what you've got going on) or "replacing" the frames (the previous frame is erased). You want to replace the frames, overlaying them will just give you an afterimage effect.

    One final issue to look at are your edges, hard edges are preferrable in sprite work because there isn't any sort of "half-transparent" setting. It's either see through, or not. If you have soft and faded edges then it will look wierd when placed on a background.

    For those asking "how" to do this, here's a quick overview of what I did.

    - I drew out the pose in ink, scanned it in, and cleaned it up with the levels tool.
    - Scaled it down to an appropriate size (~100 pixels max for this challenge).
    - Loaded it up in GraphicsGale, made a layer on top of the drawing, and drew a 'clean' pixel outline.
    - Filled in colors 'till it was nice and purdy.
    - Cut up the image into pieces (legs, chest, head, et cetera) and moved 'em around to create my four basic frames.
    - Repainted the frames to cover up the fact that it was just a cut & paste job and add little details.
    - Copied 'intermediary' frames to loop the animation.
    - Load up the frames in GIMP and animated it.
    - Went back and forth putzing with little minor details as I saw or thought of 'em.

    And that was pretty much it. A few technical limitations I kept in mind as I did this was size (about the size of a Capcom sprite, ~100x100 pixels give or take depending on the character), number of colors (15 colors, 1 transparent), and number of frames (6 total). Nowadays the number of colors really isn't a big deal, I just like to work with limits like what artists had to deal with back in the 2D days. The frames I kept track of simply because more frames equals more work.

    For a final note, keep in mind that at such a small scale even just one pixel makes a difference. So you'll be largely working with a 1 pixel width hard-edged brush... the only other tool I'd used was a fill bucket when appropriate.

    Hope that helps.

    Last edited by Anid Maro; July 29th, 2008 at 05:24 PM.
    -My work can be found at my local directory thread.
    Reply With Quote Reply With Quote  

  28. The Following User Says Thank You to Anid Maro For This Useful Post:


  29. #28
    Join Date
    Sep 2006
    Location
    Sydney, Australia
    Posts
    950
    Thanks
    627
    Thanked 279 Times in 179 Posts
    Follows
    0
    Following
    0
    These are so wicked, Loving all of them. gonna muck around and try and make one of these, never tried before.

    Ok here's my attempt.

    Attached Images Attached Images    
    Last edited by Cam Sykes; July 30th, 2008 at 07:48 AM.
    Reply With Quote Reply With Quote  

  30. #29
    Join Date
    Nov 2007
    Location
    Toledo
    Posts
    735
    Thanks
    805
    Thanked 193 Times in 104 Posts
    Follows
    0
    Following
    0
    Im bound to get this transparent background


    Reply With Quote Reply With Quote  

  31. #30
    Join Date
    Jul 2004
    Posts
    2,777
    Thanks
    152
    Thanked 236 Times in 103 Posts
    Follows
    0
    Following
    0
    Quote Originally Posted by Anid Maro View Post
    Hey Arteater, looks like you've got a good animation there you just need to tweak the technical aspects of your GIF file.

    First of all for a transparent background what you need to do is paint the area with a unique color that isn't used elsewhere and set it to be transparant. If you're using a program like Photoshop or GIMP then just have the area transparent and you shouldn't have to set a color, otherwise you'll have to. Think of it like the green-screen technique used in film.

    I myself use a shareware program called "GraphicsGale" to do the sprite work and then animate it in GIMP (I'd do all the work in Gale, but I don't have the scrilla to buy the full version ).

    The second issue you have is old frames don't get replaced. When you save as a GIF you should have the option to select how the frames are animated, either by "overlaying" the frames (what you've got going on) or "replacing" the frames (the previous frame is erased). You want to replace the frames, overlaying them will just give you an afterimage effect.

    One final issue to look at are your edges, hard edges are preferrable in sprite work because there isn't any sort of "half-transparent" setting. It's either see through, or not. If you have soft and faded edges then it will look wierd when placed on a background.

    For those asking "how" to do this, here's a quick overview of what I did.

    - I drew out the pose in ink, scanned it in, and cleaned it up with the levels tool.
    - Scaled it down to an appropriate size (~100 pixels max for this challenge).
    - Loaded it up in GraphicsGale, made a layer on top of the drawing, and drew a 'clean' pixel outline.
    - Filled in colors 'till it was nice and purdy.
    - Cut up the image into pieces (legs, chest, head, et cetera) and moved 'em around to create my four basic frames.
    - Repainted the frames to cover up the fact that it was just a cut & paste job and add little details.
    - Copied 'intermediary' frames to loop the animation.
    - Load up the frames in GIMP and animated it.
    - Went back and forth putzing with little minor details as I saw or thought of 'em.

    And that was pretty much it. A few technical limitations I kept in mind as I did this was size (about the size of a Capcom sprite, ~100x100 pixels give or take depending on the character), number of colors (15 colors, 1 transparent), and number of frames (6 total). Nowadays the number of colors really isn't a big deal, I just like to work with limits like what artists had to deal with back in the 2D days. The frames I kept track of simply because more frames equals more work.

    For a final note, keep in mind that at such a small scale even just one pixel makes a difference. So you'll be largely working with a 1 pixel width hard-edged brush... the only other tool I'd used was a fill bucket when appropriate.

    Hope that helps.
    maby should sticky that or rewrite it as a sticky so more people can join in the activity !great post there, and reat idea by sinx too !!!!!!!! some of thease games are still my favoirts ! guilty gear soo much more excietign then the new mortal combat lol

    Reply With Quote Reply With Quote  

Page 1 of 2 1 2 LastLast

Members who have read this thread: 4

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •