HOME | DD

Cheila โ€” Tutorial - Pixel Art Animation

Published: 2005-12-10 23:06:50 +0000 UTC; Views: 192120; Favourites: 3754; Downloads: 9358
Redirect to original
Description Here is the tutorial i promissed.
It requires some basic Photoshop / Animation Shop knowledge...
I hope you like it!

edit: uh yea i made some mistakes:
- the bunny shadow in the second colum is in the wrong side
- misspelled photoshop
- hard to figure out the order of the things
sigh ._.; i tryed

Edit: 3 years have passed and now i see so many mistakes in this tutorial O_O;
Here's a much better one: [link]
And super nice website: [link]
And if that's not enough search for pixelart tutorials on deviantart and on google and on that website's forum
Related content
Comments: 346

Kittenzandglitz [2009-11-24 21:17:09 +0000 UTC]

amazing im going to try this tutorial later

๐Ÿ‘: 0 โฉ: 0

thomascall [2009-11-16 00:48:31 +0000 UTC]

err the tinier one where you said
1.-characters
2.-backrounds
ya no!

๐Ÿ‘: 0 โฉ: 0

thomascall [2009-11-16 00:31:38 +0000 UTC]

what is that font!!! please tell me! the font you used in the display picture for it!!!

๐Ÿ‘: 0 โฉ: 1

Cheila In reply to thomascall [2009-11-27 20:54:39 +0000 UTC]

I don't remember sorry...
But google for pixel fonts! I remember it was something with letters and numbers mixed, it wasn't a word.

๐Ÿ‘: 0 โฉ: 0

cheesyGFX [2009-11-02 16:14:21 +0000 UTC]

great tutorial, its helped me out a lot.

๐Ÿ‘: 0 โฉ: 0

Agapitus [2009-10-19 17:44:26 +0000 UTC]

AHHWW, so cute !
thank you for making this handy tutorial
love it

๐Ÿ‘: 0 โฉ: 0

XCali-CatX [2009-09-07 20:31:42 +0000 UTC]

wasome XDXD!!!

๐Ÿ‘: 0 โฉ: 0

ninjafaeri1 [2009-08-14 20:46:04 +0000 UTC]

wut do they mean by add preview

๐Ÿ‘: 0 โฉ: 0

origanime-muckle [2009-08-05 12:09:56 +0000 UTC]

oh what program should i use to do pixel art? paint? photoshop/fireworks? cause i wanna do some pixel art for a comp im going to enter in - super tutorial btw xD

๐Ÿ‘: 0 โฉ: 1

Cheila In reply to origanime-muckle [2009-08-14 16:13:44 +0000 UTC]

You can use any 2d raster image program.
I use photoshop, but you can even use windows paint, for example!

๐Ÿ‘: 0 โฉ: 1

origanime-muckle In reply to Cheila [2009-08-14 18:19:22 +0000 UTC]

ahh i have Adobe Photoshop CS3, ill use that, thanks

๐Ÿ‘: 0 โฉ: 0

WhispersTree [2009-07-14 00:45:40 +0000 UTC]

thanks you very much !! now I found again a super hobby

๐Ÿ‘: 0 โฉ: 0

XMuratX [2009-07-03 11:42:52 +0000 UTC]

Thank you.Very good tutorial

๐Ÿ‘: 0 โฉ: 0

ClaudiaConstantino [2009-06-28 22:03:37 +0000 UTC]

Really nice tut


But still I need some help

Do you know if I can make pixel avies with some of these programs I have?

-Gimp
-Photoscape
-Paint
-oCanvas

??


Thank you very much for helping

๐Ÿ‘: 0 โฉ: 1

Cheila In reply to ClaudiaConstantino [2009-07-01 18:25:43 +0000 UTC]

Thx

Podes pois eu uso o Photoshop. Mas acho que qualquer um deles dรก, menos o open canvas.

Qualquer duvida apita~ >o<

๐Ÿ‘: 0 โฉ: 1

ClaudiaConstantino In reply to Cheila [2009-07-01 19:34:20 +0000 UTC]

de nada

awww ok obrigada Vou tentar. deseja-me sorte eu cรก nรฃo me ajeito muito bem com estas coisas

