Author Topic: Any good pixel art tutorials?  (Read 7148 times)

camasthecat

  • Contributor
  • ****
  • Posts: 461
  • Karma: +0/-0
  • WOW! 400+ Posts!? Jeez! Do I have a life!?!?
    • View Profile
    • My site for thermalJS, an HTML5/Javascript engine kinda-like flixel:
Any good pixel art tutorials?
« on: Sun, Jan 15, 2012 »
Hi all. I'm trying to learn the "art" of pixel art, but I just can't get it good, especially tilemap tiles.
So c are there any pixel art tutorials on the web that you can think of? I would be grateful. :)
Thanks in advance. =D 
« Last Edit: Sat, Jan 21, 2012 by camasthecat »

Leone Simonetti

  • Member
  • **
  • Posts: 16
  • Karma: +0/-0
    • View Profile
Re: Any good pixel art tutorials?
« Reply #1 on: Sun, Jan 15, 2012 »
As an artist i have so tips:

[1] I recommend you to see this tutorial here http://www.derekyu.com/?page_id=219 is very good, and he made a good observation about the jaggy lines that makes your pixel arts horrible if you dont take care of it.

[2] Take care with colors:  with flixel you have to all colors you want (you dont have a limited color palette like in NES) so stop using the primary colors of paint, and take care with contrast, if your character is too much similar with the background, it will hard to the player to recognize it witch is going to make him mad.

[3] Take care with each pixel you add:  each pixel you put in your work can totally change the ideia of your sprite, for example, if you have a character and put a brow pixel next to his belt, it will look like a money bag, but if you put a red pixel, could be a life potion.

[4] Draw first: Sometimes is better you to draw a regular drawing (paper,big resolution) before make the sprite, if you try to make the sprite first, maybe you will have some problems to find the correct pixel position, so DRAW first PIXELATE it after.

I dont have too much tips for tilemaps, i would focus more in gamedesign for the map, and after in the visual, if your game is a plattform game, would be nice to see the the visual stage changing during the progress of the player.

i hope you find my tips useful
*sorry for my bad English

bpercevic

  • Member
  • **
  • Posts: 87
  • Karma: +2/-0
    • View Profile
Re: Any good pixel art tutorials?
« Reply #2 on: Sun, Jan 15, 2012 »
Derek Yu has some good stuff

good stuff

camasthecat

  • Contributor
  • ****
  • Posts: 461
  • Karma: +0/-0
  • WOW! 400+ Posts!? Jeez! Do I have a life!?!?
    • View Profile
    • My site for thermalJS, an HTML5/Javascript engine kinda-like flixel:
Re: Any good pixel art tutorials?
« Reply #3 on: Sun, Jan 15, 2012 »
That is good stuff! I remember looking at this a while ago, but I'll check it over better this time. Thanks!
And thanks for those helpful tips Leone! :D
« Last Edit: Mon, Jan 16, 2012 by camasthecat »

test84

  • Key Contributor
  • *****
  • Posts: 1328
  • Karma: +0/-0
  • ت
    • View Profile
    • My personal site.
Re: Any good pixel art tutorials?
« Reply #4 on: Sun, Jan 15, 2012 »
I also had a topic here on chat section about which package to use, it may do you some good.
blog, twitter, Check out my award winning game, Rot Gut:

pixelomatic

  • Active Member
  • ***
  • Posts: 131
  • Karma: +0/-0
    • View Profile
Re: Any good pixel art tutorials?
« Reply #5 on: Mon, Jan 16, 2012 »
This one is the most comprehensive resource for everyting indie! : http://www.pixelprospector.com/indie-resources/
Lots of pixel art resources: http://www.pixelprospector.com/the-big-list-of-pixel-art-tutorials/
A nice tutorial on colors, very useful: http://kiwinuptuo.deviantart.com/art/Pixel-Art-Tutorial-Colors-184802567
Some general tutorials: http://pixelart-tutorials.deviantart.com/favourites/
Another nice one: http://blog.wolfire.com/2010/01/How-to-make-pixel-art-in-Photoshop

