HOME | DD

Cheila β€” Tutorial - Pixel Art Animation

Published: 2005-12-10 23:06:50 +0000 UTC; Views: 192121; 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

LittlePwnguin [2008-12-10 03:47:29 +0000 UTC]

This is cute and helpful, I've been wanting to try pixel art for a while now. Thanks!

πŸ‘: 0 ⏩: 0

kressaM [2008-12-09 00:40:41 +0000 UTC]

this is so cute. really nice tutorial, especially for cute isometrics

πŸ‘: 0 ⏩: 0

SelenaWolf [2008-12-07 05:39:26 +0000 UTC]

OMG! Thank you! I've been dying to learn how to make pretty looking pixels (Can't even make ugly ones reliably yet), and this may just make that happen! I'm gonna try and make a pixel image now!

...May take awhile though...

πŸ‘: 0 ⏩: 0

Goldfra In reply to ??? [2008-11-19 21:02:38 +0000 UTC]

fantastic tutorial

πŸ‘: 0 ⏩: 0

marinameira [2008-11-19 02:49:13 +0000 UTC]

lovely! thank u!!

πŸ‘: 0 ⏩: 0

Raphealle [2008-11-14 01:27:31 +0000 UTC]

cute! and thanks!

πŸ‘: 0 ⏩: 0

Amicabell [2008-11-09 00:50:34 +0000 UTC]

WOW! This helped a lot

πŸ‘: 0 ⏩: 0

sAlxe [2008-10-25 21:25:10 +0000 UTC]

Cute graphics and really well explained with good tricks, I might go and do some pixel art someday *continues making a simple house in paint*

πŸ‘: 0 ⏩: 0

Madninja2500 [2008-10-11 15:33:28 +0000 UTC]

Can you make pixel art in flash cs3?

πŸ‘: 0 ⏩: 1

Cheila In reply to Madninja2500 [2008-10-11 17:05:32 +0000 UTC]

I don't think so.
Flash is vectorial. Pixel Art can't have aliasing or be resized. But i've seen PixelArt games made in flash. I think they make the graphics on other programs and them export to flash using some special settings.
If you don't have photoshop or something similar you can use windows Paint ^^

πŸ‘: 0 ⏩: 1

Madninja2500 In reply to Cheila [2008-10-13 16:03:19 +0000 UTC]

Okay! Thanks for the advice!

πŸ‘: 0 ⏩: 0

Noto-Buddy [2008-08-10 21:12:45 +0000 UTC]

Which program/s do you need for it?

πŸ‘: 0 ⏩: 1

Cheila In reply to Noto-Buddy [2008-08-10 21:58:04 +0000 UTC]

It says in the description...
Adobe Photoshop and Jasc Animation Shop

πŸ‘: 0 ⏩: 0

FrootLoopsYumYum [2008-08-08 23:23:53 +0000 UTC]

OMG thank you!!!

This helped me make the grass in my latest avvie.

πŸ‘: 0 ⏩: 0

rigelblack In reply to ??? [2008-08-07 16:38:41 +0000 UTC]

Gigant pink bunny of doom. o-o

Ok, just kidding nice tutorial. o/

πŸ‘: 0 ⏩: 0

AnimePrincessClo In reply to ??? [2008-08-06 11:59:58 +0000 UTC]

Amazing you helped me so much ^_^ my bunny looks deformed jsut trying background

πŸ‘: 0 ⏩: 0

KoniraThax [2008-08-05 01:05:25 +0000 UTC]

This is the simplest one I've seen. Thank you. You made it easy!

πŸ‘: 0 ⏩: 0

tracedback [2008-07-30 19:12:57 +0000 UTC]

This makes me happy...

πŸ‘: 0 ⏩: 0

phyroo In reply to ??? [2008-07-30 00:02:51 +0000 UTC]

thank you

πŸ‘: 0 ⏩: 0

EbolaSparkleBear In reply to ??? [2008-07-26 23:07:12 +0000 UTC]

Nice work!

πŸ‘: 0 ⏩: 0

taaashy In reply to ??? [2008-07-15 20:55:52 +0000 UTC]

Oh wow this looks so good, i be sure to use it sometime soon

πŸ‘: 0 ⏩: 0

BlackMesaIsBack In reply to ??? [2008-07-05 10:40:46 +0000 UTC]

Thanks a lot for this very useful tut!!
I'm starting w/ pixel art so i always go back to this tutorial .

πŸ‘: 0 ⏩: 0

spongee In reply to ??? [2008-07-04 05:26:30 +0000 UTC]

thanks heaps! i used this tutorial and now i've got an adorable instant messenger display pic. i tried to make it an emoticon but my msn doesn't like me. hehe. it makes an awesome display picture though! thanks again

πŸ‘: 0 ⏩: 0

GallantKnight In reply to ??? [2008-07-03 04:26:30 +0000 UTC]

hey you dont need to know english to know how to be a great artist, well done

πŸ‘: 0 ⏩: 0

perkelate In reply to ??? [2008-06-24 00:47:13 +0000 UTC]