๐Ÿ‘: 0 โฉ: 0

x-Musheh [2009-05-16 14:47:33 +0000 UTC]

Hope you dont mind, helped make my avatar!

๐Ÿ‘: 0 โฉ: 0

ChibifiedChopsticks [2009-04-13 17:01:06 +0000 UTC]

Hey! I decided to do some water following your tutorial and everything went fine. And then when I merged the two layers together I decided to do some mud too. But my browns came out blue still...Is it because I did the grid on my background? Also when I saved it and opened it again all three layers (background layer and layer copy) were merged and called index. I'm using Photoshop cs4 so you might not be able to help...

๐Ÿ‘: 0 โฉ: 2

renardchaton In reply to ChibifiedChopsticks [2009-06-14 01:40:56 +0000 UTC]

sorry for barging in, and commenting on a old comment, but I know what your problem is.

Indexed is a color format that restricts some colors. I'm not exactly sure what it does, but it won't let you use opacity and you won't be able to use alot of shades. I learned this when I was editing an indexed file on GIMP.

You probably saved as a .gif, which is sort of a bad idea compared to .png. GIFs cannot save correctly with layers, so it must save with grayscale or indexed. I think indexed will only allow you to use the colors that were put down when you saved.

I think that's it... Sorry that was so long.

๐Ÿ‘: 0 โฉ: 1

ChibifiedChopsticks In reply to renardchaton [2009-06-14 12:19:19 +0000 UTC]

Yah. I worked that out xD

๐Ÿ‘: 0 โฉ: 1

renardchaton In reply to ChibifiedChopsticks [2009-06-14 16:13:02 +0000 UTC]

okay lol. XD

๐Ÿ‘: 0 โฉ: 0

Cheila In reply to ChibifiedChopsticks [2009-04-14 10:12:14 +0000 UTC]

Oh my.. i don't know, i don't use this kind of techniques anymore I do it pixel by pixel now, that's the way it should be And i'm using CS4 now too

๐Ÿ‘: 0 โฉ: 1

ChibifiedChopsticks In reply to Cheila [2009-04-14 15:39:14 +0000 UTC]

Oh okay then xD Just ps pwning me again...I'm used to it by now!

๐Ÿ‘: 0 โฉ: 1

Paiyrx In reply to ChibifiedChopsticks [2009-05-09 12:56:52 +0000 UTC]

I heart your signature.

๐Ÿ‘: 0 โฉ: 1

ChibifiedChopsticks In reply to Paiyrx [2009-05-16 14:04:13 +0000 UTC]

Thanks ^^

๐Ÿ‘: 0 โฉ: 0

eizu [2009-04-12 08:46:49 +0000 UTC]

awww! how cute ^^

๐Ÿ‘: 0 โฉ: 0

SofiWood [2009-04-05 14:06:45 +0000 UTC]

Excelent!! Thanks! I will try to do one of my own ^^

๐Ÿ‘: 0 โฉ: 0

shimmer-dragon [2009-03-28 15:56:05 +0000 UTC]

Aaah I'm using this tutorial to make my first piece of pixel art - we'll see how it goes, it been helpful ^^

๐Ÿ‘: 0 โฉ: 0

BrokenLine1177 [2009-03-27 18:06:50 +0000 UTC]

I get confused at the animation part... could be because I'm using photoshop CS3...

๐Ÿ‘: 0 โฉ: 1

Cheila In reply to BrokenLine1177 [2009-03-27 20:47:20 +0000 UTC]

The animation part is in Jasc Animation Shop not Photoshop
But you can try any program that makes animated gifs

๐Ÿ‘: 0 โฉ: 1

BrokenLine1177 In reply to Cheila [2009-03-28 20:17:27 +0000 UTC]

Ah ok cool thank you! ^^ I know you can do it in photoshop but I can't for the life of me figure it out. X3 Having a mac makes gif animation hard.

๐Ÿ‘: 0 โฉ: 0

Tifa22 In reply to ??? [2009-03-04 17:48:08 +0000 UTC]

Wow, I like it! Thanks for posting!

๐Ÿ‘: 0 โฉ: 0

