AuthorTopic: [WIP][C+C]Game Art - Operation: Tank Command  (Read 12228 times)

Offline JazzMaster

  • 0001
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
    • Jazz Software

[WIP][C+C]Game Art - Operation: Tank Command

on: May 17, 2015, 02:45:26 am
Hello :)
I've been making a series of Games called Operation: Tank Command.
With the third installment of my game, I wanted to refine my Art style and pixel art skills.

Here are some of the sprites and backgrounds in the upcoming game.

     

 
 
tips, suggestions and feedback on how to improve my art style will be very appreciated.

Thank you.
« Last Edit: May 23, 2015, 12:02:46 am by JazzMaster »

Offline JazzMaster

  • 0001
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
    • Jazz Software

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #1 on: May 23, 2015, 12:03:38 am
Created a new forest tileset.
What do you guys think?

Offline heyguy

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

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #2 on: May 23, 2015, 03:22:02 am
I like this new forest tileset better than the old one! I say keep experimenting and making some more grass/dirt tile sets and post them for advice.

There's a lot of stuff to comment on here. I'm sure someone else can give you better advice but here are my thoughts. I'd recommend you push the detail on some of these pieces further. For example, the warehouse, you can create more detail chimney stacks, create a small door on either side for people, maybe make a big sign over the warehouse saying something like "Ferris Air" or whatever you want.

I'm not entirely sure what the image is between the last tree and the large building. Is it a shack or a shed? I like how it's in perspective though. Maybe you can do that to the building too.

Offline JazzMaster

  • 0001
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
    • Jazz Software

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #3 on: May 23, 2015, 03:55:32 am
I like this new forest tileset better than the old one! I say keep experimenting and making some more grass/dirt tile sets and post them for advice.

There's a lot of stuff to comment on here. I'm sure someone else can give you better advice but here are my thoughts. I'd recommend you push the detail on some of these pieces further. For example, the warehouse, you can create more detail chimney stacks, create a small door on either side for people, maybe make a big sign over the warehouse saying something like "Ferris Air" or whatever you want.

I'm not entirely sure what the image is between the last tree and the large building. Is it a shack or a shed? I like how it's in perspective though. Maybe you can do that to the building too.

Thank you for the feedback :)

You are correct. I felt the buildings did need more detail, but at the time I was not really sure what to add, thanks for the suggestions.
The shed looking thing is a tunnel, it looks more like it in game and I'll try adding the same perspective on the other foreground buildings.

I just made new leaves for the trees. I gave them more shape than the oval shape in the original.

« Last Edit: May 23, 2015, 03:07:49 pm by JazzMaster »

Offline JazzMaster

  • 0001
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
    • Jazz Software

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #4 on: May 24, 2015, 04:36:14 am
Just made a city scape. this is used as a background.


and new Buildings.

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #5 on: May 24, 2015, 10:24:14 am
i don't understand perspective forest tiles look like top down but the rest is side on?

there's too many pure black shapes and lines in the assets.
pure grey in buildings and sprites is ugly try for more interesting colours or at least offset the greys with some hues.
lose the single-pixel noise in the trees and try shading them as clumps of leaves.

with a few assets here you might as well do a mockup screenshot you'll probably get some good edits out of that.

Offline JazzMaster

  • 0001
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
    • Jazz Software

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #6 on: May 24, 2015, 11:44:46 am
i don't understand perspective forest tiles look like top down but the rest is side on?

It's a Sidescroller, so the grass is on top. the soil is on the bottom

there's too many pure black shapes and lines in the assets.
pure grey in buildings and sprites is ugly try for more interesting colours or at least offset the greys with some hues.
lose the single-pixel noise in the trees and try shading them as clumps of leaves.
Everytime I try to give subtle hues to the grey buildings, they start to look weird same is true for when I try to draw leaves on the trees. I will keep at it though :)

with a few assets here you might as well do a mockup screenshot you'll probably get some good edits out of that.

I have an ingame screenshot if that can help visualize the art.

Offline JazzMaster

  • 0001
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
    • Jazz Software

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #7 on: May 26, 2015, 09:48:47 pm
Here's a Boss Enemy.

The Compartment the opens up then stays open then closes once the tank inside is dead.
What do you guys think?

