AuthorTopic: [WIP] 8-bit ARPG old-school graphics  (Read 8383 times)

Offline Alícia F. R.

  • 0001
  • *
  • Posts: 19
  • Karma: +0/-0
    • alforiumstudios
    • View Profile
    • Alfórium Studios

[WIP] 8-bit ARPG old-school graphics

on: February 13, 2015, 12:58:50 pm
Hi,

Nice to meet you all! This is the first time that I post any pixel-art here, so please tell me if I'm doing something wrong. I've read that it's important to explain as much as possible about the creation process so you can make better critiques. I'll do my best.

Fact is, I'm currently working on the graphics for a 8-bit, GBC/NES-inspired ARPG game, with a gameplay similar to that of the Zelda classics. The graphics themselves are meant to have a style resembling both Zelda and Pokémon, which are my main inspirations, but with a distinct personality (I'm still working on that). I'm using a GB/GBC screen size (160x144px) and working exclusively with the NES palette. I looked around for different variants of the palette that people displayed online and I found this one to be the most appealing to me, so I chose it for this:



I haven't worked much with 8-bit graphics before, I've always been more of a GBA-SNES kind of pixel-artist, and that's mostly why I thought that it would be useful to post some of my works here and see what I can improve on them.

Right now I'm mostly working on tilesets and sprites. My palette concept is relatively loose: sprites and transparent tiles have 3 colors + transparency, and background tiles have 4 colors, but I don't limit myself on the number of layers that can be used in a map. So the raw graphics themselves are meant to be a faithful 8-bit imitation, but the engine is not. I try to limit myself as much as possible, though, using as few palette variations as possible in the same tileset, so it looks more authentic.

I do the graphics by mouse directly on the PC using Aseprite. The eventual game will be meant to be played at least at a x2 scale, probably more, considering the small resolution of the screen and graphics.

And that's about all the relevant background info I can think about at the moment. If you want/need to know something more, just ask :)

Now, to the pixel-art! The game is divided in a Light World and a Dark World, such as some of the Zelda games, and each World has 10 different areas with different tilesets. The tilesets in the Light World will be more vibrant, obviously, and the ones in the Dark World will be darker and creepier. I'm currently working on the Forest tileset (Light world) and the Mountain tileset (Light world). Here you are:

Forest tileset (WIP):


Mountain tileset (WIP):


That's what I have for the moment. And here you have some test maps in-game, so you can see the tiles in action, as well as some of the hero sprites:



What do you think I should improve? Is my technique OK? Do some tiles have a wrong perspective or size compared to others? I've been wondering about it, but after looking at them for so long I kind of not notice those things anymore, haha.

By the way, the big strange tree-with-a-face thing is based on this creature I made, so you see more or less what it's supposed to be like:



The last thing I should probably point out is that the use of black outlines for tiles and sprites is kind of a stylistic choice, so I'd prefer not to change that. Any other suggestion or correction or edit or anything is absolutely welcome :) I want to learn and do this as well as I can. Thank you in advance for your help and congrats on the awesome community!

Offline lachrymose

  • 0010
  • *
  • Posts: 345
  • Karma: +0/-0
    • View Profile

Re: [WIP] 8-bit ARPG old-school graphics

Reply #1 on: February 13, 2015, 03:48:04 pm
The dark world cometh!
I need to get ready for classes soon, so I don't have time for a full edit. But with respect to you wanting your own unique twist on zelda/pokemon gfx. I hope I could at least provide a bit of inspiration.



Be careful with large assets like your tree. Such large areas of a single color like on the trunk and top can be off putting visually, break up the monotony some. flowers, vines, mushrooms, black hole where the heart should be that bleeds the blood of your enemies...etc

EDIT:
On last edit, a thought on housing colors.
« Last Edit: February 13, 2015, 05:20:18 pm by lachrymose »

Offline Joe

  • 0010
  • *
  • Posts: 298
  • Karma: +2/-0
    • View Profile

