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

PeaceLuvArt [2013-11-08 00:52:30 +0000 UTC]

Oh wow, this is so beautiful!

👍: 0 ⏩: 0

mirmzy [2013-10-30 01:50:11 +0000 UTC]

THANK YOU!! <3 this is amazing!

👍: 0 ⏩: 0

Irio [2013-10-25 15:23:31 +0000 UTC]

Thanks a million for your help!

👍: 0 ⏩: 0

MissKinezumi In reply to ??? [2013-10-25 13:21:17 +0000 UTC]

wow! you are a very lovely and wonderful artist! and your animations are beautiful

👍: 0 ⏩: 0

Kanis18 In reply to ??? [2013-10-07 16:06:28 +0000 UTC]

How long did it take you to do all these O_O?

👍: 0 ⏩: 0

ynne-black In reply to ??? [2013-08-03 01:45:18 +0000 UTC]

Hello, I've never seen it anywhere so I'd love to ask: how many frames it has got? (The whole "short" film)

👍: 0 ⏩: 1

Qinni In reply to ynne-black [2013-10-07 17:45:08 +0000 UTC]

around 700, i think? xD;

👍: 0 ⏩: 1

ynne-black In reply to Qinni [2013-10-07 18:18:14 +0000 UTC]

just wow awesome job, seriously

👍: 0 ⏩: 0

ZuoFromHell [2013-07-07 11:14:03 +0000 UTC]

be my master ! please :3

👍: 0 ⏩: 0

xMyNomDePlumex [2013-06-18 07:28:16 +0000 UTC]

hi! i have a Q; how many program did you use in this? can i know what they are?

👍: 0 ⏩: 1

Qinni In reply to xMyNomDePlumex [2013-06-18 15:10:47 +0000 UTC]

if you go on my tumblr and check under my tutorials tag, you'll find every step and program i used in detail .

👍: 0 ⏩: 0

saustice [2013-05-27 15:13:19 +0000 UTC]

Awesome!

👍: 0 ⏩: 0

superxtoon [2013-05-24 20:31:36 +0000 UTC]

Making an animation must take some time?

👍: 0 ⏩: 0

VampireC-D [2013-05-21 04:12:38 +0000 UTC]

Aw, this is fantastic. very nice of you to share to us!

👍: 0 ⏩: 0

Yuujiin [2013-05-02 21:44:01 +0000 UTC]

Very interesting insight into the process behind the animation

👍: 0 ⏩: 0

HarrinsonJune [2013-04-29 16:15:09 +0000 UTC]

Wonderful job.

👍: 0 ⏩: 0

betess10 [2013-04-24 23:06:12 +0000 UTC]

So cool!!!!!!

👍: 0 ⏩: 0

antonyk928 [2013-04-17 09:41:52 +0000 UTC]

It's AMAZING! Thanks a lot for the books you recommended!

👍: 0 ⏩: 0

ashvey [2013-04-02 23:09:47 +0000 UTC]

This is really amazing! Did you ever try TVPaint Animation?

👍: 0 ⏩: 1

Qinni In reply to ashvey [2013-04-03 02:58:16 +0000 UTC]

thanks~! and no, my school didn't have that program installed in their computers

👍: 0 ⏩: 0

MadArtistParadise [2013-03-30 01:33:29 +0000 UTC]

Thank you so much! I'm keeping this in my personal file on my laptop!! Sry, it just that, I'm in the computer animation major at college but my current professor is, to put plainly, a dumb drunk-ass - he's been failing to understand the animation process I've been wanting to do, instead - he kept at it with the softimage program and bunch of non-related crap that I know I dont need...not to mention, he kinda fail to understand that, even though the animation process can be long and time-consuming, I'm the type of artist who wants to put that extra hard work into the animation itself. sry for my rant, but again, great tutorial! hope u dont mind hugs! ^-^

👍: 0 ⏩: 1

Qinni In reply to MadArtistParadise [2013-03-30 06:28:46 +0000 UTC]

Wow, really? @__@; my group mentor was pretty on-board with my process, although he warned me that my way was going to be long and tedius. urgh, I absolutely detest teachers that are so hell-bent on doing things their way they can't see the fact that different people work in different ways/styles/etc. D:

good luck with you and just ignore him xD;

👍: 0 ⏩: 1

MadArtistParadise In reply to Qinni [2013-03-30 12:35:19 +0000 UTC]

That's why I'm checking with my guidance counselor to get a different animation professor for next semester since this semester, I only have 1 animation [3D Animation I] but next semester, I'm having 2 animations [3D Animation II and 2D Animation I]. only thing that my current prof is ok with is that he's ingoring the fail I just recently 'got' since he failed to tell the class that the computers were being resetted so I lost 2 months of works, but he knows I've been working hard and all so its good. Its the next assignment that he will determine the grade on...