Just came to this tutorial from 's resources news article (see link above). I know you made this a while ago, but this is really cool. Have you made any other tutorials? I am interested in learning more about them.

πŸ‘: 0 ⏩: 0

znow-white [2008-06-23 14:37:25 +0000 UTC]

Your wonderful Resources have been featured here.[link]

Thank you for providing the gallery with such awesome Resources.

πŸ‘: 0 ⏩: 1

Cheila In reply to znow-white [2008-06-23 17:08:07 +0000 UTC]

Yey! Thank YOU ^__^

πŸ‘: 0 ⏩: 1

znow-white In reply to Cheila [2008-06-24 00:45:08 +0000 UTC]

My pleasure sweets

πŸ‘: 0 ⏩: 0

0Hamster0 [2008-06-18 10:27:47 +0000 UTC]

It's so comprehensive!Thanks for sharing

πŸ‘: 0 ⏩: 0

MicrosuedeMouse In reply to ??? [2008-05-23 01:30:57 +0000 UTC]

You are amazing. This is the best Pixel Art tutorial I've found so far. Thank you!

πŸ‘: 0 ⏩: 0

kana-hajime In reply to ??? [2008-04-21 08:48:31 +0000 UTC]

cool tutorial!

πŸ‘: 0 ⏩: 0

JapaneseWarrior In reply to ??? [2008-04-20 16:19:44 +0000 UTC]

Thank you so much!!!!
*w* the bunny is so cute!!! XD

πŸ‘: 0 ⏩: 0

Orbitdum1 In reply to ??? [2008-04-15 06:31:10 +0000 UTC]

Awesome. This will help me out quite a bit!!!!

πŸ‘: 0 ⏩: 0

WolfLUVA In reply to ??? [2008-03-29 23:13:23 +0000 UTC]

This is amazing! I'm so going to use this! <333

πŸ‘: 0 ⏩: 0

Cheylin In reply to ??? [2008-03-17 04:25:31 +0000 UTC]

Thanks for creating this! This really helped alot!

πŸ‘: 0 ⏩: 0

Maniek435 In reply to ??? [2008-01-27 16:29:18 +0000 UTC]

WOW!!!!!!!!

πŸ‘: 0 ⏩: 0

Gradashi In reply to ??? [2008-01-19 10:53:04 +0000 UTC]

good ^^

πŸ‘: 0 ⏩: 0

Anemita In reply to ??? [2008-01-11 18:14:38 +0000 UTC]

The cutest tutorial I've ever seen! <3

πŸ‘: 0 ⏩: 0

DarkWolf360 [2007-12-29 03:30:29 +0000 UTC]

I don't really understand it, like what I mean is, what type of basic photoshop? like Adobe PhotoShop Elements (2) I have that one but I can't find some of the tools that I need like Isometric to get a grid

πŸ‘: 0 ⏩: 1

Cheila In reply to DarkWolf360 [2007-12-29 14:07:48 +0000 UTC]

Isometric is not a tool x_X; it's just a prespective [link] and you need to make the grid yourself.
I use photoshop, not photoshop elements. I'm using CS2 now, but i think i was using 7 when i made this tutorial.

πŸ‘: 0 ⏩: 2

DarkWolf360 In reply to Cheila [2008-01-05 21:16:28 +0000 UTC]

which ones are the right ones to use:
- Adobe Image ready 7.0
or
-Adobe photoShop 7.0

πŸ‘: 0 ⏩: 1

Cheila In reply to DarkWolf360 [2008-01-07 22:36:11 +0000 UTC]

Photoshop

πŸ‘: 0 ⏩: 1

DarkWolf360 In reply to Cheila [2008-01-09 03:00:27 +0000 UTC]

okiez

πŸ‘: 0 ⏩: 0

DarkWolf360 In reply to Cheila [2007-12-31 22:35:03 +0000 UTC]

ok

πŸ‘: 0 ⏩: 0

fickle-worm In reply to ??? [2007-12-28 14:09:16 +0000 UTC]

very helpful! thanks! ^^

πŸ‘: 0 ⏩: 0

Patt-Ytto In reply to ??? [2007-12-27 23:37:39 +0000 UTC]

I just love pixel art, but i love more animating and making games out of it.

πŸ‘: 0 ⏩: 0

IsayDie In reply to ??? [2007-12-23 05:08:52 +0000 UTC]

Thanks a lot!!! D D

πŸ‘: 0 ⏩: 0

newbrylover In reply to ??? [2007-12-08 08:59:00 +0000 UTC]

Great

πŸ‘: 0 ⏩: 0

Visionary-Distortion [2007-11-30 15:28:17 +0000 UTC]

helped me out XD Its gonna be my new icon thingy :]

πŸ‘: 0 ⏩: 0

haydenchristensenfan In reply to ??? [2007-11-24 07:57:31 +0000 UTC]

thanks a lot, itΒ΄s very useful!

πŸ‘: 0 ⏩: 0


<= Prev | | Next =>