Bay 12 Games Forum

Please login or register.

Login with username, password and session length
Advanced search  

Author Topic: Any good tutorials on how to make pixil art? and suggestions?  (Read 1270 times)

Neonivek

  • Bay Watcher
    • View Profile
Any good tutorials on how to make pixil art? and suggestions?
« on: October 20, 2009, 09:55:35 pm »

So I actually am pretty good (relative to experience) at pixil art and I would like to add it to the types of mediums I have at my disposal. I've all but mastered object shapes.

Unfortunately I have two problems

1) I can't make living creatures... period
2) I have a problem with color... I can't make a silver sword or a golden shield very well

Here is what I have so far... It is 16x16 so it may be too small... (I assume DF like many other games only use 16x16 tiles)

I really got to resize this



So I'd like some help with my work either with tutorial or any helpful tips.

I have no idea how people just keep dishing out creatures one by one when I can't do an animal face if my life depended on it.

Also is there a good tutorial on how to make pictures for Dwarf Fortress itself? (Found one... Really confusing... I don't quite know how to make a 24-bit BMP with Gimp... Wait a minute 24-bit? Wow so I am dealing with it again)

Hmm does Dwarf Fortress use a Color system where a series of colors and shades is used in combination of colors set by materials? Or is it white or nothing?
« Last Edit: October 20, 2009, 10:10:06 pm by Neonivek »
Logged

Spreggo

  • Bay Watcher
  • A vile force of darkness has arrived!
    • View Profile
    • skullsprout games
Re: Any good tutorials on how to make pixil art? and suggestions?
« Reply #1 on: October 21, 2009, 12:58:53 am »

http://www.dwarffortresswiki.net/index.php/List_of_user_character_sets

Check that out that page and just try to follow the conventions that others have been sticking to. Take the original tileset and work your images over it, using black and white over pink(transparent). I made myself a very usable tileset this way.

Using too much for other colors will make wonky tiles since all the greys are turned into whatever color DF says that tile should be.

As for creatures... there's no secret but to practice and use references. At 16x16 probably exaggeration and simplification are key since you aren't going to get a high level of detail. Maybe looking at cartoons of what you are drawing would help.

Neonivek

  • Bay Watcher
    • View Profile
Re: Any good tutorials on how to make pixil art? and suggestions?
« Reply #2 on: October 21, 2009, 04:49:42 am »

Thanks Spreggo. Ill just keep trying to beat out creatures until I get something.

I personally think I was acting a bit silly (I do that sometimes) when I made this topic. Sure I do want to get better at 16x16 and 32x32 pixil art, but to enlist the help of the forum was probably premature. I think I may have subconsciously trying to find a way not to do my work.

I am still happy I finally remembered how to do the Kunai, I just cannot remember how I made it even smaller.
Logged

LeoLeonardoIII

  • Bay Watcher
  • Plump Helmet McWhiskey
    • View Profile
Re: Any good tutorials on how to make pixil art? and suggestions?
« Reply #3 on: October 22, 2009, 09:40:40 pm »

I suggest you search for sprite sets on the internet. These are just like graphical DF tilesets that other games use. Look for ones that have a very limited palette.

Pixel art is all about a limited palette, ideally you should be able to work in a .png file. I suggest just using MS Paint, but you can use whatever. You honestly don't really need much.

Start out with something fairly simple. Try making something Final Fantasy or Zelda: link to the Past like, from the front but slightly above. Just try to draw stuff. Like a sword or something. I suggest a larger image, 32x32 would be okay. 16x16 is pretty limited but you'd be surprised what you can get away with.

So say you're trying to make a dead fish - like something the fisherman caught. Start with a work space that has white area around it and a grid of 3x3 boxes of the size you want. Use a weird color like magenta for the boxes so you won't get them mixed up.

It should probably be blue. So go into the color picker and grab a blue that you like for the overall color. Draw a little square of it somewhere, say 10x10 pixels. Then pick a shade 20 Luminosity brighter and draw a square of it above your medium blue. Then pick one 20 luminosity below your medium and stick it under. You can expand your palette outwards if you want, 5 shades of a regular blue is usually pretty good. If you wanted a blue-green, you'd pick out five shades of that. A medium red = a new palette. So you might end up with several mini palettes like this.

Draw your fish with the pencil tool. Just an outline. Refine it to get the outside shape right. Try to make it look plump. X for an eye! Make sure the finds aren't too big. And your outside line should be one pixel wide.

If you have a bend, don't draw up one pixel and then over one. Just use a diagonal. Otherwise when you zoom out it looks blocky.

Paintbucket into the fish with your medium blue. For the fins and head, use one color lighter as your medium. You probably don't need a line to draw the shape of the head but you should for the fins. Where the side fin meets the body, don't draw the black outline. That suggests that it blends in. But you might feel like the head needs to be outlined where it meets the body.

Now that your fish body is medium blue and your fins and head are medium +1, start shading. Determine where the light comes from. Remember that your fish is plump - you get most of that effect from the shading. On the areas lit by more light, paint +1 palette. In the areas that are under the fish, in shadow, paint -1 palette.

If your fish is tail to the SW and head to the NE, then the underside fin will be darker than the top fin.

Now you may feel like you want scales. I suggest not drawing scales with the black outline. Instead, anywhere you want scales, draw dots in a pattern that are -1 brightness for that area. I suggest leaving the head smooth. Straight lines like this from the body outward on the fins suggest the finny spiney shape.

Remember a little mouth! Experiment with different mouth shapes. It'll just be 4 or 5 pixels on a 32x32 but a shift of one of those black pixels will make a huge difference.

You'll find overall that you'll be fiddling with one pixel at a time a lot. As you advance you'll expand your palette slightly and use more bands of shading. Maybe even dithering.
You won't be using the spray paint tool. It just looks ugly. Pixel art isn't about noise, it's about careful placement.
Logged
The Expedition Map
Basement Stuck
Treebanned
Haunter of Birthday Cakes, Bearded Hamburger, Intensely Off-Topic

Neonivek

  • Bay Watcher
    • View Profile
Re: Any good tutorials on how to make pixil art? and suggestions?
« Reply #4 on: October 22, 2009, 10:28:29 pm »

Ohh I can do objects easily (except with some problem with shading)

It is creatures I have problems with.

Goodness how do you get that much control over shading? I had to do it by sliding by hand. Ohh wait I probably know
Logged

LeoLeonardoIII

  • Bay Watcher
  • Plump Helmet McWhiskey
    • View Profile
Re: Any good tutorials on how to make pixil art? and suggestions?
« Reply #5 on: October 23, 2009, 01:23:43 am »

In MS Paint you can do the slider thing or slide around the color picker space, or input numbers.

At the "millions of colors" level the colors are all represented by a 0-255 value in three categories.

16,581,375 colors is what my math says. But the human eye can't even distinguish that many, so there's no reason to go for more.
Logged
The Expedition Map
Basement Stuck
Treebanned
Haunter of Birthday Cakes, Bearded Hamburger, Intensely Off-Topic