Ghutti In reply to ??? [2009-03-02 21:50:07 +0000 UTC]

Muito bom mesmo (que coelinho mais kawaii *w*)
eu to fazendo um no paint, como posso fazer as texturas lรก? ._.

๐Ÿ‘: 0 โฉ: 1

Cheila In reply to Ghutti [2009-03-03 23:15:10 +0000 UTC]

Pixel a pixel! ^^ Isto sรฃo batotas que eu jรก nem sequer uso, o tutorial รฉ muito velho. Fica muito melhor feito pixel a pixel

๐Ÿ‘: 0 โฉ: 1

Ghutti In reply to Cheila [2009-03-04 20:26:46 +0000 UTC]

Obrigada o/
eu ja fiz, se quiser dar uma olhada... 8D

๐Ÿ‘: 0 โฉ: 0

oreshi In reply to ??? [2009-02-03 02:58:04 +0000 UTC]

Nice save. xD haha. But that's not gonna cut it- the dog wouldve eaten the bunny rght?? I Love your cheese mouse avie. XD This tutorial (and all the others on pixels) confuzzle me

๐Ÿ‘: 0 โฉ: 0

oreshi In reply to ??? [2009-02-02 02:16:47 +0000 UTC]

Pixels aren't me.. BTW the bunny can't fit into the house!!

๐Ÿ‘: 0 โฉ: 1

Cheila In reply to oreshi [2009-02-02 03:10:16 +0000 UTC]

Errr... It's the bunny's dog's house!! 9_9

๐Ÿ‘: 0 โฉ: 0

KyokuikiRyu [2009-01-21 23:47:38 +0000 UTC]

Very helpful. :3

๐Ÿ‘: 0 โฉ: 0

Dayami-chan [2009-01-18 19:24:50 +0000 UTC]

your english was very good :3
i wish i could do that >.> nyaa~
fab tutorial though! :3

๐Ÿ‘: 0 โฉ: 0

princezuko101 [2009-01-11 21:29:42 +0000 UTC]

I have a couple questions, one, how can you make it bigger if you made it real small, and two, how to you upload it and make it work? o-o;

๐Ÿ‘: 0 โฉ: 2

Cheila In reply to princezuko101 [2009-01-11 22:43:32 +0000 UTC]

Oh and [link] here's a much better tutorial!!!
Mine is kind of old

๐Ÿ‘: 0 โฉ: 1

princezuko101 In reply to Cheila [2009-01-12 21:02:15 +0000 UTC]

Thanks I'll see if it helps ^-^;

๐Ÿ‘: 0 โฉ: 0

Cheila In reply to princezuko101 [2009-01-11 22:30:00 +0000 UTC]

Wow thanks a lot for the favs!

PixelArt is not resizable. It wouldn't be PixelArt anymore ^^
You upload it the same way you upload any deviation...
I'm think i'm not understanding your questions ._.;

๐Ÿ‘: 0 โฉ: 1

princezuko101 In reply to Cheila [2009-01-12 20:57:14 +0000 UTC]

Welcome ^-^

Well it's that I made it so small it's hard to see ^-^;;

I tried and you can't see it o-o;

๐Ÿ‘: 0 โฉ: 1

Cheila In reply to princezuko101 [2009-01-12 21:29:40 +0000 UTC]

Hehe try to re-make it a little bigger then
It's hard to make something very small and understandable ^^

๐Ÿ‘: 0 โฉ: 1

princezuko101 In reply to Cheila [2009-01-13 22:58:42 +0000 UTC]

yeah n-n;
Thanks,.

๐Ÿ‘: 0 โฉ: 0

chesney In reply to ??? [2008-12-19 22:06:22 +0000 UTC]

holy crap, this is freaking adorable Cuteness overload!

๐Ÿ‘: 0 โฉ: 0

Bethzles [2008-12-19 21:36:00 +0000 UTC]

This is adorable! Faved!

๐Ÿ‘: 0 โฉ: 1

Bethzles In reply to Bethzles [2008-12-19 21:37:19 +0000 UTC]

I might try and use this to make a flash pixel game.
Could get tricky though

๐Ÿ‘: 0 โฉ: 0


<= Prev | | Next =>