HOME | DD

Qinni — Painting Fish - Step by step/tutorial

Published: 2012-07-16 18:50:06 +0000 UTC; Views: 141035; Favourites: 6792; Downloads: 1492
Redirect to original
Description my Tumblr

Please read below for process!! thanks.

I've had quite a few people ask me how I animate and how the process of animation is done, so I figured that it's better if i share it on dA and not just tumblr, hahaha. I know this isn't actually a tutorial tutorial, but it's the best i can do for now, because animation is such a broad subject it's really hard to actually focus on a part and do a tutorial on it.

------------------------------

I'm going to go through the whole process for my whole short film.

Basically, you have an idea, then you sketch out your characters. Then you draw your storyboards. Once you have your storyboards done (either on cards or in photoshop), you time it out and put it into a reel (storyboard reel) with maybe a placeholder music, called “scratch tracks”. For this I used Adobe Premier to put the storyboard reel together. From that time, you kind of get a feel of how fast everything will be moving and how the cuts are going to go. You keep adjusting to the best of your abilities. You move onto animation.
I like doing my backgrounds first since it sets up the composition a lot better, especially if your character’s feet is touching the ground, you’ll have to make sure the perspective is right as it’s interacting with the ground. Once i complete the background, I go on to rough animation. I did my animation in Digicel Flipbook, but traditional, flash, or even photoshop will work too. I do all my rough animation at once, so it’ll be easier to crop out scenes i don’t need and time out each scene easier; after all, it’s less heart breaking when you cut off some rough drawing than cutting off the few frames you spent hours on, hahaha. You can see how rough my first pass is, with frames missing in between to time things out properly.

I export the rough scene by scene into separate folders, and then import each scene’s frames into Photoshop.
I clean up in photoshop and drop it back into my leika reel again (that’s the story-board reel you did…with your story-boards and then rough animation. Make sure you update your leika-reel often to make sure the cuts and composition work and make sense to each other. After all, animation is a flowing thing.).
I keep working on each scene individually, colouring them and shading them, making sure i’m updating my leika often. (side note, i did my leika in Adobe Premiere). I also had a bunch of helpers help me put down the basic colours of each clothing/skin on different layers. (but not this scene though) Once i finish each scene, i make sure to export each frame without the backgrounds into a folder.
I then import them into Adobe After effects. Because I already timed out my animation in Flipbook, I don’t have to worry about re-timing my animation in After Effects. I import the frames and backgrounds separately because i want to do camera moves like pans and zoom-ins later, and i would be able to use multi-plane if my background was separated into different layer files (overlay, underlay, background, etc. it’s too difficult to go into it right now. google if you’re not sure what i’m talking about).

Anyways, i put together scenes as i finish colouring them, and when i’m done compositing the scene, i drop it back into the leika reel. I keep doing that until i’m done and do some final adjustments. I sometimes go back to do more special effects stuff when i had time, but that’s basically it.


edit: This particular scene has 23 frames in it.

---------------------------------

Here's a book that will really help you start animating:
The Animator's Survival Kit

here's some books that are good for composition, storytelling and colours:
Dream Worlds: Production Design for Animation
The Art of Pixar: The Complete Color Scripts and Select Art from 25 Years of Animation
Prepare to Board! Creating Story and Characters for Animated Features and Shorts

I hope these helped .

+++++++++++++

for those who haven't seen my film:
Related content
Comments: 251

Purpledog16 In reply to ??? [2012-07-17 00:26:01 +0000 UTC]

That's just amazing!!! o.o

👍: 0 ⏩: 0

CitrusLisp [2012-07-17 00:22:05 +0000 UTC]

This is so amazing and OSM~ 8D Thank you so much for this tutorial ^^

👍: 0 ⏩: 0

crysanthemum963 [2012-07-17 00:14:12 +0000 UTC]

I love the process.

👍: 0 ⏩: 0

SineadMeehan In reply to ??? [2012-07-17 00:07:26 +0000 UTC]

Thank you for sharing your talent!

👍: 0 ⏩: 0

Mosaddak In reply to ??? [2012-07-17 00:06:50 +0000 UTC]

You gave me a big gift , I look for these labels of these books for a long time especially : about Pixar art , and now I found , thank you very much

👍: 0 ⏩: 0

vlewis123 In reply to ??? [2012-07-17 00:06:31 +0000 UTC]

