2000 AD Online Forum

General Chat => Creative Common => Topic started by: Steven Denton on 02 July, 2019, 08:49:14 PM

Title: Pixel Dredd
Post by: Steven Denton on 02 July, 2019, 08:49:14 PM
[img]https://s3.gifyu.com/images/Dredd-test-7Test.gif[img]

https://s3.gifyu.com/images/Dredd-test-7Test.gif
Title: Re: Pixel Dredd
Post by: Woolly on 02 July, 2019, 09:35:30 PM
Awesome mate!  :thumbsup:
Glad to see you've added the lawgiver to the boot holster ;)
Title: Re: Pixel Dredd
Post by: Bolt-01 on 02 July, 2019, 10:12:08 PM
That's grand!
Title: Re: Pixel Dredd
Post by: Steven Denton on 02 July, 2019, 11:08:38 PM
I'm not an animator so this has been quite an interesting learning curve. I realised that in the loop I posted the leg straitens at the wrong point giving Dredd a limp. this taught me two things. how to animate a limp and how to not animate a limp.
Title: Re: Pixel Dredd
Post by: Steven Denton on 02 July, 2019, 11:19:54 PM
(https://s3.gifyu.com/images/Dredd-test-80773297e19dbc08e.gif)
Title: Re: Pixel Dredd
Post by: Dark Jimbo on 02 July, 2019, 11:25:16 PM
Joyous!  :D
Title: Re: Pixel Dredd
Post by: Tjm86 on 03 July, 2019, 05:55:31 AM
Quote from: Steven Denton on 02 July, 2019, 11:08:38 PM
.... this taught me two things. how to animate a limp and how to not animate a limp.

I'm a little concerned then.  To me this looks like "Line Dancing Dredd."    ::)

[still quality work mind!]
Title: Re: Pixel Dredd
Post by: Funt Solo on 03 July, 2019, 06:22:19 AM
(https://s3.gifyu.com/images/Dredd-test-80773297e19dbc08e.gif) (https://s3.gifyu.com/images/Dredd-test-80773297e19dbc08e.gif) (https://i.imgur.com/Bd7VrpP.gif) (https://i.imgur.com/Bd7VrpP.gif)


(https://media.giphy.com/media/bCLu5FYlcVtUA/giphy.gif)
Title: Re: Pixel Dredd
Post by: Steven Denton on 03 July, 2019, 10:08:13 AM
It's weird. sometimes it looks smooth and some times it skips. I think I have reached the limits of my skills with just guessing. I'll need to devote some real time to this one day if I'm going to create anything decent.
Title: Re: Pixel Dredd
Post by: Funt Solo on 03 July, 2019, 03:01:40 PM
Tutorial I found a while ago. (http://www.angryanimator.com/word/2010/11/26/tutorial-2-walk-cycle/)

And an older web archived one. (https://web.archive.org/web/20111229192117/http://www.manningkrull.com:80/pixel_art/tutorials/walking.asp)
Title: Re: Pixel Dredd
Post by: Steven Denton on 03 July, 2019, 05:48:45 PM
I found the angry animator one last night while doing a tutorial trawl, looks helpful. the other one looks really useful too. my little animation has the same steps as the a frame one but with issues with the placements I think
Title: Re: Pixel Dredd
Post by: Steven Denton on 03 July, 2019, 07:38:52 PM
Quote from: Funt Solo on 03 July, 2019, 03:01:40 PM
Tutorial I found a while ago. (http://www.angryanimator.com/word/2010/11/26/tutorial-2-walk-cycle/)

And an older web archived one. (https://web.archive.org/web/20111229192117/http://www.manningkrull.com:80/pixel_art/tutorials/walking.asp)

From reading these very links I realised I had a frame missing on the second half that threw the whole thing out of step!

(https://s3.gifyu.com/images/Dredd-test-9Test.gif)
Title: Re: Pixel Dredd
Post by: pauljholden on 03 July, 2019, 07:42:11 PM
Steve, would it work better if the arm and the leg were not the same side - ie when left arm forward then right leg forward, and when right arm forward then left leg forward. I think that's more of natural gait.
Title: Re: Pixel Dredd
Post by: Steven Denton on 03 July, 2019, 07:51:41 PM
Yes.

I've been walking around for a week and every time I think about it my forward hand and leg are the same, I'm using me as reference and I can't be sure if I only walk funny when I think about it or if I walk funny of the time!
Title: Re: Pixel Dredd
Post by: pauljholden on 03 July, 2019, 07:58:18 PM
https://www.youtube.com/watch?v=vq9A5FD8G5w
Title: Re: Pixel Dredd
Post by: Tjm86 on 03 July, 2019, 08:02:13 PM
Quote from: pauljholden on 03 July, 2019, 07:42:11 PM
Steve, would it work better if the arm and the leg were not the same side - ie when left arm forward then right leg forward, and when right arm forward then left leg forward. I think that's more of natural gait.

Aye, a definite improvement at the moment but as you say, now he is 'tick-tocking.'

Funt - thank you for your contribution my friend, a real LOL moment for me.  Much needed therapy.

Looking forward to seeing the next evolution.  Love the way progress is being shared here.
Title: Re: Pixel Dredd
Post by: Steven Denton on 03 July, 2019, 08:20:11 PM
(https://s3.gifyu.com/images/Dredd-test-10.gif)

reversed arm swing
Title: Re: Pixel Dredd
Post by: pauljholden on 03 July, 2019, 09:31:33 PM
think that looks better (though he's moving very fast ... striding with purpose!)
Title: Re: Pixel Dredd
Post by: Frank on 03 July, 2019, 09:39:19 PM
Quote from: Steven Denton on 03 July, 2019, 08:20:11 PM
(https://s3.gifyu.com/images/Dredd-test-10.gif)

reversed arm swing

https://youtu.be/LQiOA7euaYA?t=46


Title: Re: Pixel Dredd
Post by: Steven Denton on 03 July, 2019, 09:53:26 PM
Quote from: pauljholden on 03 July, 2019, 09:31:33 PM
think that looks better (though he's moving very fast ... striding with purpose!)

(https://s3.gifyu.com/images/Dredd-test-105ce91dc3472e292a.gif)

Dredd walks at 3 speeds: Purposefully fast, menacingly slow, or sexily sashay. 
Title: Re: Pixel Dredd
Post by: M.I.K. on 03 July, 2019, 10:32:59 PM
Quote from: Frank on 03 July, 2019, 09:39:19 PM
Quote from: Steven Denton on 03 July, 2019, 08:20:11 PM
(https://s3.gifyu.com/images/Dredd-test-10.gif)

reversed arm swing

https://youtu.be/LQiOA7euaYA?t=46

https://www.youtube.com/watch?v=I_izvAbhExY
Title: Re: Pixel Dredd
Post by: Tjm86 on 04 July, 2019, 05:12:29 AM
Outstanding.  Once again, nice to see the evolution.

(TBH - favourite is still line dancing Dredd .... )
Title: Re: Pixel Dredd
Post by: Steven Denton on 08 July, 2019, 08:50:26 PM
(https://s3.gifyu.com/images/Dredd-twist-gun-draw-V4.gif)

the next bit will be a gun draw animation. I'm not having much luck pushing pixels and am mostly jusr redrawing everything for every frame.
Title: Re: Pixel Dredd
Post by: Funt Solo on 08 July, 2019, 09:49:34 PM
The puerile part of me is making farty noises every time JD bends down.
Title: Re: Pixel Dredd
Post by: Dandontdare on 09 July, 2019, 12:46:06 AM
Joe needs to cut down on the Synthichocs. Remember how skinny he was in the 70s?  :lol:
Title: Re: Pixel Dredd
Post by: Steven Denton on 09 July, 2019, 09:04:08 AM
We all used to be thinner in our prime
Title: Re: Pixel Dredd
Post by: Steven Denton on 11 July, 2019, 01:31:58 PM
(https://s3.gifyu.com/images/Dredd-twist-gun-draw-V6.gif)

Slowly adding in the uniform. I have left the eagle to last as I know it's going to be a pain
Title: Re: Pixel Dredd
Post by: Proudhuff on 11 July, 2019, 02:10:11 PM
Nice!

:D
Title: Re: Pixel Dredd
Post by: Steven Denton on 14 July, 2019, 11:44:50 AM
(https://s3.gifyu.com/images/Dredd-twist-gun-draw-V7.gif)

One of the reasons I thought Dredd would be a good place to start practicing is his uniform requires quite a lot of work but I'm familiar with it so although its hard its hard within my comfort zone.
Title: Re: Pixel Dredd
Post by: GrudgeJohnDeed on 04 August, 2019, 12:42:30 AM
Wow that's an big impressive sprite, nice one! Pixel art and Dredd, two of my favourite things in the world <3

Looks suitable for gameplay, do you plan on doing anything with it in that regard? It's so easy to make games these days with Game Maker and Unity etc (I have a Dredd NES game prototype I must return to :D )

Some animation points for the last walk gif you posted - his vertical weight shift behaves differently in the last half of the gif versus the first half, it looks off because it should be the same (one cycle for each leg). Draw a line 1 pixel above his head every frame and you'll see what I mean as it animates.

Also his shoulder pads are animating at half the rate as the rest of him, with these big sprites and how much distance the pads have to cover it can look choppy. Could do with some frames between to smooth it out!

Great work!



Title: Re: Pixel Dredd
Post by: Steven Denton on 04 August, 2019, 07:08:08 PM
Quote from: GrudgeJohnDeed on 04 August, 2019, 12:42:30 AM
Wow that's an big impressive sprite, nice one! Pixel art and Dredd, two of my favourite things in the world <3

Looks suitable for gameplay, do you plan on doing anything with it in that regard? It's so easy to make games these days with Game Maker and Unity etc (I have a Dredd NES game prototype I must return to :D )

Some animation points for the last walk gif you posted - his vertical weight shift behaves differently in the last half of the gif versus the first half, it looks off because it should be the same (one cycle for each leg). Draw a line 1 pixel above his head every frame and you'll see what I mean as it animates.

Also his shoulder pads are animating at half the rate as the rest of him, with these big sprites and how much distance the pads have to cover it can look choppy. Could do with some frames between to smooth it out!

Great work!

Thanks' and thank you for the advice, I'm a complete novice at this!

I see what you mean about the uneven height bounce thing. its like the second half of the cycle holds at the apex for too long. I'm pretty sure I approached this the worst way possible, working on individual elements and only really seeing it come together as a whole at the end. I need to develop a method that lets me keep myself in check without getting to technical.

The shoulder pads have less different animation steps because the eagle is an absolute pain in the arse. I should have done more, smaller movements but moving half a pixel is way harder than a whole pixel. (hence the jump)

I did some tests with constructor 2 a while back and found it pretty understandable. I worked out how to set up a side scrolling sprite with actions in a few hours. my freeing keeps telling me I need to learn unity. I would like to make a game at some point but my plan for this is a test animation that looks like a game so I can get to grips with pixel animation.
Title: Re: Pixel Dredd
Post by: GrudgeJohnDeed on 04 August, 2019, 10:46:14 PM
Ah yes you definitely want to be able to see the full picture as you work. Most animators work with a key frame system, where they first draw the defining frames of the action and then when they're happy, add the 'tween frames that smoothen it out - which is easier work now you have a point A and point B for that frame to move between. Usually it's all very rough until they have every frame, they want to make sure they've captured the movement before they devote time to properly drawing and rendering.

I definitely don't envy you having to draw Dredd's eagle pad in subtle angle changes! You can still move it every frame though, it'd definitely look better. Here it is possessed by Judge Death and using all 8 frames to move, even though there's only 3 unique drawings:

(https://i.imgur.com/l9F6BeY.gif)

One thing I'd really recommend to make it easier on yourself is go smaller next time, that's a big ol' sprite at around 150px tall and would prove challenging for most people! You can iterate quicker (feels good and is great for learning) and approximate more at lower resolutions all while getting more experience with the nitty gritty of pixel art, pushing single pixels around. The fantastic Dredd sprite in the SNES game is about 1/3 the size of yours for example and not a small sprite at all (about 50px tall). My NES Dredd sprite is around 30px tall!

That's awesome you got to grips with it so quick, I've not used Construct but I've seen some great games made in it. Unity is a really powerful engine, I stick with Game Maker personally as it's great for low resolution 2d games and I hear you have to know proper programming languages to get the absolute most out of Unity. If I ever look at 3d I might have to make the jump though, Game Maker is.. a bit of a joke in that department :D
Title: Re: Pixel Dredd
Post by: Steven Denton on 06 August, 2019, 07:40:22 PM
I would like to see your nes sprite.

I did have the shoulder pad and body moving an extra frame each way before but the body looked a bit flamboyant and the pad looked a bit like it was floating rather than attached to the body. Cutting the animation down made it look more solid and pinned to the body but with the side effect if it looking like a different frame rate. Maybe I need a small movement or a tilt or something. I'll try a few things next time I get some free time.

My Dredd is a big sprite but that's what I'm interested in. my first couple of tests sprites were much smaller but I wasn't getting what I wanted from them. I played on a Spectrum in the 8 bit days and an Amiga in the 16 bit days. It's the Amiga that really sets down my aesthetic, but I've ended up going bigger. It's a dumb way to learn to animate because of all the bloody detail.
Title: Re: Pixel Dredd
Post by: GrudgeJohnDeed on 06 August, 2019, 09:41:14 PM
Yeah it does make it a lot harder, but I totally get it - I like big sprites too and did the same thing when I first started, went big. The gargantuan rotoscoped sprites of a game like King of Fighters XII are basically pornography for me! I can't hang though.

Sure heres my NES Dredd running, pretty much finished although I might tweak some things yet:

https://drive.google.com/file/d/1bKBwpLS69w9jp82SXzcWUtjjLkPMZj6p/view?usp=sharing








Title: Re: Pixel Dredd
Post by: Steven Denton on 07 August, 2019, 07:14:42 PM
that's a fantastic little sprite. I can see why going small and working up would be a good idea!
Title: Re: Pixel Dredd
Post by: Steven Denton on 10 August, 2020, 05:57:51 PM
(https://thumbs.gfycat.com/AmusedRecentLeopard.webp)

I added a little muzzle flash and put the top of his helmet back on. I was just looking at the files and wondering how on earth I managed to get an animation out of the deranged mess that was my working 'method' pretty much every element was worked on individually with each body part starting as a separate file before being pinned together. I think I thought I would be able to re-use and customise the elements but that just turned out to be a lot of work that made things harder rather than easier.
Title: Re: Pixel Dredd
Post by: Trooper McFad on 10 August, 2020, 06:00:56 PM
 :( Got the same issue with your updated Dredd - I can still see your originals - Dam Mac  :-[
Title: Re: Pixel Dredd
Post by: Steven Denton on 10 August, 2020, 06:05:49 PM
Quote from: Trooper McFad on 10 August, 2020, 06:00:56 PM
:( Got the same issue with your updated Dredd - I can still see your originals - Dam Mac  :-[

https://gfycat.com/amusedrecentleopard (https://gfycat.com/amusedrecentleopard)
Title: Re: Pixel Dredd
Post by: Trooper McFad on 10 August, 2020, 06:20:41 PM
Thanks Steve
That's brilliant 👍🏻
Title: Re: Pixel Dredd
Post by: Steven Denton on 12 August, 2020, 05:23:46 PM
(https://thumbs.gfycat.com/WillingGiddyChanticleer.webp)

https://gfycat.com/willinggiddychanticleer (https://gfycat.com/willinggiddychanticleer)

I've started doing a new, slightly larger Dredd. still testing the pixel water. this time i started with Dredd impatiently checking his headset and shaking his head.
Title: Re: Pixel Dredd
Post by: Dandontdare on 12 August, 2020, 05:40:28 PM
If you mirrored that, he'd look like he's doing the Birdie Dance!  :lol:
Title: Re: Pixel Dredd
Post by: Steven Denton on 12 August, 2020, 07:53:08 PM
(https://thumbs.gfycat.com/RemorsefulPointlessCoqui.webp)

https://gfycat.com/remorsefulpointlesscoqui (https://gfycat.com/remorsefulpointlesscoqui)

Minor update. no dancing.
Title: Re: Pixel Dredd
Post by: Steven Denton on 14 August, 2020, 07:54:36 PM
(https://thumbs.gfycat.com/CharmingWaryEasternnewt.webp)

https://gfycat.com/charmingwaryeasternnewt (https://gfycat.com/charmingwaryeasternnewt)

Now with added turning to the right. slowly building actions up. (I will add a boot holster and flip it to turn left at some point)
Title: Re: Pixel Dredd
Post by: Trooper McFad on 14 August, 2020, 11:38:03 PM
Brilliant love his wee toe tap at the beginning
Title: Re: Pixel Dredd
Post by: Steven Denton on 17 August, 2020, 06:19:10 PM
(https://thumbs.gfycat.com/HandyWellgroomedBudgie-small.gif)

https://gfycat.com/handywellgroomedbudgie (https://gfycat.com/handywellgroomedbudgie)

Next I will work on the gun draw and shooting. Then i need to decide what I'm actually doing with this!
Title: Re: Pixel Dredd
Post by: Steven Denton on 23 August, 2020, 12:10:38 PM
(https://thumbs.gfycat.com/ScalyWelldocumentedBorzoi-small.gif)

Dredd now draws his gun and shoots. I've not put the holster in yet so the gun appears by magic at the moment.

https://gfycat.com/scalywelldocumentedborzoi (https://gfycat.com/scalywelldocumentedborzoi)
Title: Re: Pixel Dredd
Post by: Trooper McFad on 24 August, 2020, 10:57:17 AM
These just keep getting better 👍🏻
Title: Re: Pixel Dredd
Post by: broodblik on 24 August, 2020, 11:14:59 AM
Great  :thumbsup:
Title: Re: Pixel Dredd
Post by: Darren Stephens on 24 August, 2020, 05:38:53 PM
Yeh, coming along great, Steven!
Title: Re: Pixel Dredd
Post by: Steven Denton on 25 August, 2020, 01:12:26 PM
(https://thumbs.gfycat.com/BothBlueKangaroo-small.gif)

not really Dredd
Title: Re: Pixel Dredd
Post by: Robin Low on 25 August, 2020, 02:36:47 PM
Quote from: Steven Denton on 25 August, 2020, 01:12:26 PM
(https://thumbs.gfycat.com/BothBlueKangaroo-small.gif)

not really Dredd

He needs a mutie dog on his right so it looks like he's scratching behinds its ears.

Regards,

Robin
Title: Re: Pixel Dredd
Post by: Steven Denton on 27 August, 2020, 11:55:48 AM
https://gfycat.com/belatedbruisedcormorant (https://gfycat.com/belatedbruisedcormorant)

the mad buttist butts... or maybe he's just listening to mettle

(https://thumbs.gfycat.com/BelatedBruisedCormorant-small.gif)
Title: Re: Pixel Dredd
Post by: Dandontdare on 27 August, 2020, 12:09:24 PM
Love the little chin-up grimace before the butt!
Title: Re: Pixel Dredd
Post by: Steven Denton on 27 August, 2020, 01:13:45 PM
Thanks, one of the things I enjoy about art in general is the little details. I have a tendency to overdo them then pair it back, which means generally putting more time into things then I need to. My plan with this is to make a very VERY short game for the advent calendar. I find it easier to learn something, like pixel art ang game creation, if I have a goal in mind.

Title: Re: Pixel Dredd
Post by: Trooper McFad on 27 August, 2020, 02:02:16 PM
Another great addition 👍🏻 only needs a head banging tune over the top 🤘🏻
Title: Re: Pixel Dredd
Post by: Steven Denton on 31 August, 2020, 01:19:16 AM
(https://thumbs.gfycat.com/ThoughtfulSeparateChimpanzee-small.gif)

I working on a generic perp too.
Title: Re: Pixel Dredd
Post by: Trooper McFad on 31 August, 2020, 05:43:30 PM
Another great pixel animation
Title: Re: Pixel Dredd
Post by: TordelBack on 31 August, 2020, 09:48:54 PM
Hah, arsom!
Title: Re: Pixel Dredd
Post by: Steven Denton on 04 September, 2020, 09:47:48 PM
(https://thumbs.gfycat.com/IllfatedSecretAnemoneshrimp-small.gif)

Basic movements for Dredd done.
Title: Re: Pixel Dredd
Post by: Trooper McFad on 06 September, 2020, 11:45:57 AM
That's a lot of moving- great stuff
Title: Re: Pixel Dredd
Post by: broodblik on 06 September, 2020, 11:50:12 AM
Brilliant  :thumbsup: :thumbsup: :thumbsup:
Title: Re: Pixel Dredd
Post by: JayzusB.Christ on 14 September, 2020, 06:46:51 PM
Saw a couple of these on Instagram but I hadn't seen your latest ones.  Amazing stuff - they make me nostalgic for a late-80s coin-op game that never existed.