Offline heyguy

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

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #8 on: May 27, 2015, 09:05:59 pm
Hey JazzMaster, I think this boss cargo plane is your best work. I'm gonna echo what Decroded said already though. Right now most of your artwork is gray and shades of gray. It needs more color and I don't think you should use straight black to outline your artwork (unless maybe you're going for an NES type look).

Since this is a military plane, maybe you can add a star on the side or like shark teeth on the front like WW2 fighter planes. Maybe instead of gray, you can use like an Army green or something. Perhaps add small rivets on the side. Check out reference images of other bomber planes. If you plan on having that bomber fly through your mock up scene, maybe make the color darker with a tinge of blue.

Here's a tutorial on how to make trees. It should help you or give you some ideas on how to handle what Decroded was talking about...making clumps of leaves and shading them.

https://www.pinterest.com/pin/301459768776837861/

Offline JazzMaster

  • 0001
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
    • Jazz Software

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #9 on: May 28, 2015, 04:23:34 am
Hey JazzMaster, I think this boss cargo plane is your best work. I'm gonna echo what Decroded said already though. Right now most of your artwork is gray and shades of gray. It needs more color and I don't think you should use straight black to outline your artwork (unless maybe you're going for an NES type look).

Since this is a military plane, maybe you can add a star on the side or like shark teeth on the front like WW2 fighter planes. Maybe instead of gray, you can use like an Army green or something. Perhaps add small rivets on the side. Check out reference images of other bomber planes. If you plan on having that bomber fly through your mock up scene, maybe make the color darker with a tinge of blue.

Here's a tutorial on how to make trees. It should help you or give you some ideas on how to handle what Decroded was talking about...making clumps of leaves and shading them.

https://www.pinterest.com/pin/301459768776837861/

Thank you very much for the tutorial link :) Im currently experimenting with colors and I'll post them here once I'm done.

Offline JazzMaster

  • 0001
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
    • Jazz Software

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #10 on: June 14, 2015, 01:52:10 pm
Here are some more stuff.

Hud:
Nuclear Shell upgarde

Thermalbaric Shell upgarde


Static Objects:
Flame Tank

S-300 Grumble (no in-between frames yet)

Barricades

Gold


Animated:
Gatling Artillery


Any comments on how to improve them?

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #11 on: June 15, 2015, 09:37:57 am
same as last time its still just black lines with grey gradient fills.
try rendering things without relying on a black outline for every brick for example.
reduce outlines inside an object as they're mainly for separating it from the background.
when everything is an outline nothing ends up standing out.

Offline Seiseki

  • 0011
  • **
  • Posts: 915
  • Karma: +1/-0
  • Starmancer
    • OminuxGames
    • http://pixeljoint.com/p/35207.htm
    • StarmancerGame
    • View Profile
    • Starmancer Patreon

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #12 on: June 15, 2015, 11:09:35 am


I had a go at it..

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #13 on: June 15, 2015, 11:55:40 pm


I had a go at it..
i can't see the image champ.

Offline JazzMaster

  • 0001
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
    • Jazz Software

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #14 on: June 16, 2015, 03:58:50 am
Thank you guys for the advice so far.
I went ahead and experimented with outlines to make them part of the colors.
How do these look?


I want to refine this a bit more before I apply them to the rest of the resources.
« Last Edit: June 16, 2015, 04:00:35 am by JazzMaster »

Offline Seiseki

  • 0011
  • **
  • Posts: 915
  • Karma: +1/-0
  • Starmancer
    • OminuxGames
    • http://pixeljoint.com/p/35207.htm
    • StarmancerGame
    • View Profile
    • Starmancer Patreon

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #15 on: June 16, 2015, 08:13:33 am
i can't see the image champ.

Me neither, seems like the host went down.. And I get an error trying to upload it...
Trying dropbox instead:

Offline JazzMaster

  • 0001
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
    • Jazz Software

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #16 on: June 16, 2015, 09:44:59 am
Quote from: Seiseki
Trying dropbox instead:



Wow that looks amazing. I'm kinda struglling with colors. Every time i try to add color it always ends up loooking bad. Any tips?

Offline Seiseki

  • 0011
  • **
  • Posts: 915
  • Karma: +1/-0
  • Starmancer
    • OminuxGames
    • http://pixeljoint.com/p/35207.htm
    • StarmancerGame
    • View Profile
    • Starmancer Patreon

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #17 on: June 16, 2015, 01:11:53 pm
Look at colors from references or other games!

You could also try using a predefined palette, like Arne's 16 color palette
The limitations will force you to use colors you aren't used to, which is a good thing. Don't be afraid of strong contrast and strong colors. It's something that I have to remind myself of when the stuff I draw lacks depth and shape. Especially when you work zoomed in. So make sure you zoom out and evaluate if there is enough contrast and depth.

Offline JazzMaster

  • 0001
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
    • Jazz Software

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #18 on: June 17, 2015, 02:46:09 am
I made this using Arne's pallete.
OLD:
original
NEW:
with better shading and colors

What do you guys think?

Offline Seiseki

  • 0011
  • **
  • Posts: 915
  • Karma: +1/-0
  • Starmancer
    • OminuxGames
    • http://pixeljoint.com/p/35207.htm
    • StarmancerGame
    • View Profile
    • Starmancer Patreon

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #19 on: June 17, 2015, 10:09:24 am
You have to be braver with the contrast..
Try squinting your eyes, you should still be able to see some of the strong highlights giving shape to the tank..
Or if you look at it from far away, you should still be able to see the important sprites in the game. If it all blends together, you'll have big issues with readability of the game, even if you play the game really zoomed in, it's better with really clear and defined shapes and shading.

Look at and compare with other pixel art games.

« Last Edit: June 17, 2015, 10:15:01 am by Seiseki »

Offline JazzMaster

  • 0001
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
    • Jazz Software

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #20 on: June 28, 2015, 07:53:20 am
I decided to revert back the enemy colors to grey (for now). I think I'll need to see how colors look ingame first.
but I did work on the outlines and shading.
I still feel I need more contrast, what do you guys think?




Offline heyguy

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

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #21 on: June 30, 2015, 08:07:45 am
In your mock up scene, it's night time. I think you should change it to day time and add a light source(sun) in the scene. I might help you think about colors and shading in your scene.

Google "Military Warehouse" or something, examine it, get inspired by it and paint your warehouse that color. Shift away from the gray. Look at this building.

http://www.kconinc.com/Portals/0/Gallery/Album/21/Government-Contract-Storage-Warehouse-Facility-Temple-TX-3356.jpg

Do you think you can you add a gif or something of your animation? I'm actually in the process of trying animating some sprites and I found this link. Maybe this link can be of use to you.

Offline pistachio

  • 0011
  • **
  • Posts: 639
  • Karma: +4/-0
  • Mostly lurking
    • http://pixeljoint.com/p/125138.htm
    • View Profile

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #22 on: June 30, 2015, 09:53:36 am
Quick edits of the tanks:



More contrast, more contrast, man! You want to see important stuff at a glance especially at this size.
One example is my fire tank here, it uses orange parts to distinguish it from the regular tank.
Shaded the tanks less round, more angular.
No outlines in this edit, just flat colors.
Shift those colors away from grey. Take the eyedropper tool to any photo of a tank and you'll see the same thing, no 100% greys.
You can see also there's some change in hue as you go from dark to light, which shows up in my edit.

Here's a good pixel ref for your tanks.

I hope you take some of our advice, because visually speaking, these current pixels are kinda sucking the life out of what looks like a fun RTS.
« Last Edit: July 01, 2015, 09:26:49 am by pistachio »

Offline JazzMaster

  • 0001
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
    • Jazz Software

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #23 on: July 01, 2015, 01:48:15 am
About hue shifting.
I've been strugling with that for a while now. I tried using pre made palettes but were dissatisfied with them. Any tips on how to use hues correctly?

Offline pistachio

  • 0011
  • **
  • Posts: 639
  • Karma: +4/-0
  • Mostly lurking
    • http://pixeljoint.com/p/125138.htm
    • View Profile

Re: [WIP][C+C]Game Art - Operation: Tank Command

Reply #24 on: July 01, 2015, 10:39:28 am
About hue shifting.
I've been strugling with that for a while now. I tried using pre made palettes but were dissatisfied with them. Any tips on how to use hues correctly?

Why it keeps turning out that way is probably the result of another problem, the shading.

Shading on most stuff is mostly midtones (example by Arne).
Depending on how shiny a thing is, specular highlights are small to nil.
Some exceptions are chrome or foil stuff which reflect more, but real tanks are a dull painted/metal, so I think this here is not an exception.
What to get out of that is it's all about the value, so do value work before adding the hues.

Actually you can take a look at this post also.

The graph shows the hues in those examples are all over the place but it works because they got the values right.

What color something shows up as depends on how much of that color is used. In most of the thread examples (and Arne's example) that's mostly the midtone.
In the forum thread, outside of the midtone, stuff like the shadows/highlight hues are kind of balancing eachother out in a zigzag.
It might have a bias towards warm or cool. If it's not/less affected by that bias then that one color sticks out.
It's a more complex idea but you can get some cool effects using it.

My edit isn't as extreme with the colors. Actually it's pretty basic.
Green-grey is the midtone, but the highlights are more yellow. The combined effect is you get greenish-yellow.
Shadow color adds to that warmth.
Result: sprite that's readable, and looks colored.

Hope this does a good job at somewhat explaining colorization, if there's anything I left out maybe one of the other guys can add to this.
« Last Edit: July 01, 2015, 11:00:57 am by pistachio »