awesome ^-^

👍: 0 ⏩: 0

criticU In reply to ??? [2012-07-17 00:02:32 +0000 UTC]

how many frames did this take?

👍: 0 ⏩: 0

ANTI-DARK In reply to ??? [2012-07-17 00:00:11 +0000 UTC]

This is going to be very helpful for me.

👍: 0 ⏩: 0

srcpcsoha [2012-07-16 23:57:20 +0000 UTC]

So incredibly helpful! thank you!!!!! Q A Q

👍: 0 ⏩: 0

fireanimewolfgirl [2012-07-16 23:46:53 +0000 UTC]

intresting and helpful to see how it was made

👍: 0 ⏩: 0

macsorro In reply to ??? [2012-07-16 23:45:47 +0000 UTC]

wonderful film!

👍: 0 ⏩: 0

bry9288 In reply to ??? [2012-07-16 23:44:02 +0000 UTC]

wooow, i like

congratulations is very impressive

👍: 0 ⏩: 0

bocodamondo In reply to ??? [2012-07-16 23:30:19 +0000 UTC]

first base sketch mostly for anatomy
then another sketch like one but with more details
then third line wich is clean and fine
colore the fine one with coloring
then colore shadings

👍: 0 ⏩: 0

Lulli-chan In reply to ??? [2012-07-16 23:29:56 +0000 UTC]

Wow! That is so cool!

👍: 0 ⏩: 0

Spirafall In reply to ??? [2012-07-16 23:22:57 +0000 UTC]

Thank you. You have pretty much made half of all my dreams of animating something come true.

👍: 0 ⏩: 0

Ryuhoshi7 [2012-07-16 23:15:31 +0000 UTC]

Wow, so useful! Thanks for the tips and the animation :3

👍: 0 ⏩: 0

Girryy [2012-07-16 23:14:06 +0000 UTC]

WOW

👍: 0 ⏩: 0

gippentarp [2012-07-16 23:13:57 +0000 UTC]

i randomly came across your film one day and by chance i find your dA! cool! Thanks for the tipss~ continue with your fantastic work i hope there'll be more!

👍: 0 ⏩: 0

glenburg [2012-07-16 23:09:21 +0000 UTC]

Wow, this is pretty awesome and thank you for the explanation!

👍: 0 ⏩: 0

Inelvania In reply to ??? [2012-07-16 23:05:45 +0000 UTC]

Wow I wish to do like that ! Pro !!

👍: 0 ⏩: 0

Iceybreeze [2012-07-16 23:02:51 +0000 UTC]

That is so cool!
Very creative!

👍: 0 ⏩: 0

careas In reply to ??? [2012-07-16 23:02:15 +0000 UTC]

Oh and, when you do the traditional animation, do you draw the frames out over and over?
Or draw then trace and edit?
Or draw then scan in, then edit your original? :3

👍: 0 ⏩: 0

careas In reply to ??? [2012-07-16 23:00:59 +0000 UTC]

That short film is amazing!
How did you come up with the idea?? It's so adorable x3
Love the whale

👍: 0 ⏩: 0

Mournless In reply to ??? [2012-07-16 23:00:20 +0000 UTC]

This is wonderful! If I ever get around to animating anything, this is definitely something I will look back on for reference! <3

👍: 0 ⏩: 0

LynnTV In reply to ??? [2012-07-16 22:58:28 +0000 UTC]

Thank you for posting this. In all my searching, I've never been able to find a stepbystep how to go about animating a short film.

👍: 0 ⏩: 0

akamaru-stalker In reply to ??? [2012-07-16 22:58:03 +0000 UTC]

thanks for the tutorial! i always wanted to try to make a short film.

👍: 0 ⏩: 0

fishandspaghetti [2012-07-16 22:50:48 +0000 UTC]

This is great, thank you!

👍: 0 ⏩: 0

greenate [2012-07-16 22:50:40 +0000 UTC]

Thanks. This helps me out a lot because I am an animator myself. I use toon boom studio. There is a good chance that i will do this for my next movie. This is very useful!

👍: 0 ⏩: 0

Light-Spriter [2012-07-16 22:43:55 +0000 UTC]

Now i can finally learn things... wahahahahahaahaha

👍: 0 ⏩: 0

DomoSushiLuver [2012-07-16 22:43:21 +0000 UTC]