Re: [WIP] 8-bit ARPG old-school graphics

Reply #2 on: February 13, 2015, 03:53:14 pm
Welcome  :) That look great, how long have you been pixelling + drawing?

The only place I see a problem with the black outline is the flowers, it's very heavy on them. Maybe use the darkest green or the second darkest black.
Your technique is good. There are two things I think your tileset could benefit from:
1. Make the perspective consistent. The two big trees are projected almost head on, which breaks the illusion. Move the volumes over towards the center like your other sprites. Think of a cylinder turning.
2. Use asymmetry for the bushes. Right now they're visually distracting.

Only other thing I would mention is to watch out for banding. Just always think about where the ends of pixels line up, and shift them so that doesn't happen.

Offline Alícia F. R.

  • 0001
  • *
  • Posts: 19
  • Karma: +0/-0
    • alforiumstudios
    • View Profile
    • Alfórium Studios

Re: [WIP] 8-bit ARPG old-school graphics

Reply #3 on: February 13, 2015, 04:30:34 pm
Thank you both!

You definitely gave me some ideas, lachrymose. You're right, I should make bigger tiles more detailed, otherwise they look out of place. I will work more on the textures. Also, thumbs up for the creepy suggestions :D I'm definitely going to go for a creepypasta theme with the Dark World tilesets. I try to keep the Light World tilesets a little more ligther-hearted, though :) So no bleeding hearts for the moment, haha.

Thanks a lot for the tip with banding, Joe. It isn't a concept that I am very familiar with and I haven't been taking it into account.  I'll try to incorporate it into my workflow, it definitely does make the graphics look smoother. Also, what you've said about perspective is exactly what I had been hesitating about, thanks for pointing it out. I'll fix it.

To answer your question, I have been drawing since I was very little, mostly just cartoonish stuff and monsters. I did my first sprites more or less eleven years ago, when I was eleven, but I haven't been very regular with my pixels until these last three years or so. Even then, I took a break of five or six months this past year, due to eye fatigue. That's why I feel that I have to take a more conscious effort to improve my technique. Mostly my work has been focused on making Fakemon battle sprites; I used to have a very active deviantART account related to that (Majarath/Maiareema).

This all really helps. Thanks a lot, guys. I'll keep an eye out in case there's more answers, but I have enough ideas to start improving some of the tiles I've already made. I'll make sure to post them when I'm finished.

Offline Kazuya Mochu

  • 0010
  • *
  • Posts: 436
  • Karma: +0/-0
  • ^thx Larwick
    • View Profile
    • my portfolio website

Re: [WIP] 8-bit ARPG old-school graphics

Reply #4 on: February 13, 2015, 04:41:23 pm
I made a quick edit.
I think you should use the warmer green for the grass and the colder green for the trees. and leave the midle one for flowers and bushes.
I think it would help separating them (ground and trees) . also pine trees are slightly into the blue green

I also changed the shading a bit on the tree (sketch) so it looks like its in shade, and changed the perspective on the "face" so it fits the top down view
Image size doesn't matter! It's what you do with your pixels that counts!

Offline Alícia F. R.

  • 0001
  • *
  • Posts: 19
  • Karma: +0/-0
    • alforiumstudios
    • View Profile
    • Alfórium Studios

Re: [WIP] 8-bit ARPG old-school graphics

Reply #5 on: February 14, 2015, 12:42:07 pm
Kazuya Mochu: your suggestion for the grass color is a very good one, I'm going to change it, thanks! Concerning the pine trees, you're right about the color and I did actually use the bluish green in the mountain tileset, but I preferred to have a different tone in the forest tileset so both environments would be a little more different. In the end, the best option will probably be to get off my lazy bottom and create a different kind of tree for the forest area. Still, thanks a lot for pointing it out and for the tree sketch, it will definitely help me with texture practise.

