HOME | DD

Qinni — Painting Fish - Step by step/tutorial

Published: 2012-07-16 18:50:06 +0000 UTC; Views: 141027; 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

Nyanimu In reply to ??? [2012-09-11 21:17:26 +0000 UTC]

Oh, ok. Thank you!

👍: 0 ⏩: 0

Vanilla-Fireflies [2012-09-06 01:45:34 +0000 UTC]

that is so much hard work! but it paid off and I love it!

👍: 0 ⏩: 0

VanessaBettencourt [2012-08-31 11:06:28 +0000 UTC]

Congratulation on your talent

👍: 0 ⏩: 0

CosmicSoulToshiro In reply to ??? [2012-08-09 20:56:29 +0000 UTC]

well one day soon, im going to study animation so then i will learn!

👍: 0 ⏩: 1

Animefreak0003 In reply to CosmicSoulToshiro [2012-08-16 08:24:20 +0000 UTC]

Why not start now? You'll be surprised with what you can do! Especially if you get a head start now.

👍: 0 ⏩: 0

CosmicSoulToshiro In reply to ??? [2012-08-09 20:52:01 +0000 UTC]

SO AWESOME! i wish i could have enough talent to do something like this X3

👍: 0 ⏩: 0

fhinela In reply to ??? [2012-08-02 06:54:07 +0000 UTC]

Dream world is the best, I have that book

w/ the author sign

👍: 0 ⏩: 0

AndytheLemon In reply to ??? [2012-07-30 23:54:46 +0000 UTC]

this is really interesting!

👍: 0 ⏩: 0

Ooni [2012-07-28 17:29:57 +0000 UTC]

Amazing! I study animation too, but this summer I am very lazy. It was very refreshing reading.

And thank you for the links.

👍: 0 ⏩: 0

megtrix11 [2012-07-28 08:46:45 +0000 UTC]

can i know the frame per second of this animation? o.o

👍: 0 ⏩: 1

Qinni In reply to megtrix11 [2012-07-28 15:30:32 +0000 UTC]

it's mostly 12frames/second, sometimes i go to 8frames/second when there's less movement.

👍: 0 ⏩: 2

jeremyjosh In reply to Qinni [2012-09-07 13:15:41 +0000 UTC]

That was your 4th year thesis film right? yet at my uni the tutors are saying for a 2 minute film it has to be 24 frames per second..

👍: 0 ⏩: 1

Qinni In reply to jeremyjosh [2012-09-07 14:30:56 +0000 UTC]

Unless it's a 3d animation or something that has extremely fast movements (fast fight scenes, etc), there's no way an animator is going to animate 24 frames per second when it'll have the same effect as animating 12 frames/second. I have friends who animated 8 frames/second, because they didn't require extreme movements, so it works out well. An animator will never do more work than they have to, or else it's just useless work. The brain doesn't process more than a certain number of frames per second, and for normal movements, 12 frames/second is just as smooth as 24 frames/second, because the brain just cannot differentiate the more than 12 frames/second. It simply does not make a difference and therefore is just double the work for nothing for anyone to do 24 frames/second .

👍: 0 ⏩: 1

jeremyjosh In reply to Qinni [2012-09-11 23:14:48 +0000 UTC]

Thanks for replying! I agree with you, I told them what you said and they(I'm doing graphic design with an animation for final project, so I don't have animation 'tutors' per se) seem to disbelieve me, even when I told them I'm doing hand-drawn and not flash . Thanks for the in depth reply though!

👍: 0 ⏩: 0

megtrix11 In reply to Qinni [2012-08-06 01:24:54 +0000 UTC]

o.o i c... lol thx for your comment, really useful in my future assignment and works

👍: 0 ⏩: 0

aniforlife [2012-07-27 15:57:24 +0000 UTC]

thank you thank you thank you soooo much for breaking the magician's code for us all!!

👍: 0 ⏩: 0

Atrebor91 [2012-07-24 19:45:36 +0000 UTC]

woah..

👍: 0 ⏩: 0

Anraiki [2012-07-23 03:30:25 +0000 UTC]

Did you do some part traditionally on paper?

👍: 0 ⏩: 0

Mad-Music [2012-07-22 15:26:55 +0000 UTC]

thank you! that was incredibly helpful! I'll refer back to this when I try my hand at animating. ^^

👍: 0 ⏩: 0

SycrosD4 In reply to ??? [2012-07-20 01:17:57 +0000 UTC]

BOSS!!!

👍: 0 ⏩: 0

ikersanova [2012-07-19 15:05:51 +0000 UTC]




👍: 0 ⏩: 0

PrimusGod In reply to ??? [2012-07-18 10:11:44 +0000 UTC]

You know, you describing how to do things is very beneficial to other people. A lot of animators won't dine to reveal how they animate, but you, now YOU have an awesome-ness (in lack of better words) that makes me think you don't care if others learn from it; you want them to learn.

Explaining it makes it so much easier how you went through with all of this. It'll help aspiring animators like us become better at what we do. For that, thank you.

👍: 0 ⏩: 1

Qinni In reply to PrimusGod [2012-07-18 16:12:49 +0000 UTC]