Here are my tips for pixel-art:
  • If you are drawing a relatively big (32x32 or higher) sprites, loosely sketching in a layer (with light colors, light gray etc), than drawing a proper sprite in another layer is a good idea to consider.
  • If you find it hard to seperate your character from background, try adding black outlines. Or use darker/lighter versions of fill color as outlines. This creates a comical style, but it doesn't mean it's bad, actually looks awesome.
  • Picking right colors is most difficult part of spriting for me. You can try to steal other people's palettes and learn that way.
  • Creating a limited palette first, than always using that palette for that spesific sprite is a nice way to stabilize your colors.
  • Lots of things can be done with 3-4 shades :) Just look at gameboy palette.
  • Pencil sketching is good for concepts. Sketch first-pixel later.

Raf

  • Contributor
  • ****
  • Posts: 268
  • Karma: +0/-0
    • View Profile
Re: Any good pixel art tutorials?
« Reply #6 on: Mon, Jan 16, 2012 »
http://www.derekyu.com/?page_id=223
That page's giving me difficulties. I can tell even before trying, cause it's my main problem with making graphics: the drawing :P Drawing a little guy, for example, is near impossible for me, so first making a sketch and then cleaning it up... No can do :(

claudiovc

  • Member
  • **
  • Posts: 13
  • Karma: +0/-0
    • View Profile
Re: Any good pixel art tutorials?
« Reply #7 on: Mon, Jan 16, 2012 »
Yes, drawing is the hardest part hehe...Fortunately, there's plenty of good tutorials on the net. I like http://www.deviantart.com , it has lots of great tutorials on drawing, coloring and pixel art. But the 'secret' it's the same as game programming: practice, practice, practice, practice... =D

Leone Simonetti

  • Member
  • **
  • Posts: 16
  • Karma: +0/-0
    • View Profile
Re: Any good pixel art tutorials?
« Reply #8 on: Mon, Jan 16, 2012 »
I agree with claudiovc, you have to practice a lot, just like game programming.
I also recommend you to see some game sprites, to use as example and reference, its good because you can study the characters movements and styles
You can find some here http://spriters-resource.com/
and take care, different pixel sizes requires different animation.
http://spriters-resource.com/snes/smarioworld/sheet/4601
The small mario use only 2 frames for walking (stand, walking) while the regular size Mario use 3 (stand, walking1,walking2)

camasthecat

  • Contributor
  • ****
  • Posts: 461
  • Karma: +0/-0
  • WOW! 400+ Posts!? Jeez! Do I have a life!?!?
    • View Profile
    • My site for thermalJS, an HTML5/Javascript engine kinda-like flixel:
Re: Any good pixel art tutorials?
« Reply #9 on: Mon, Jan 16, 2012 »
Wow. Thanks for all those tips and links! :D :D :D
btw test84 I use gimp, and I'm going to stay with gimp. :)
The hard part for me is the colors too, pixelomatic. But sometimes I'm lucky. ;)
claudiovc: Isn't that the answer to any problem? XD
« Last Edit: Mon, Jan 16, 2012 by camasthecat »

Foxtacy

  • Aspiring Indie Game Developer, Prototype Musician, Lame Pixel Artist
  • Member
  • **
  • Posts: 29
  • Karma: +0/-0
    • View Profile
    • Need songs? :3
Re: Any good pixel art tutorials?
« Reply #10 on: Thu, Jan 19, 2012 »
Never drew anything in my whole life,

What do you guys think of this?

http://dl.dropbox.com/u/18325427/pixelated%20me.png
Waiting is wasting

Berzee

  • Member
  • **
  • Posts: 69
  • Karma: +0/-0
    • View Profile
Re: Any good pixel art tutorials?
« Reply #11 on: Thu, Jan 19, 2012 »
I don't see it mentioned here, so I will add

http://wayofthepixel.net

It is a fine forum of people who are happy to give comments and critiques and help people improve, and they probably have a giant list of tutorials there too. =)

camasthecat

  • Contributor
  • ****
  • Posts: 461
  • Karma: +0/-0
  • WOW! 400+ Posts!? Jeez! Do I have a life!?!?
    • View Profile
    • My site for thermalJS, an HTML5/Javascript engine kinda-like flixel:
Re: Any good pixel art tutorials?
« Reply #12 on: Thu, Jan 19, 2012 »
Heh, thanks. I'm going to sign up for that...