Also, lachrymose, Thanks for the house color suggestion. It wouldn't actually be doable because of color limitations, and the house is supposed to be white with a red roof anyway (it's been designed beforehand), but you gave me a good idea with the different colored bricks in the chimney. ::)

Offline 32

  • 0011
  • **
  • Posts: 535
  • Karma: +1/-0
    • @AngusDoolan
    • http://pixeljoint.com/p/19827.htm
    • View Profile

Re: [WIP] 8-bit ARPG old-school graphics

Reply #6 on: February 16, 2015, 10:26:27 am
I think this is all wonderful, you've certainly achieved a distinct personality with it already :). Definitely back Kazuya up on the green. I don't have a tremendous amount to say but if I had to make one general observation it would be to avoid single bright pixels on dark, they just look like noise, especially on the bottom halves of the little trees. Most of your dithering works but the greens on the tall trees specifically stands out as being too far apart to blend together well with a dither. I also cannot tell what the things in that tree's canopy/hair are, pinecones perhaps? Whatever they are they look like they're just floating on top of it, I don't read them as being a part of it. I'm fine with the perspective and shading being wonky on it though, makes it seem important.

Offline Alícia F. R.

  • 0001
  • *
  • Posts: 19
  • Karma: +0/-0
    • alforiumstudios
    • View Profile
    • Alfórium Studios

Re: [WIP] 8-bit ARPG old-school graphics

Reply #7 on: February 16, 2015, 12:42:05 pm
32: Thanks! :) Coincidentally, these past few days I've been reading a little on cluster theory and I had already removed some of the single light pixels you mentioned, I'm glad I got that right! I will keep working on it and probably remove some more. The things on the tree... I'm not sure about them myself. They are actually beehives that have evolved into a weird charicature concept, sort of? Some of the things in this game won't make much sense at all, haha.

I've been working on many of the things that you guys have mentioned and I've revised and improved the Forest tileset. I've removed one grass variant and the big regular tree, at least for the moment, and created a few more tiles. Some of them won't actually be tiles in the end, they will be sprites (items that can be retrieved or moved around, etc.), but design-wise it doesn't really matter, so I put them together.



I'm not entirely sure if I overdid the dithering in the monster-tree. I like it much better now than before, but still, I may redo the shading again. I've also tried to improve the house, which didn't really convince me at all. So far it's the tile I've had the most trouble with concerning the color limitations.

I've ditched the flower animations altogether. They didn't look very smooth and the flowers were way too big compared to the hero anyway.

The big grey tube thing is supposed to be like an old well or a water deposit that you can enter through, and the little pink and green grass tiles are carrots. The rest of the carrot is underground.

A random test map with lots of things lying around:



And the smoke animation looks like this:



What do you think?

Offline Kazuya Mochu

  • 0010
  • *
  • Posts: 436
  • Karma: +0/-0
  • ^thx Larwick
    • View Profile
    • my portfolio website

Re: [WIP] 8-bit ARPG old-school graphics

Reply #8 on: February 16, 2015, 01:57:45 pm
I'm feeling tempted to sugest that you remover the black outline from everything not a character or interactive object. on your last screenshot, the character is almost lost among the trees because everything has the same visual strength. making the outlines on the trees a little less bold would help blend them back into the scene, rather than steal the show :)
Image size doesn't matter! It's what you do with your pixels that counts!

Offline Friend

  • 0010
  • *
  • Posts: 288
  • Karma: +1/-0
    • View Profile

Re: [WIP] 8-bit ARPG old-school graphics

Reply #9 on: February 16, 2015, 02:08:15 pm
old green in grass looks better to me.  suits your sprites more and captures better the feel of a gbc game.  the new green gives more a gba vibe, yet clash with your style.  keeping the new green might necessitate a change in the sprites. 

the mental clash for some viewers given by mixing the feel of two systems with different capabilities (gbc/gba)...could be something to consider.