Question, if you dont mind: I have a 6 minutes animation that I'm writing a script for, however the music that I hope to use belong to someone else. the animation is kinda like an introduction to my characters of my work-in-progress manga 'Forsaken Wonderland' but I'm concern that by promoting the video or something like that, I would get issue with the copyright law due to the music not being originally mine. Do you have any advice about the music part of the animation?

👍: 0 ⏩: 0

MySinfulHand [2013-03-26 00:39:17 +0000 UTC]

Short and sweet.
How long did this take you?

👍: 0 ⏩: 1

Qinni In reply to MySinfulHand [2013-03-26 00:44:00 +0000 UTC]

definitely not short - it took me around 4-5 months, working 8-12 hours depending on the day. xD but thanks

👍: 0 ⏩: 1

MySinfulHand In reply to Qinni [2013-03-27 02:08:55 +0000 UTC]

No problem! I adore a fellow animator who can make the screen come to life!

👍: 0 ⏩: 0

Rilguia [2013-03-25 20:12:25 +0000 UTC]

Thanks a lot for the tutorial!!
very useful!!!

👍: 0 ⏩: 0

bevannkoh [2013-03-19 14:44:05 +0000 UTC]

Hey hi! I'm currently studying 2D animation and often feel discouraged and uninspired because of the workload and competitiveness in my course D: but after watching your Painting Fish and checking out your gallery, i feel super inspired again!! D thanks thanks thanks so much <3

👍: 0 ⏩: 0

JohnBane [2013-03-15 12:30:16 +0000 UTC]

Nice

👍: 0 ⏩: 0

vikrantkirar [2013-03-10 02:04:56 +0000 UTC]

This is brilliant !! Just Brilliant !!

👍: 0 ⏩: 0

enzeruwings [2013-02-12 20:10:25 +0000 UTC]

you are WONDERDFUL!! AMAZING!

👍: 0 ⏩: 0

Bart8500 [2013-02-05 22:05:56 +0000 UTC]

Thanks for your private message ! I m going to try this software for my charaters now!

👍: 0 ⏩: 0

Mecanicalpencils [2013-01-14 19:54:16 +0000 UTC]

wow.......

👍: 0 ⏩: 0

Miam-Pepin In reply to ??? [2013-01-06 01:47:36 +0000 UTC]

amazing !

👍: 0 ⏩: 0

randomizethis In reply to ??? [2012-12-27 03:49:23 +0000 UTC]

You are astoundingly amazing. That is all.

👍: 0 ⏩: 0

lulles [2012-12-08 07:20:29 +0000 UTC]

so all the programs you used for your animation were adobe premier, digicel flip book (i'm using it at school, it's zoo buggy...), photoshop and adobe after effects? have you heard of tvpaint animation?

👍: 0 ⏩: 0

wafflesnoffle In reply to ??? [2012-12-06 17:21:42 +0000 UTC]

I love the animators survial kit and this!!!!

👍: 0 ⏩: 0

olivaceous In reply to ??? [2012-12-03 22:18:21 +0000 UTC]

words can barely describe how amazing your stuff is!!!! XD

👍: 0 ⏩: 0

Linty-Lint In reply to ??? [2012-12-02 21:54:08 +0000 UTC]

Fantastic explanation.

👍: 0 ⏩: 0

HaiMiabear In reply to ??? [2012-11-29 03:52:48 +0000 UTC]

How did you make the video? What program did you use? And btw the video was so adorable! <3

👍: 0 ⏩: 1

stoneiverson In reply to HaiMiabear [2012-12-01 19:44:49 +0000 UTC]

she used digicel flipbook for animating and photoshop for coloring, i think

👍: 0 ⏩: 1

HaiMiabear In reply to stoneiverson [2012-12-01 21:16:16 +0000 UTC]

Thank u!

👍: 0 ⏩: 0

123bugsy [2012-11-07 00:05:22 +0000 UTC]

I've all was wanted to do something like this. so thanks for the step-by-step that was very informational.

👍: 0 ⏩: 0

Sonicxgal2546 [2012-10-27 12:03:26 +0000 UTC]

that is pretty cool!0o0

👍: 0 ⏩: 0

RayfieldA [2012-10-17 03:25:55 +0000 UTC]

Dig it!!!

👍: 0 ⏩: 0

KingyoSenpai [2012-10-12 20:23:56 +0000 UTC]

Love it!!

👍: 0 ⏩: 0

chassbenatriks [2012-10-12 19:44:17 +0000 UTC]

AMAZING O_O

👍: 0 ⏩: 0

CookieUnicornx3 [2012-10-02 22:40:30 +0000 UTC]

i like this

👍: 0 ⏩: 0

Nyanimu [2012-09-11 00:01:25 +0000 UTC]

How do you keep the proportions the same when you draw each frame?

👍: 0 ⏩: 1

Qinni In reply to Nyanimu [2012-09-11 14:25:17 +0000 UTC]

flipping back and forth as well as sketching quickly to easily fix or throw away anything you need to throw away, etc.

👍: 0 ⏩: 1


| Next =>