Pixelation

Critique => Pixel Art => Topic started by: cbamf on June 01, 2015, 01:14:52 pm

Title: [WIP][C&C] First attempt at pixel art
Post by: cbamf on June 01, 2015, 01:14:52 pm
Hello everyone,

Pixel art is something I've always admired and I decided I would give it a go, I'm at a point where I feel I could continue creating tiles in this style for days, they aren't really for any project in particular but I'm trying to be mindful of their modularity and keeping them as environment pieces for an isometric game.

So there are a few things I would love to receive some criticism for; namely the tree. I think the shading looks alright but I am not really too happy with the leaves, I would really appreciate any suggestions people could make in improving these.

I would also love to know if there are any areas I can optimise my colour pallet, I am not really limiting myself as much as I would like to in the future when I am more comfortable with pixel-specific shading techniques but at the moment I'd like to cap it at 28 or 32 colours.

If there is anything else you think I could do to make these pieces better I would be grateful for any suggestions, please feel free to obliterate these with criticisms, I really have no idea what I am doing yet.

I would also love to know how you guys manage to make things look good at 100% zoom, I'm currently just having fun zoomed in to 200% and pretending everything is fine.

Most  Recent:

(http://corybamford.com/assets/images/PixelArtTree_U8.png)

Original:

(http://corybamford.com/assets/images/PixelArtTree.png)

Update:

(http://corybamford.com/assets/images/PixelArtTree_U1.png)

Update 2:

(http://corybamford.com/assets/images/PixelArtTree_U2.png)

Update 3 Study based on Decroded's reference suggestion:

(http://corybamford.com/assets/images/PixelArtTree_U3.png)

Update 4: New tree

(http://i.imgur.com/HSsr0gc.png)

Update 5:

(http://corybamford.com/assets/images/PixelArtTree_U4.png)

Thanks in advance,


Cory.

e/ removed upscaled version since this forum has nice non-bicubic zooming  :)
Title: Re: [WIP][C&C] First attempt at pixel art
Post by: Poggles on June 05, 2015, 05:41:00 am
This is already pretty good, and I don't mean just for a first attempt. You've clearly got the talent. This guide here might help you a little. He starts talking about trees a little more than halfway down the page

http://opengameart.org/content/chapter-8-a-world-of-tiles (http://opengameart.org/content/chapter-8-a-world-of-tiles)
Title: Re: [WIP][C&C] First attempt at pixel art
Post by: cbamf on June 05, 2015, 10:37:05 am
Thanks for the response and encouraging words, Poggles  :)

That's a good read so thanks also for linking that to me.

If you get the time I would really appreciate any meticulous criticisms, I'm sure there are many things that could be done better.

Thanks again,

Cory.


Title: Re: [WIP][C&C] First attempt at pixel art
Post by: kullenberg on June 05, 2015, 02:36:48 pm
I like the grass/dirt patches. They have a nice organic look. As for the tree, it kind of looks like a cabbage head i.e. thin slices overlapping each other. Try to think more in terms of sphere clusters. I think you should definately try to copy a style you look. Have a sprite with the art style you like on the canvas next to your piece and try to understand why it works.
Title: Re: [WIP][C&C] First attempt at pixel art
Post by: hapiel on June 05, 2015, 07:06:53 pm
I think, to make it look better at 1x, you'd have to worry more about the shapes pixels form together rather than work with individual pixels. There are a lot of details/texture elements that are one pixel in size, which looks better at 2x indeed...

The highlight on the leaves of the tree seem odd to me. Wheras everything is so low contrast and softly shaded, the tree suddenly has these unrealistic light effects, from the brightest color.


Title: Re: [WIP][C&C] First attempt at pixel art
Post by: cbamf on June 05, 2015, 07:45:09 pm
Thanks for the reply guys, my main inspiration (not direct reference) was this piece (http://41.media.tumblr.com/7c25eb3ca2fd5d1c3a2264285b71de5e/tumblr_mksxf6t4Eb1qegnewo1_1280.png)

I tried adding that edge highlight on the left side of the different leaf clumps but it looks a little flat still, yeah, I'll do more to try and give it a more realistic sense of depth.

I have also taken your advice and had a look for more actual pixel art to use as direct reference for choosing a style when rendering leaves.

Thanks :)

Cory.
Title: Re: [WIP][C&C] First attempt at pixel art
Post by: hapiel on June 05, 2015, 08:05:55 pm
That tree in your ref is so much more full of life because of its curvy shape! Consider emulating that too :)
Title: Re: [WIP][C&C] First attempt at pixel art
Post by: cbamf on June 07, 2015, 11:10:34 am
I made some changes to the tree in an attempt to give it more depth, let me know if you think this helps :D

(http://corybamford.com/assets/images/PixelArtTree_U2.png)

Thanks,

Cory.
Title: Re: [WIP][C&C] First attempt at pixel art
Post by: Cyangmou on June 07, 2015, 12:15:54 pm
the tree in your ref not only looks a lot more alive because it's curvy (yellow-line which is of course the most outstanding difference)

But if you look at the colors the top part is very bright (pink line) while closer to the bottom of the crown near the trunk there is one big dark green shape with a clear leaf-contour (cyan circle) which a a lot of depth

there is also refelcted blue ambient light on the left side of the trunk (red lines)

All in all the mood of your reference is very bright and lush, while your actual artwork is very dark.


(http://abload.de/img/2015_06_07_tree9su31.png)
Title: Re: [WIP][C&C] First attempt at pixel art
Post by: Decroded on June 07, 2015, 12:57:06 pm
Welcome and be warned! Pixel art is addictive as hell  :lol:

Wow I really like your style  :y:
I normally don't like single pixel noise but you pull it off and you've got the perfect amount of little highlights scattered around the place without going overboard.
If you stick around you will learn all sorts of other cool techniques but I hope you don't loose your cool style in the process.

Crits:
Lose the nasty cyan background colour and go for grey or low saturation colour at 50% bright to get the best balance in your work.
Colours are great but pure grey is horrible. Look up "hue shift". Do you understand HSB mode in colour picker? I personally prefer this mode as it gives so much control.
Stone highlights are to strong but suits the spade handle so I'd say add a colour.

Some of your highlights conflict with your light source. Look at the vines, they look awesome but the highlight needs to move a few pixels left and shading on tree trunk should be adjusted accordingly.
Some of your shadows don't line up also.
IMO you should use the shadow angle on the gravestone (45 degrees up and right) as this will give strong light and dark to your objects and cast the shadows partially behind objects so they consume less tiles and cause less interference than going sideways.

Give the tree some bigger roots to make it more interesting. If you have layers, draw a grid over each tile them some ellipses around the trunk base to help you line up the perspective. Its a common mistake that the bottom of a tree looks kinda flat like cardboard cutout where it meets the ground. Use the grass blades to blend the roots in use dark green to suggest bumps where the roots are going into the ground.

Top of tree is all wrong in terms of shading and u have a bad reference.
Refer to something like this where the lighting is offset...
https://s-media-cache-ak0.pinimg.com/236x/00/9e/1a/009e1aeb06100c534290c79d8f0a3b7e.jpg
Some other good references with strong lighting (important) to get a feel for the clumps but obviously you need to adjust the light source to your scene...
http://fc07.deviantart.net/fs70/i/2014/230/e/7/tree_on_street_png___dsc_0557_by_annamae22-d7vofp7.png
https://s-media-cache-ak0.pinimg.com/originals/2b/31/b4/2b31b4035aad78ed526633ea454ff7a4.png

Now its good ur attempting to make clumps but I don't think you're going to get away with rendering the leaves using noise.
Who knows you might pull it off but usually it takes time to draw the leaves using a bunch of little controlled clusters of pixels which cast little shadows onto each other.
Here's an example of leaf clustering I did not so great and wouldn't suit your scene but hopefully u get something out of it (i forgot to pause the last frame sorry) http://i.imgur.com/1W1rBw5.gif
This guy does it much better obviously but looking at his stuff can bring a tear to the eye  ;) http://fool.deviantart.com/art/Dragon-rider-149899562
Title: Re: [WIP][C&C] First attempt at pixel art
Post by: cbamf on June 07, 2015, 03:26:24 pm
Thanks for the feedback guys, this is the kind of stuff I am looking for :)

I'll work towards consolidating the lighting direction on all of the assets and I'll do more work to make the tree a little more interesting in terms of silhouette and trunk shading.

That first offset lighting tree reference is perfect for me Decroded and what you said about the leaf rendering is true; I was searching for a lot of actual pixel art reference and a lot of them do render the leaves individually rather than using noise/dithering, I'll see if I can find a compromise that is consistent with the approach I took to make everything else.

You guys have been very helpful to this newcomer, I'll be sure to post updates when I feel I have made a reasonable amount of progress with these pieces.

Cheers,

Cory.
Title: Re: [WIP][C&C] First attempt at pixel art
Post by: Decroded on June 08, 2015, 02:57:02 am
Cyangmou always offers good advice (u should trawl his post history under his profile!).
I was going to mention the design side of things but was a bit worried you'd become overloaded with handling all that at once.
Maybe you can handle all that but if not, IMO there is nothing wrong with your original vertical tree especially when starting out, if you'd rather just get on with fixing it rather than starting from scratch.

Good luck!  :n:

EDIT: oh dear I meant to give u a thumbs up not a thumbs down. So here it is  :y:
Title: Re: [WIP][C&C] First attempt at pixel art
Post by: cbamf on June 10, 2015, 11:09:48 am
Fire away Decroded, I'm used to lists of fixes longer than my arm. Be as pedantic or brutally honest as you like I just want as much feedback as you kind forum goers can offer :D

On another note I will be stalking all of you and using your discussions to fuel my own improvement.

Thanks,

Cory.