so cool

👍: 0 ⏩: 0

Kevin-Allen [2012-07-16 22:25:48 +0000 UTC]

Great stuff! Thanks for taking the time to do this! It's very helpful when skilled animators offer help on technique.

👍: 0 ⏩: 0

AriadeMezzoCarattere [2012-07-16 22:21:28 +0000 UTC]

Thank you for posting this. I am very encouraged!

👍: 0 ⏩: 0

fish-puddle [2012-07-16 22:03:47 +0000 UTC]

Your animation was great! What program did you use to make it?

👍: 0 ⏩: 1

skellyskoo In reply to fish-puddle [2012-07-16 22:05:52 +0000 UTC]

Read the description.

👍: 0 ⏩: 0

PuppyLion In reply to ??? [2012-07-16 22:03:34 +0000 UTC]

Super cool!!! Great job!

👍: 0 ⏩: 0

SketchedExistence [2012-07-16 22:02:22 +0000 UTC]

I love being able to see someone's process on works like this. It's so cool seeing some of the steps you took!

👍: 0 ⏩: 0

XxSarahJxX In reply to ??? [2012-07-16 21:56:01 +0000 UTC]

oh my..., I've got A LOT of work to do

thank u !

👍: 0 ⏩: 0

CoolCourtney In reply to ??? [2012-07-16 21:54:19 +0000 UTC]

Fantastic!

👍: 0 ⏩: 0

Noleetida In reply to ??? [2012-07-16 21:53:49 +0000 UTC]

lol took me a bit to see that "visualy" bc i didnt read LOL. That at the last clip or phase (how ever u put) that u mainly just added shadding an watnot to the char XD. I kept looking at the background haha

ANYWAY!!! TYVM!@!!

👍: 0 ⏩: 0

pumpernichol In reply to ??? [2012-07-16 21:51:46 +0000 UTC]

this animation was really beautiful and it's nice to be able to read about your creative process * q *

👍: 0 ⏩: 0

WickedBasil In reply to ??? [2012-07-16 21:47:50 +0000 UTC]

what program do you use for making such animating style ..i mean the frame by frame thing please need an answer soon

👍: 0 ⏩: 0

WickedBasil In reply to ??? [2012-07-16 21:47:04 +0000 UTC]

this is Amazing more than Amazing this is Perfect

👍: 0 ⏩: 0

spikedpsycho [2012-07-16 21:43:24 +0000 UTC]

I found Nem...............too easy.

👍: 0 ⏩: 0

LEADloaded [2012-07-16 21:37:05 +0000 UTC]

This is very mesmerizing. If I'm not careful, I could watch it for hours. Thanks for sharing.

👍: 0 ⏩: 0

white-lucky-star [2012-07-16 21:36:54 +0000 UTC]

very informative~!
i love your animation ^^

👍: 0 ⏩: 0

billytheixi [2012-07-16 21:33:02 +0000 UTC]

I love your animation work! It's interesting to see the process.

👍: 0 ⏩: 0

DeathShyte [2012-07-16 21:31:02 +0000 UTC]

Good work! thanks for the tutorial!

👍: 0 ⏩: 0

wwwjam [2012-07-16 21:30:40 +0000 UTC]

Ah, traditional animation. With time invested comes beauty. There's truly nothing like good old fashioned frame by frame goodness.

👍: 0 ⏩: 0

Tobi-Mudkip-Master [2012-07-16 21:29:48 +0000 UTC]

The animation you did was spectacular! I have been wanting to take on Graphic Design and Animation as a professional job (im in my junior year of highschool) and always wondered how people made the animations so... um... smooth without having to go and make 100 different slides with each slide having just a little diffrence in it from another. So this example if your work with the process belows helped tremendously with my understanding of the process. Also showing us the books to help people start out on animation.

The animation its self was fantastic and I loved the story line that went with it! the idea was marvelous and must have took you a very long time to decide what to do. The music was fantastic also. Great job~ ^^

👍: 0 ⏩: 0

HaleyLonglover In reply to ??? [2012-07-16 21:25:10 +0000 UTC]

Thank you so much for the tutorial! It's a great help.

I saw your animation a little while back, and it was simply gorgeous! Keep up the good work! I wish you well in your field.

👍: 0 ⏩: 0


<= Prev | | Next =>