Pixelation

Critique => Pixel Art => Topic started by: DeadAce on October 01, 2009, 01:29:42 pm

Title: Cartoon Piggy! :)
Post by: DeadAce on October 01, 2009, 01:29:42 pm
Hi everyone, I'm new to this forum! I'm trying to work my way back into pixel land, as I've always loved it! I was a kid in the old Amiga days and did some stuff back then for fun, but I wasn't really good enough to do games work! Now I'm grown up, work as a 3d animator/character modeler, and would like to give pixels another go!
Please critique, comment, and use your right of free speech! ;D

Oh yeah, here is Piggy:

(http://www.nutcorner.com/wip/piggy_v01.png)
Title: Re: Cartoon Piggy! :)
Post by: EyeCraft on October 01, 2009, 02:42:24 pm
Hello, welcome to Pixelation.

Solid design you have for the character, your previous experience is apparent. Main issues to me are:

- character feels a little flat, mainly due to weak contrast

- excessive number of colours used (27). You could drop you palette down to 8 colours or so easily.

- Lots of jaggies around the silhouette. Some areas work really well, such as his right ear (our left), but his left arm and the back of the head are pretty rough. Perhaps softening the value of the outlines towards lightsources could help

- Purple shadow tone is jarrying against the blues, both in sudden hue shift and value drop. Maybe harmonise that transition a little more. I'd even lower the saturation of the purple.

Looking forward to updates!
Title: Re: Cartoon Piggy! :)
Post by: mrToad on October 01, 2009, 03:57:32 pm
Looks good! Only if I am expected to search for something to pick about... perhaps the purple color should gradient to darker between the legs and/or be slightly more blue. He's mostly perfect and cool looking. :)
Title: Re: Cartoon Piggy! :)
Post by: Gil on October 01, 2009, 07:19:46 pm
- excessive number of colours used (27). You could drop you palette down to 8 colours or so easily.

I don't think this is really necessary. I don't think he's wasting colors. A little color unification might be in order though.
Title: Re: Cartoon Piggy! :)
Post by: Mathias on October 01, 2009, 08:10:15 pm
The color amount is borderline. It's actually got 29, counting bg. A real problem though, is that there are redundant shades in there.

This edit doesn't fix the color redundacies, just a quick palette touch-up.
(http://img137.imageshack.us/img137/3769/editpiggypig.gif)


- Lots of jaggies around the silhouette. . .

Eyecraft, would he just need to use lighter selout around the jaggy corners? This sprite will probably be used on a bg that will help minimize the jagginess. The solid light bg makes it's painfully visible, but it's surely not the intended context for the porker.
Title: Re: Cartoon Piggy! :)
Post by: Helm on October 02, 2009, 08:02:00 am
(http://www.nutcorner.com/wip/piggy_v01.png)(http://img137.imageshack.us/img137/3769/editpiggypig.gif)(http://www.locustleaves.com/piggy.gif)(http://www.locustleaves.com/piggy2.png)

Latest edit was 27 colors. My edit is 16.

Selout hurts this a bit, also that there isn't much value range in the colors, and the darks are oversaturated. I tried to bridge the palette and to give it some pleasant tints, as well as showing the forms a bit better. Hope I helped.
Title: Re: Cartoon Piggy! :)
Post by: DeadAce on October 02, 2009, 09:11:02 am
Thx guys, your editing examples of Piggy is really helpfull, I'll try to pimp him up! :)
I know the colour count is a mess, and should be cleaned up! I tried a few days ago to optimize it in ProMotion 4.7, but I couldn't get a good result using the reduce colours option, how do you guys approach reduction? or do you know pages that describe this process? ..should have been carefull from the start!  :yell:
Title: Re: Cartoon Piggy! :)
Post by: PypeBros on October 02, 2009, 09:55:17 am
the pocket is still a bit odd, imho. Its curve isn't reinforcing piggy's belly and it looks "engraved" rather than stitching out.
(could be having importance on the "flatness", but only trying it out would tell).
Title: Re: Cartoon Piggy! :)
Post by: Helm on October 02, 2009, 11:06:15 am
Thx guys, your editing examples of Piggy is really helpfull, I'll try to pimp him up! :)
I know the colour count is a mess, and should be cleaned up! I tried a few days ago to optimize it in ProMotion 4.7, but I couldn't get a good result using the reduce colours option, how do you guys approach reduction? or do you know pages that describe this process? ..should have been carefull from the start!  :yell:

being careful from the beginning is the best way yes. And if you're cleaning up something someone else made or something you made before a bit carelessly, you certainly don't do it with any automatic tools.

The way I cleaned up your version was look at every color in the index in pro motion and see where it was used in the picture, as well as if it could be substituted with another color. You had a lot of near-same colors and a few that were used for one pixel here one pixel there. I will make a video of editing someone else's piece when I find a suitable one in the future that will explain this process in more detail if there's more interest.
Title: Re: Cartoon Piggy! :)
Post by: PypeBros on October 02, 2009, 12:10:46 pm
I will make a video of editing someone else's piece when I find a suitable one in the future that will explain this process in more detail if there's more interest.
That would certainly be a valuable stuff to have around.
Title: Re: Cartoon Piggy! :)
Post by: Zoggles on October 03, 2009, 03:09:10 pm
That's quite a lovable little character design you've got there. While I think Helms edit addresses pretty much all the main points, I thought I'd have a quick go with even fewer colours but only really shaved off another 5 from Helms. Not that using the fewest colours is necessary, but the fewer the colours the easier something tends to be to animate.

(http://www.miniwizardstudios.com/odds/pix/Piggy.png)

As for being careful with colour counts, I tend to use the magic wand a lot with a colour tolerance of 1 (but I use photoshop not promotion) just to make sure that the area selected includes everything its supposed to and that there's nothing that slipped by with an ever-so-slightly different colour value.

-Z-
Title: Re: Cartoon Piggy! :)
Post by: Dr D on October 03, 2009, 03:21:13 pm
I do enjoy the colors and contrast in Zoggles' version of Piggy. And if you do plan on animating him, he has a valid point.

Just thought I'd reinforce.
Title: Re: Cartoon Piggy! :)
Post by: DeadAce on October 05, 2009, 08:28:03 pm
Thx guys for all of your examples, they've been really helpfull!
I've now reduced Piggy to 16 colours, and touched him up, giving him more of a 3d feel, hope you like him!  :)

This is new Piggy, compared to old Piggy.. it's a photoshop file, so it won't be 16 colours, but in my promotion file he is!  ;D

(http://www.nutcorner.com/wip/piggy_v02.png)
Title: Re: Cartoon Piggy! :)
Post by: Zoggles on October 05, 2009, 10:48:36 pm

(http://www.miniwizardstudios.com/odds/emotes/love.png)

That's a great re-working and down to 16 colours from the original 27. Nice work.

It all looks much better now, particularly the front pocket, and his right ear. heh I totally didn't realise it was folded over like that before, but now having seen this newer one, I can't figure out why I didn't see it before.

Good contrast all round and slightly more vibrant colours. The only thing that I wonder about is whether the yellow back-lighting is a little too much or not.

-Z-
Title: Re: Cartoon Piggy! :)
Post by: DeadAce on October 06, 2009, 10:45:43 am
The only thing that I wonder about is whether the yellow back-lighting is a little too much or not.

Yeah, maybe you're right! I tried different variations and like this version, but if he has to work in different environments (i.e. forest, caves, snow scenery) maybe it should be toned down!
Title: Re: Cartoon Piggy! :)
Post by: DeadAce on October 06, 2009, 05:42:08 pm
I've tweaked the colous of his pants, and toned down the backlight slightly!

(http://www.nutcorner.com/wip/piggy_v03.png)