Pixelation

Critique => Pixel Art => Topic started by: Azuyre on June 16, 2014, 08:49:22 pm

Title: [C+C] Witch Sprite
Post by: Azuyre on June 16, 2014, 08:49:22 pm
Hey all! I started working on a small platformer project and was wondering if I could get some tips on how to improve the sprite of my main character:
(http://i60.tinypic.com/f1e6a0.jpg)

I'm still a bit unsure about the arm/hands, they feel off somehow. The orb is also a bit simple right now, I just drew it as a placeholder to use in the game but I'm trying to make one that looks a bit like a crystal ball but I'm having a little trouble keeping it from looking too noisy at such a small size.

The main thing I was hoping for advice about is more ways I can use suggested lines like on the top of the hat's rim. If anyone has any comments or suggestions I'd appreciate it! :D

Also, I'm currently using the 64 color palette Arne was working on a while back, I may make my own later though.
(http://i62.tinypic.com/wtixf.png)
Title: Re: [C+C] Witch Sprite
Post by: YellowLime on June 16, 2014, 09:48:26 pm
The arm closer to the viewer is showing less skin than the one behind, and that results in scale issues.  :-\

I don't like the highlight you're giving to the hat-- it makes it look glossy instead of matte, as most fabric tends to be. :P

I also don't know if the hat is supposed to have a flat brim (like usual) or it's like some solid donut that goes around the hat (like some cartoon hats, I think) :crazy:

Cute lil' sprite tho! The dark lines do fit nicely as well ;)
Title: Re: [C+C] Witch Sprite
Post by: Azuyre on June 17, 2014, 03:49:07 am
I made some quick changes based on what you mentioned, thanks for the tips! :D
(http://i57.tinypic.com/24cxhud.png)

I was trying to make the hat look kinda cartoony but it was a bit too round and donuty :lol:, I tried to change the shadows a bit so it looks like you're seeing just a bit of the bottom of the rim. There's a little banding on the left edge of the rim now though, I've tried a few things to get rid of it but it always seems to mess up the curve of the highlight on the rim.
Title: Re: [C+C] Witch Sprite
Post by: Ambivorous on June 17, 2014, 08:03:50 am
I couldn't help but notice some inconsistencies with the light source on this one, so I shifted around some colours to get that more inline. Most notably was the hair which just seemed to have the sun coming from a totally different angle. I also highlighted both legs and hands the same way just to see what would happen really. Think it decreases readability, but hey now I know.
You also had a lot going on on that ball, so I cleaned that up.

Also for the rim, given it's a flat surface and not curved (unless it is curved upwards, as your shading suggests), you can just make it one solid colour.
I've noticed people tend to shy away from having a large area a single colour, but sometimes it's what has to happen. The rim does look a little dark to me now, but it was just for illustration's sake.

I haven't made any glass in pixel art yet, surprisingly, so I don't know how you'll make it look like a glass orb, but I attempted it any way.

(http://i57.tinypic.com/24cxhud.png) (http://i.imgur.com/qYKBDld.gif) (http://i.imgur.com/0PdKFV2.gif)

Those are all the ideas I have. Very cute witch, good work, carry on.

EDIT: Well I got carried away. Quite an inspiring little piece, and having a closer look you really have chosen a lot of your lines really well. I tried to rectify some of the issues I had and then I just ended up doing more and now it looks like this.

(http://i.imgur.com/HqaoFSm.gif)

Added a belt buckle on the hat, tried using an over saturated colour on the bottom of the crystal ball to make it look glassy, removed a lot of the black lines and started work on a palette.
I tried not to lose any of the original appeal, but that's virtually impossible.

Hopefully you find something useful out of this.
Title: Re: [C+C] Witch Sprite
Post by: Azuyre on June 18, 2014, 02:31:56 am
Thanks for the tips :D Glad you like it!

The lighting was definitely a bit off, I started off with a different light source and changed it halfway through when I decided to flip the sprite horizontally instead of making unique sprites for both directions. I think there may be some spots that are still off when it's flipped, but the change to the hair helps. :)

As for the rim it does look interesting with a solid color but something feels a little off about it still. I updated the sprite with some changes based on what you mentioned and included a version with the old rim and one with the one you suggested with a highlight at the very top, it doesn't feel like it matches the rest of the sprite though so I'll probably try some other stuff and see what works.
(http://i61.tinypic.com/143hjio.png)

I had thought about a buckle on the hat too, but I wasn't sure if it would look too busy to have the belt buckle and hat buckle. I did try adding a small highlight to hat's band though, which I think looks nice.

Also, I've been thinking about something and was wondering if I could get some opinions on it, I was thinking that her two equipped spells could determine her colors. So her basic attack, which can be a fire-ball, ice-ball, or wind-ball would determine her secondary color (headband, hair, etc) while her special attack would determine the primary color of her clothes. This way the player can tell at a glance what they have equipped, similar to Mega Man.

I was wondering if it seems like it might be too complicated in action though? I'm in the process of programming it so I haven't been able to test it out yet. I have a quick example showing what some of the color combinations might look like though:
(http://i62.tinypic.com/eff70w.png)

The main issue that comes to mind, besides it potentially being confusing to the player, is coming up with clothing colors that match the 3 element colors. Though as long as the secondary colors still represent the element I could potentially tweak them slightly to match each of the primary color options.
Title: Re: [C+C] Witch Sprite
Post by: Ambivorous on June 18, 2014, 05:06:31 pm
Yep that extra highlight works because the band makes sense to be shiny. Just seemed like an empty bit of space. A buckle hat would be hell to animate though, so I'd also rather avoid it.

The idea of having visual cues is definitely good. Really let's the player know immediately what's happening without having to remove their eyes from the character.
I think you already have the solution to this though, and it's that floating crystal ball there. When I see floating crystal ball I think "witch, spell, magic" and all those wonderful things, so if you just theme your crystal ball then people should immediately know it means their magic has changed.

(http://i.imgur.com/LVLTSJ1.gif)

(I just used my last edit so I didn't have to redownload yours, laziness yay!)
So that's an idea, unless you had better plans for your crystal ball.

If you implement that then you're also free to use your clothes to define your basic attack rather and you don't need to change the hair/bands.

If you're feeling way adventurous you could add more detail to the clothes depending on their type even, for example here:

(http://i.imgur.com/hPQVvAg.gif)

Here we have a witch using ice for magic and auto attacks. Note the fluffy warmth around her collar and longer dress! Because she's cold! Because ice!
More hell to animate, but ya know, if you're feeling up to the hours I think it would add a more complete feel.

(Mmm, more tasty inspiration. Keep up the awesome work, please!)
Title: Re: [C+C] Witch Sprite
Post by: Azuyre on June 18, 2014, 06:11:27 pm
I really like that snowy witch! :lol: I made my own right after seeing it, which actually led to a small change to the bottom of the dress on the normal sprite.
(http://i59.tinypic.com/smuaev.jpg)

That idea does sound really interesting, though the extra work could add up like you mentioned. Definitely something to think about though! :D

As for changing the orb I'm not sure which spell I should change it for, during the game you'd have the basic attack spell and one of a couple different special spells. The special spells can be used on the character or as an attack for different effects:
(http://i62.tinypic.com/11hqlgw.gif)
The gif shows the Time spell, or what I have programmed so far :lol: Basically you'd launch it forward and it would land and create a field that slows down objects, like enemies, projectiles or the player. When you cast it on yourself it fast forwards the character, so you move faster, attack faster, and your energy recharges faster, though right now it's just using jumping as a placeholder effect while I get everything working just right.

I'm sure both spells will be shown on the HUD, but I thought it'd be nice to show it on the character. I figured the orb would show your current special spell, it'd be cool to do something like the fire ball or ice crystal for the special spells but I'm not sure what they'd look like since they're stuff like Time, Gravity, Teleport, etc.

Title: Re: [C+C] Witch Sprite
Post by: Fizzick on June 18, 2014, 06:37:52 pm
(http://i.imgur.com/c7ek4qg.png)
some ideas you might like to do
Title: Re: [C+C] Witch Sprite
Post by: Ambivorous on June 20, 2014, 02:21:51 pm
Your snow witch is awesome! Really nice way to get it across while sticking to your style.

So I tried to make orbs for gravity, time and teleport... then I stopped. It's possible, but didn't really make anything more readable, so probably not worth the effort.
I also had the idea of using a wand/staff in one of her hands to show which auto attack she would be using, so give that a try if you feel like it.

BUT!
Given all that, you should probably only pixel things you really need at this point, so maybe start on enemies/the background/a familiar/random pretties for now. Just so that you don't lose that inspiration. And yeah carry on coding in between so that your game can be an interesting level of playable each time you add something. Possibly make some animations like jumping, walking and running.


In the mean time I made a cat for no reason (more like a panther). Yay!

(http://i.imgur.com/TlIxRpv.gif)


Btw Fizzick, nice style. A little dark (as in evil/menacing) I feel, but definitely a good use of pixels.
Title: Re: [C+C] Witch Sprite
Post by: Azuyre on June 20, 2014, 09:07:22 pm
(http://i.imgur.com/c7ek4qg.png)
some ideas you might like to do
I like the energy falling off the orb, it kinda makes me think of the gravity spell. :)

Your snow witch is awesome! Really nice way to get it across while sticking to your style.

So I tried to make orbs for gravity, time and teleport... then I stopped. It's possible, but didn't really make anything more readable, so probably not worth the effort.
I also had the idea of using a wand/staff in one of her hands to show which auto attack she would be using, so give that a try if you feel like it.
Thanks, glad you like it. :) I actually tried to do the same thing you did and make some orbs for the other spells, I had something for the teleport spell but it was too distracting. A wand sounds like it could be a good idea though! I originally planned to use a staff with the orb at the end but I hadn't thought about using both, I'll have to try it out. :D

I did happen to get some more work done programming-wise, I got the teleport spell working:
(http://s29.postimg.org/zfffv1bxj/Warp_Spell_gif_gif.gif)

When you cast it normally it launches a ball which will either teleport you to it's location or lock onto an enemy/object and switch places with you, and when you cast it on yourself by charging it up you flash step forward a bit. My next step is to try and add some anticipation for the teleporting, plus some way to lead the player from their old location to the new one, like a line of energy or something. I also added a cool trail effect for the orb, I'm still tweaking it a bit but it seems good so far.

BUT!
Given all that, you should probably only pixel things you really need at this point, so maybe start on enemies/the background/a familiar/random pretties for now. Just so that you don't lose that inspiration. And yeah carry on coding in between so that your game can be an interesting level of playable each time you add something. Possibly make some animations like jumping, walking and running.


In the mean time I made a cat for no reason (more like a panther). Yay!

(http://i.imgur.com/TlIxRpv.gif)
I was actually about to start working on some basic animations for walking and jumping, I figured if I get something rough done early then I'll be seeing it all the time while testing and it'll help me notice mistakes and improve it. Though right now I'm just having a little trouble starting off the walk cycle, her limbs are all a bit small so it's a bit strange to work with. :lol:

I like the cat by the way! I had been thinking a bit about using a a black cat or raven for something but I wasn't sure what. Having familiars sounds like it could be cool though, it'd be fun to summon animals to help you out. Plus, having a raven resting on your orb when you're not moving would be pretty cool. :D
(http://i57.tinypic.com/339hhts.png)
Title: Re: [C+C] Witch Sprite
Post by: Azuyre on June 24, 2014, 12:56:08 am
Hopefully it's alright to bump this since I've got a bit of an update. Anyway, while working on animations I realized there wasn't a lot of room to work with due to size so I thought I'd try something a bit different.

(http://i62.tinypic.com/28wgihg.png)

I ended up making a bigger version of the sprite, going from 18x32 to 25x47. I haven't been able to work on it too much but I think it's coming along well, I probably need to work on the rim of the hat a bit more though.

I'm not sure which size I'll use yet, but I do really like that I can show a lot more emotion with the larger one.
(http://i59.tinypic.com/296fxqv.png)

I'll probably work a bit more on animations for now and see if the larger sprite helps any, let me know what you guys think. :)
Title: Re: [C+C] Witch Sprite
Post by: Gil on June 24, 2014, 01:02:21 am
The bigger size is fun, but it'll require some work to look as good as the little one.
Title: Re: [C+C] Witch Sprite
Post by: Alex Sinigaglia on June 24, 2014, 09:19:15 am
I couldn't help but make an animation:
(http://i1066.photobucket.com/albums/u402/GodofDeath94/Witchanimation.gif~original)
I hope it can be helpful for your project.

I didn't animate the hat on purpose.
Title: Re: [C+C] Witch Sprite
Post by: Ambivorous on June 24, 2014, 09:59:06 am
Nice animation.


Myeah, this larger witch is much more work, but indeed all those extra yummy pixels to work with.

(http://i.imgur.com/ACNXrGO.gif)

Important things:
She looked like she was leaning back, so I changed that. (Does she have a name, btw?)
I saw the opportunity to make her hand bigger to give her more character!
Extra space inside the crystal ball means you can put little cues as to which spell is currently selected (here is what I imagine teleport would look like) without adding much extra work or confusion.

I only just thought of this now, but that also means you can probably add a staff quite easily.

Unimportant stuff:
This is how I had imagined her clothing looked when she was smaller.


Keep up the good work!


EDIT:
Almost forgot to mention - those faces are frikken awesome! So much emotion, I love it.
Title: Re: [C+C] Witch Sprite
Post by: Azuyre on June 24, 2014, 09:33:51 pm
I couldn't help but make an animation:
(http://i1066.photobucket.com/albums/u402/GodofDeath94/Witchanimation.gif~original)
I hope it can be helpful for your project.

I didn't animate the hat on purpose.
That looks pretty awesome :D It'll make a great reference to look at when I make an idle animation, I really like how the hair moves.

Myeah, this larger witch is much more work, but indeed all those extra yummy pixels to work with.

(http://i.imgur.com/ACNXrGO.gif)

Important things:
She looked like she was leaning back, so I changed that. (Does she have a name, btw?)
I saw the opportunity to make her hand bigger to give her more character!
Extra space inside the crystal ball means you can put little cues as to which spell is currently selected (here is what I imagine teleport would look like) without adding much extra work or confusion.

I only just thought of this now, but that also means you can probably add a staff quite easily.

Unimportant stuff:
This is how I had imagined her clothing looked when she was smaller.


Keep up the good work!


EDIT:
Almost forgot to mention - those faces are frikken awesome! So much emotion, I love it.
Yeah, it'll definitely be a bit more work, but I think the upsides make it worth the effort. It's a good chance for me to improve too. :)

Anyway, you fixed a bunch of issues I was having! I couldn't find a good way to get the part on her shoulders to look right, that's why I tried the bandanna as an alternative, though the green felt a bit out of place and I had been trying to find another solution. I went back over the sprites based on your changes and ended up with this:
(http://i61.tinypic.com/2gvj0o6.png)

The first is the original for comparison, the second and third are the new ones, but the second has a small change to the legs/feet that I was trying out. I also tried out a new version of the orb with your idea of having the symbol inside of it, it seems like it could work pretty well along with color changes for the orb.

Glad to hear that you liked the emotions by the way! :D Speaking of which, as soon as I finished them and looked them over the name Cynthia popped into my head so I've just been going with that for now.
Title: Re: [C+C] Witch Sprite
Post by: astraldata on June 24, 2014, 09:40:30 pm
Looks much more clear with the larger character, and the visual style is nice too -- a lot cleaner.

I think the smaller one could work too, but the head-to-body ratio of the larger one is better -- the smaller version makes her look very bloated and sort of portly.

I think that if you increased the size of the head on the smaller version a little, it wouldn't look bad at all -- a hybrid between emotional expression and ease of animation development. Maybe try shrinking the larger head down a bit.

Here's my interpretation of it:

(http://img.photobucket.com/albums/v84/aceallen/ACNXrGO.gif)