hahaha, thanks! I don't mind sharing. After all, the books are already there that shows in detail a LOT more than I did, and those who will succeed will find out how eventually, so there's no point trying to "keep anyone back" by not sharing .

👍: 0 ⏩: 1

Angelkitty17 In reply to Qinni [2012-07-27 01:23:45 +0000 UTC]

you are wonderful!

👍: 0 ⏩: 0

cddmanful In reply to ??? [2012-07-18 05:16:42 +0000 UTC]

Its like looking behind the curtain to see how the magic is done....

👍: 0 ⏩: 0

MorgyBearz In reply to ??? [2012-07-18 03:29:11 +0000 UTC]

Wow this is amazing!

👍: 0 ⏩: 0

MtlGrl92 [2012-07-17 18:34:11 +0000 UTC]

wow this is amazing i had an animation section in my digicom class and it took forever to make a tiny short little clip you must have extrodinary patience!

👍: 0 ⏩: 0

Crazzy8855 [2012-07-17 16:10:28 +0000 UTC]

absolutely incredible

👍: 0 ⏩: 0

darklight436 [2012-07-17 15:52:08 +0000 UTC]

I will never be good enough...

👍: 0 ⏩: 0

Jenova94 [2012-07-17 15:44:50 +0000 UTC]

thanks for showing your process, I know animation is super tedious but it pays off very well, your work is wonderful

👍: 0 ⏩: 0

sonxfanchara [2012-07-17 15:21:02 +0000 UTC]

< This is amazing, even without the words I understand the steps cleary * w *

btw, do you use flash to animate, cause I'm a beginner with it (as well as my sister) and we have no idea how to animate on it; well making new frames to do the next stage of the animation; if you don't use flash then I understand ; w ; <333 >

👍: 0 ⏩: 0

Fires-storm [2012-07-17 15:03:45 +0000 UTC]

Very cool, definitely using this!

👍: 0 ⏩: 0

nada222 [2012-07-17 14:01:05 +0000 UTC]

woooooooooooooow that's AMAZING.
that must've taken you a long time.

👍: 0 ⏩: 0

ennielin In reply to ??? [2012-07-17 12:37:09 +0000 UTC]

My jaw is clearly on the ground... this is ama-Zing!

👍: 0 ⏩: 0

SencilSketches In reply to ??? [2012-07-17 10:15:52 +0000 UTC]

"it’s less heart breaking when you cut off some rough drawing than cutting off the few frames you spent hours on"
Oh how true this is!

This is a well written and easy to follow process, good job!
I'm actually currently working on an animation and doing it half-assed in a way but you motivate me to get back into gear and attempting it honestly, so thanks for that.

👍: 0 ⏩: 0

Meeowy [2012-07-17 07:46:31 +0000 UTC]

this is amazing! thank you for sharing

👍: 0 ⏩: 0

nocturnalScribbler In reply to ??? [2012-07-17 07:15:05 +0000 UTC]

Your work always has such a great flow.

👍: 0 ⏩: 0

blcf In reply to ??? [2012-07-17 04:51:48 +0000 UTC]

So great!

👍: 0 ⏩: 0

d1v1de-by-zer0 In reply to ??? [2012-07-17 03:36:11 +0000 UTC]

Thank you so much for uploading this! I really want to get into animation as a profession! Your work is stunning!

👍: 0 ⏩: 0

ChristaDoodles In reply to ??? [2012-07-17 02:40:23 +0000 UTC]

I LOVE The Animator's Survival Kit!! It was a required text in my animation class ^_^ Thank you for this

👍: 0 ⏩: 0

SDTeddybear In reply to ??? [2012-07-17 01:32:09 +0000 UTC]

Oh man I have that book you listed. But as soon as I got to the part where it says "You gotta learn how to actually draw first", I put the book down and figured it'll be a while before I can pick this up again.

👍: 0 ⏩: 0

Jean--Franco In reply to ??? [2012-07-17 01:16:17 +0000 UTC]

Nice short, really smooth animation. Reminds me ghibli stuff. And thanks for the titles, I'm on the "do it yourself" too.

👍: 0 ⏩: 0

leafar18 [2012-07-17 01:09:33 +0000 UTC]

very awesome...

👍: 0 ⏩: 0

Evab100 [2012-07-17 00:59:10 +0000 UTC]

lulz

👍: 0 ⏩: 0

BlueMoonFang167 [2012-07-17 00:48:24 +0000 UTC]

So cool :3

👍: 0 ⏩: 0

exleydragon [2012-07-17 00:47:30 +0000 UTC]

ill give you a llama if you give me a llama.. Deal?

👍: 0 ⏩: 0

LemonzSayzRawr [2012-07-17 00:45:46 +0000 UTC]

sweet! Luv the animation!

👍: 0 ⏩: 0

PanScolipede [2012-07-17 00:43:33 +0000 UTC]

Pretty awesome animation!

👍: 0 ⏩: 0

mrcater6 [2012-07-17 00:28:58 +0000 UTC]

whoooooooooa yay

👍: 0 ⏩: 0

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

So amazing...!

👍: 0 ⏩: 0


<= Prev | | Next =>