Critique => Pixel Art => Topic started by: ElChuchis on April 11, 2016, 12:14:42 pm

Title: Need some HELP with this spaceship
Post by: ElChuchis on April 11, 2016, 12:14:42 pm
I have no idea how to fix this glass or ship in general... I am newbie pixelating. Can someone help me with a little tutorial or a reference from internet?


Thanks you all!
Title: Re: Need some HELP with this spaceship
Post by: ElChuchis on April 11, 2016, 04:44:13 pm
Better now? (glass)

Title: Re: Need some HELP with this spaceship
Post by: ElChuchis on April 11, 2016, 08:59:17 pm
At the end I ended the ship but maybe with some misstakes...

Title: Re: Need some HELP with this spaceship
Post by: Gil on April 15, 2016, 08:13:20 am
I wrote this in another thread on the topic of spaceships:

(http://art.game-designer.org/pixelart/edit/spaceshooter/original.png) (http://art.game-designer.org/pixelart/edit/spaceshooter/edit1.png)


Okay, so first, the ship designs. For a shooter like this, it's all about silhouettes. Your silhouettes are pretty good, with the player ship having the most interesting shape. Your enemy ships could use a bit more variation, all seem to be different versions of triangular wings. Experiment with some shapes. Always start with silhouette for these if you can. Here's the player ship silhouette:


That's pretty good! As you can tell, the silhouette loses some of the details of the original ship, so you could spend some extra time here getting it right. A small edit here to make the lines a bit more sleek and to get the back of the ship to look less blocky might be all that's needed, but you could obviously spend hours on this step.



For my edit, I deliberately changed the different parts of the ship to be more blocky, to make the shading easier and more obvious. Also, it allowed me to show a bunch of tricks that were used in Dodonpachi, one of the legendary shooters you should certainly study. There's two threads about it on Pixelation here (http://wayofthepixel.net/index.php?topic=4211.0) and here (http://wayofthepixel.net/index.php?topic=4212.0). Unfortunately there's a lot of broken images due to the age of the threads.

The basic design I used was this:


As you can tell, I moved the light source above the ship to make shading a bit easier, though I agree that the side lighting you use is a staple of shooters and very fun too. Basically, I made easy to shade geometric blocks and made sure that each flat plane is all the same shade. That's where you went wrong for example. A flat wing will be one shade of color, because every spot gets hit by the light at the same angle. This is true for global directional light sources like the sun, yours is more shaded like the plane is being followed by a spotlight, but even then it's not shaded correctly.

A cool way to do this step with new technology is to work with 3D renders here. You can design the ships in 3D, with basic shapes and flat shading (important!) and even animate them tilting and such and then apply the colors and detailing afterwards. Do notice that this requires some proper 3D knowledge to pull off (not a lot though). If you can't figure out the 3D, it's better not to go this route. Some relevant threads are here (http://wayofthepixel.net/index.php?topic=16644.0) and here (http://wayofthepixel.net/index.php?topic=14902.0), though neither really follow the process I outlined. If possible, I'll try to get an example going, but I need some help on that part.

Notice that my background is not white or black. This is a trick we pixel artists use to make sure the palette isn't playing tricks on us. Cyangmou explains it better than I can here (http://cyangmou.deviantart.com/art/5-Tips-for-the-Aspiring-Pixel-Artist-457660938). In your case, if the ships are always displayed on a pure black background, you might be able to get away with a black background, but certainly not a white one. Trust us that this will negatively affect your colors. Which brings me to:


Color theory is complex. It's a science, it's an art, it's experience. There's tons and tons and tons of resources online, from specific pixel art theories to web-design articles, to paint mixing. All of them are relevant and interesting. One of our Pixelation members, Arne, is pretty much an expert on the subject. You can find some of his stuff here (http://wayofthepixel.net/index.php?topic=4306.0), here (http://androidarts.com/art_tut.htm) and here (http://wayofthepixel.net/index.php?topic=15704.msg143598).

One of the things to remember is that there's basic colors, like "red", but there's infinite shades of red, ranging all the way over orange to yellow or over magenta towards purple. Never pick a pure red unless you know what you're doing, tint it slightly orange or purplish, make it dull, make it lighter, etc. Basically, color is build up from three values, hue, saturation and brightness. Look these terms up, play with them. I personally like to use very saturated colors, but you should avoid using 100% saturated colors as a rule (or at least be aware that you're using highly saturated colors). Greys are also very important. Grey is a color of infinite variety too. By completely desaturating your greys, you limit yourself to a single hue, which is bad. Though personally, I kinda like the effect of mixing very saturated colors with pure grey details, for machinery. For your enemy designs though, since the grey is not detail, avoid using the boring 100% desaturated grey.

I'm hoping that someone else might jump in to give more primers on color theory for you, as this is a complex subject, one that I am not a master at.



Dodonpachi style games like to use a lot of detailing. While improving your overall look, it's also very fun to do. I just subdivided a lot of the bigger planes, added some grey machinery, etc. Also, I used some of the yellow details to look like they're self-illuminating (the wing insets and the engine exhausts). I also added some brackets to bring back some of that wonderful silhouette that I lost when trying to simplify the forms. If you go with a more organic shape like your original, you can still put in a lot of detailing.

As a general rule of thumb of the detailing, I used a dark line to do the detailing, then put a light line next to it, to make the detailing "pop". After that next step is done, I just go in and do tweaks to make certain surfaces more rounded, vary some edges, etc. This last step is less important and will just provide a level of polish that comes with years of experience. The final polish is better left out than done improperly, though I do think that the extra curvature I gave to the wings is needed.

Here's a two-step example of the detailing, with the wing, which has that final layer of polish, next to it. Notice that I inset the yellow parts for extra detail and that the yellow is shaded in a way to suggest it's its own light-source (like it's slightly glowing). You could add a light blur on top of that, like you did with the red lights on your enemies, if you want. Keep the original image and palette clean though, so you can easily edit it afterwards. Adding a post-effect glow will ruin the pixels from being easily edited. I made sure to keep a clean 16-color palette for ease of use.


Here's an example with post effects for the glow (not a very good example):


Combining pixel art and post-effects like this is tricky, but fun. Remember: keep the originals clean!

Ages back, when I was starting out like you, I made these, which have a different style (but still contain some detailing), might be a cool comparison:

(http://art.game-designer.org/portfolio/pixel/SPRITE_ship.png) (http://art.game-designer.org/portfolio/pixel/MOCKUP_ship.gif)

I disapprove of the checkerboard pattern shading (called dithering) I used on the enemy sprite's organic liver-type attachments. These days I wouldn't recommend that style of shading.

I hope this is helpful and a good primer for general pixel art and space shooters in particular. I hope it helps :)
Title: Re: Need some HELP with this spaceship
Post by: ElChuchis on April 23, 2016, 02:06:17 am
Incredible work Gil!
Title: Re: Need some HELP with this spaceship
Post by: Limes on April 23, 2016, 04:59:13 am
He didn't post it to show off he posted it to help you :P It is incredible work, but you should try his technique and try to replicate it in your ships :)
Title: Re: Need some HELP with this spaceship
Post by: Gil on April 23, 2016, 12:40:49 pm
Indeed, I suggest you read through the entire thread actually, tons of cool info in there: