Mini-tut for antialiasing; much more approachable imo than my old, advanced + technical tutorial; This one is just about rendering AA in a basically sound way.

(Based on a post I made here)

In brief, antialiasing is a way of approximating sub-pixel shapes; the most common (and best looking) of these shapes is a triangle which spans from one 'stair step''s outer corner to the next 'stair step''s outer corner.
This means that at one corner, the opacity is 0%, at the other corner the opacity is 100%.
See this illustration:



Anti-aliasing in pixel art approximates that opacity gradient with the available colors (see the version just to the right of the top left corner.)

Curving modifies what opacities are appropriate (see the top-right corner of the magnified pic; it's corrected for curving); but mostly, triangular AA looks best and you hardly ever need something that is very different from triangular AA. Just antialias triangularly along vertical, horizontal, and diagonal (45 degrees) steps, for a start.

lol I like 4 more than 5.. stupid computers!
its hard to see the difference between 3 and 4.. I think you could delete step 3..

Can't find the right thread atm. Good refs http://www.3d.sk/ Clicking photoshoot gives you variations

More tuts in the gallery under tutorials.

Hi all , i give you some links of cool japanese pixelling tutorials that i find on the web. Links translate in english by worldlingo.

1)
http://www.worldlingo.com/S1790.5/translation?wl_srclang=ja&wl_trglang=en&wl_url=elfice.hp.infoseek.co.jp/dot_kouza/dotekouza.htm

original link : http://elfice.hp.infoseek.co.jp/dot_kouza/dotekouza.htm


2)
http://www.worldlingo.com/S1790.5/translation?wl_srclang=ja&wl_trglang=en&wl_url=www5.nkansai.ne.jp/users/mk2/dot01.html

original link : http://www5.nkansai.ne.jp/users/mk2/dot01.html


3)
http://www.worldlingo.com/S1790.5/translation?wl_srclang=ja&wl_trglang=en&wl_url=www.seri.sakura.ne.jp/~takano/dot/index.htm

original link : http://www.seri.sakura.ne.jp/~takano/dot/index.htm

4)
http://www.worldlingo.com/S1790.5/translation?wl_srclang=ja&wl_trglang=en&wl_url=homepage1.nifty.com/take_hp/lesson2d/lesson2d.html

original link : http://homepage1.nifty.com/take_hp/lesson2d/lesson2d.html

5)
http://www.worldlingo.com/S1790.5/translation?wl_srclang=ja&wl_trglang=en&wl_url=www012.upp.so-net.ne.jp/may/dot_kouza02.htm

original link : http://www012.upp.so-net.ne.jp/may/dot_kouza02.htm

6)
http://www.worldlingo.com/S1790.5/translation?wl_srclang=ja&wl_trglang=en&wl_url=www3.wind.ne.jp/DENZI/diary/D-nikki26.htm

original link : http://www3.wind.ne.jp/DENZI/diary/D-nikki26.htm

7)
http://www.worldlingo.com/S1790.5/translation?wl_srclang=ja&wl_trglang=en&wl_url=tt.sakura.ne.jp/%7Ehiropon/lecture/lec256-2.html

original link : http://tt.sakura.ne.jp/~hiropon/lecture/lec256-2.html

8) http://www.it-sc.jp/nekolabo/cg99_kouza.html


9)
Part 1:
http://www.worldlingo.com/S1790.5/translation?wl_srclang=ja&wl_trglang=en&wl_url=www.blueidea.com/design/pixel/2004/1960.asp

Part 2:
http://www.worldlingo.com/wl/services/S1790.5/translation?wl_srclang=ja&wl_trglang=en&wl_rurl=http%3A%2F%2Fwww.blueidea.com%2Fdesign%2Fpixel%2F2004%2F1960.asp&wl_url=http%3A%2F%2Fwww.blueidea.com%2Fdesign%2Fpixel%2F2004%2F1960_2.asp



and for the end four others links of cool japanese pixel art

http://may.levtex.net/cgi/levbbs/lev-bbs.cgi?bid=bbs1=&style=0

http://www.interq.or.jp/www1/helohelo/elf/DW_gallery.html

http://page.freett.com/hika/cg/mcg.htm

http://home.att.ne.jp/theta/uk/panorama/dot/index.html

It s all

Bye








Edited by Kato - 27 December 2007 at 5:09am

on the other hand, I found a very interesting(and maybe useful) site for reference purposes on various poses related to martial arts and sports in general. the actions are performed by a character in a Flash movie format.

worths a look
http://www.flashmavi.com/

Don't know if anyone is interested but I mirrored St0ven's tutorials here:

st0ven tutorials


Doesn't look like his site is coming back.

Edited by PixelSpy - 10 April 2008 at 12:21pm

I myself have a fair collection of pixel tutorials.

Notable is the video tutorials I have.


Web tutorials


Derek Yu's "Legal Luchador" Tutorial:
http://derekyu.com/extras/pixel01.html

GMJUNK side scrolling shooter tutorial:
http://www.freewebs.com/gmjunk/Tut/pixtut/Mspix.htm

Gauntlet's drawing to sprite tutorial:
http://themechanicalmaniacs.com/guides/spriteguide.php#Type3

Freewebs scratch sprite tutorial:
http://www.freewebs.com/howtosprite/scratch.htm

Spriters inc. Simple scratch spriting tutorial:
http://www.sprites-inc.co.uk/forum/showthread.php?t=967

Painting to scratch tutorial (Very professional!):
http://www.wesnoth.org/wiki/Creating_a_scratch_built_sprite

Basic 4-part scratch tutorial:
http://www.pokemonelite2000.com/forum/showthread.php?t=32291

Another basic scratch tutorial:
http://img47.imageshack.us/img47/7490/tutorial7dd.png

A cool pokemon style map tutorial:
http://img175.imageshack.us/img175/1027/tutorialxs2.png

A simplistic tutorial featuring a scorpion:
http://www.dragonflycave.com/recoloring.aspx#scratching

Very comprehensive tutorial, but no pictures:
http://forum.nuklearpower.com/showthread.php?t=2398

A scratch tutorial with excellent examples:
http://www.serebiiforums.com/showthread.php?t=59110

How to save your pretty sprite (Don't skip this, this is essential stuff, seriously):
http://i198.photobucket.com/albums/aa263/s...ingtutorial.png

A basic outline and dithered shading tutorial:
http://www.pokecommunity.com/showthread.php?t=77368

Tree . . . tutorial:
http://www.pokecommunity.com/showthread.php?t=111958

A very cool Marlboro tutorial:
http://www.pokecommunity.com/showthread.php?t=125583

A comprehensive list of resources and terminology:
http://www.pokecommunity.com/showthread.ph...62480#resources

An amazing new tutorial by the people making an insane new fighting game called, "card gallery" Unfortunately th tutorial is in spanish, although it should be fairly easy to follow along with.
http://cardgallery.tales-tra.com/tut.htm
Translated:
http://translate.google.com/translate?u=ht...en&ie=UTF-8

Here' the wikipedia article. Not much of a tutorial, but it describes techniques and has links to a number of resources.
http://en.wikipedia.org/wiki/Spriting

Here's a general MS paint tutorial. Very handy to know the basics.
http://www.lkwdpl.org/classes/MSPaint/paint.html

A simple handy pixel art tutorial. Offers help for graphicsgale.
http://www.natomic.com/hosted/marks/mpat/

The complete guide to isometric pixel art.
http://www.rhysd.com/tutorial/

A greyscale pixel art tutorial, mostly isometric.
http://www.drububu.com/tutorial/index.html

A simple isometric tutorial
http://www.19.5degs.com/element/869.php

A small collection of pixel tutorials.
http://www.gjdesigns.dk/tutorials.shtml

A bunch of tutorials on various things, mostly isometric.
http://www.zoggles.co.uk/asp/tutorials.asp?show=index

A very nice, detailed pixel head.
http://www.flipflopflyin.com/g/2006/06/how...pixel-head.html

Eboy, the masters of isometric pixel art. They're truly excellent.
http://hello.eboy.com/eboy/

A very complex anti-aliasing tutorial.
http://neota.castleparadox.com/aa_tutorial.html

Some isometric tutorials, in what I think is french.
http://pixel.nascimpact.com/tutoriaux.php

A collection of small high quality tutorials (Warning: many of the links are broken)
http://pixel-zone.rpgdx.net/shtml/tutorials.shtml

A collection of tutorials focusing on weapons and items, with two tutorials on environment and a character
http://www.vbgore.com/Pixel_Art_Tutorials

A discussion on color theory in pixel art.
http://www.wayofthepixel.net/pixelation/in...php?topic=922.0

A tutorial on pixel animation, featuring walk cycles.
http://www.manningkrull.com/pixel_art/tutorials/walking.asp

A tutorial regarding a lot of the theory concerning pixel art.
http://www.zybez.net/community/index.php?showtopic=724901

A tutorial on fixing up an old sprite.
http://www.manningkrull.com/pixel_art/wrestler.asp

A live journal pixel community
http://community.livejournal.com/pixeljam/

A large collection of links to varying tutorials.
http://www.pixeljoint.com/pixels/links.asp?id=2192

A number of pixel tutorials from a large community.
http://www.pixeljoint.com/pixels/tutorials.asp

A tutorial on how to make perfect pixel patterns.
http://cornoncob.com/tutorials/ihtutorials...xelPatterns.php

One of the tutorial collections from the website, sprite art (currently down, but tutorials are intact.)
http://www.spriteart.com/tutorials/samurai_st0ven.html

A second collection, covering RPG characters, enemies and summons.
http://www.spriteart.com/tutorials/samurai_shuku.html

A third collection, covering Scanlines, and transparency.
http://www.spriteart.com/tutorials/samurai_raven.html

A forth collection covering isometric tiles.
http://www.spriteart.com/tutorials/samurai_karen.html

A fifth collection, covering ambient lighting.
http://www.spriteart.com/tutorials/samurai_kaine.html

A sixth tutorial, covering fighting sprites of varying styles.
http://www.spriteart.com/tutorials/samurai_grath.html

A revived pixel tutorial with tons of helpful information in tilesets, objects, and animations.
http://petesqbsite.com/sections/tutorials/tuts/tsugumo/

A site in russian. It has an impressive gallery, and there's supposed to be a tutorial somewhere or another.
http://www.gas13.ru/

A large and extensive MS paint tutorial, very helpful.
http://fay.iniminimo.com/paint.html

A large collection of pixel tutorials. Quality is VERY widely varied.
http://pixeljoint.com/forum/forum_posts.asp?TID=706&PN=1

Great tutorial on shading.
http://www.natomic.com/hosted/marks/mpat/shading.html





Youtube tutorials


Part 1 pokemon:
http://www.youtube.com/watch?v=L0-xJP1dW6s

part 2 pokemon:
http://www.youtube.com/watch?v=A9nevwJ3Pfo

Part 3 pokemon:
http://www.youtube.com/watch?v=4mftL9b2huo

A simple ball tutorial, but very detailed, and with kickass music:
http://www.youtube.com/watch?v=2twx-rqhA5U

Outline and 4 shades of color:
http://www.youtube.com/watch?v=RVtO9JSXmgo...feature=related

The voice is annoying as f**k, I'd advise skipping this due to the voice alone, but the advise is good:
http://www.youtube.com/watch?v=8kxzHePaMC0

Excellent video, but no explanation as to methods:
http://www.youtube.com/watch?v=2Cn5sZYwpYo

Kickass video, with kickass music:
http://www.youtube.com/watch?v=DJbx8LSDwoM

Awesome spriting of Enker from MS paint masterpieces:
http://www.youtube.com/watch?v=2QMADyVl6Gw

A random cool superhero guy:
http://www.youtube.com/watch?v=kMnkE2RIdT8

Some awesome remaking of Gaara sprites and special effects.
http://www.youtube.com/watch?v=pP6cVidvCes

Some cool simple line art:
http://www.youtube.com/watch?v=ULzwTeD0XOo

And four videos documenting the creation of a quite large custom sprite:
http://www.youtube.com/watch?v=e9fgdLDUGZQ
http://www.youtube.com/watch?v=W6ExSrHNts4
http://www.youtube.com/watch?v=ZJyN_xB28Tw
http://www.youtube.com/watch?v=PguDDj8EkuA

A simple tutorial covering a hi-res RPG sprite
http://www.youtube.com/watch?v=uCntos0A-gw

An interesting high quality tutorial on icy chunk
http://www.youtube.com/watch?v=jVsow1PnmJw

A cool speedrun with a high quality final product
http://www.youtube.com/watch?v=l1fSbVtwAQM

A custom kingdom hearts sprite with a lot of detail, done one pixel at a time
http://www.youtube.com/watch?v=U5Hbvmly43w

Awesome speedrun of a pixel art pirate
http://www.youtube.com/watch?v=BFSoLTdC-Bw

Three tutorials detailing the construction of a high quality behemoth
http://www.youtube.com/watch?v=nR958d3appQ
http://www.youtube.com/watch?v=MirPJg73EJI&
http://www.youtube.com/watch?v=MirPJg73EJI&

Hey, I'm starting a small independent gaming company, the art director that works with me wrote some mix between a tutorial and personal opinion about pixel art and sprite design that may be worthy to check out.

If you are interested this is the url:

http://www.gandogames.com/2010/05/148/