HOME | DD

Qinni — Painting Fish - Step by step/tutorial

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

Lady-Pixel [2018-10-03 23:55:04 +0000 UTC]

thankyou

👍: 0 ⏩: 0

Soniiiety [2018-07-04 10:13:27 +0000 UTC]

how long did this take to make? the animation

👍: 0 ⏩: 0

NightFuryTerritory [2017-08-21 00:42:24 +0000 UTC]

What's the difference between the 3rd one and the last one? 

👍: 0 ⏩: 1

RiskyDash11 In reply to NightFuryTerritory [2021-06-14 01:13:25 +0000 UTC]

👍: 1 ⏩: 1

NightFuryTerritory In reply to RiskyDash11 [2021-06-19 20:02:45 +0000 UTC]

👍: 1 ⏩: 1

RiskyDash11 In reply to NightFuryTerritory [2021-06-19 21:04:18 +0000 UTC]

👍: 1 ⏩: 0

TheWillowFox [2017-08-11 20:14:31 +0000 UTC]

was the scene draw on physical pieces of paper

👍: 0 ⏩: 0

MoonStorm6 [2017-07-31 16:03:26 +0000 UTC]

Thanks for ur help!

👍: 0 ⏩: 0

xXAlexandriteXx [2017-07-27 14:48:20 +0000 UTC]

I think that animation is very Unique and Creative! Love it <3 Keep up the good job!

👍: 0 ⏩: 0

SuperSarcosmic [2017-06-08 02:52:32 +0000 UTC]

This has been a source of wonder and inspiration for me for years. 

👍: 0 ⏩: 0

Ravenscreation [2017-03-26 13:15:10 +0000 UTC]

Amazing~

👍: 0 ⏩: 0

AngelofSmiles [2016-09-12 16:27:00 +0000 UTC]

OMG I just found you on DA but i saw this animation with my children last week on youtube. It is beautiful! wow! You are ridiculously talented!

👍: 0 ⏩: 0

coMITCH-Art [2016-09-11 18:05:53 +0000 UTC]

Great Work!  I'll use this as reference!

👍: 0 ⏩: 0

DubiousTemp [2016-06-24 05:26:03 +0000 UTC]

This makes a really good reference!

👍: 0 ⏩: 0

sorastar4 [2016-01-31 16:40:21 +0000 UTC]

Ooooh jojojo OwO beatiful magnific /w\

👍: 0 ⏩: 0

VeronicaRaddSherwood [2015-12-28 19:37:46 +0000 UTC]

Very helpful. Thank you

👍: 0 ⏩: 0

Sinchanpelman [2015-12-20 21:06:43 +0000 UTC]

Thank you very much!

👍: 0 ⏩: 0

I-Do-Care [2015-11-18 22:28:25 +0000 UTC]

Thank you for this! It may not be an actual step-by-step tutorial, but it gives a really good overview of your workflow and contains valuable tips. Being so general has the advantage of not tying you to one set of tools, so your help is useful no matter what software you use.
(Love the story, by the way!)

👍: 0 ⏩: 0

Sinnteyy [2015-09-09 01:24:39 +0000 UTC]

beautiful! what did you use to make this? flash?

👍: 0 ⏩: 0

FrozenMaple [2015-08-01 03:59:20 +0000 UTC]

i love this animation!!! I watch it on tumblr every time its on my dash :3

👍: 0 ⏩: 0

artisswaggy [2015-07-13 18:43:36 +0000 UTC]

0o0

👍: 0 ⏩: 0

HebaWOA [2015-04-24 02:09:27 +0000 UTC]

It would take me 50 years to make an animation like that!!!
   The truth is... I LOVE IT

👍: 0 ⏩: 0

DolphinChild [2015-04-19 19:03:50 +0000 UTC]

I never forgot you film !!! its so pretty and cute that i would catch myself thinking about it randomly xD it really made an impact on me thanks for the tips, years after watching it i still remeber it lol i would love if you had time to make a more detailed tutorial, but for now, this is great , im a beginner thanks soo much for making this!! idk i cant pick works to describe how much it touched me !!!!!!!  *-* !!!!!!!!!

👍: 0 ⏩: 0

andreborges73 [2015-02-17 17:32:42 +0000 UTC]

I LOVE IT

👍: 0 ⏩: 0

Divine-ryushe [2015-02-14 21:43:16 +0000 UTC]

Amazing.

👍: 0 ⏩: 0

iLyriics [2015-01-29 21:14:06 +0000 UTC]

I'm in love with your art.   

👍: 0 ⏩: 0

Jgarcia24 [2014-10-24 20:07:19 +0000 UTC]

O my god... I've miss judged this website entirely

👍: 0 ⏩: 0

killallpixels181 [2014-10-05 10:26:32 +0000 UTC]

This is great!

👍: 0 ⏩: 0

DrawWithNessie [2014-09-24 04:55:06 +0000 UTC]

This is inception. We're watching you paint her painting. Love it!

👍: 0 ⏩: 0

AuroraArt [2014-07-09 09:31:03 +0000 UTC]

Truly amazing...

👍: 0 ⏩: 0

FullmetalSKETAngel [2014-05-04 00:44:05 +0000 UTC]

Whoaaa. Complex. o.o I'm gonna bookmark this page so I can learn how to do this though! (>D<)/

👍: 0 ⏩: 0

BatmanFangirl [2014-05-03 19:52:39 +0000 UTC]

JUST SO BEAUTIFUL AND AMAZING!

👍: 0 ⏩: 0

Vyndicare [2014-04-19 23:48:33 +0000 UTC]

I have a question if you don't mind me asking . Since I don't have Adobe Premiere and I don't have the money to get it, is there anything else I can use that is cheaper or even free that I can substitute for it? I was thinking about making an animation and the only software I have are Adobe Photoshop and Flash CS4. Could I make the same kind of animation with just those two and still have good quality or would it turn out less "professional" and not as smooth? Please help ^^

Thank you!~

👍: 0 ⏩: 1

I-Do-Care In reply to Vyndicare [2015-11-18 22:25:54 +0000 UTC]

Your best bet is to do an Internet search for "open source animation software". Open source means it's community-developed, so it's truly free, legal, and much safer than cracked commercial software. Mature projects are generally of the same quality or higher than commercial ones. You can download and try as many different options as you like, and often you can use more than one, forming a chain of tools.

👍: 0 ⏩: 1

Vyndicare In reply to I-Do-Care [2015-11-21 14:56:27 +0000 UTC]

OOOOO ok thank you so much!!! ^^

👍: 0 ⏩: 0

scaryk26 [2014-04-10 19:49:54 +0000 UTC]

Hi there. I absolutely love that short film. It was incredible. I was hoping to make some little animations myself, but I need to be 'approved' first. I was wondering if maybe you could help me out on that. Do you know how I can upload my animations? Or do you know how I can be approved by someone?

👍: 0 ⏩: 1

Qinni In reply to scaryk26 [2014-04-10 23:34:51 +0000 UTC]

thanks . the FAQ should have something about that. I remember I followed the instructions there and one of the moderators contacted me for approval. 

👍: 0 ⏩: 1

scaryk26 In reply to Qinni [2014-04-11 21:56:39 +0000 UTC]

FAQ? Right, I'll have a look. Another thing: How long did it take for you to get an approval?

👍: 0 ⏩: 1

Qinni In reply to scaryk26 [2014-04-15 23:20:26 +0000 UTC]

I honestly can't remember .....a week or two, i think? 

👍: 0 ⏩: 1

scaryk26 In reply to Qinni [2014-04-16 10:11:49 +0000 UTC]

Okey dokey then. Thanks for the help!

👍: 0 ⏩: 0

MysteryFanBoy718 [2014-04-07 16:46:20 +0000 UTC]

I saw this on Tumblr and thought this was the most impressive piece of animation I've ever seen. I love it, instantly!

👍: 0 ⏩: 0

hellangel1126 [2014-03-23 08:16:12 +0000 UTC]

Thanks for explaining the process ^^

👍: 0 ⏩: 0

mehipnotizas [2014-03-10 17:54:24 +0000 UTC]

This is beautiful, you inspire me! Where did you study, i am curious? And did it help a lot? i have been thinking of going to school for animation after i am finished my current program but i just cant seem to find a school that i am satisfied with...

👍: 0 ⏩: 0

spoopycat [2014-02-13 19:06:05 +0000 UTC]

this is amazing <3

👍: 0 ⏩: 0

t-cezar [2014-02-11 13:15:14 +0000 UTC]

awesome animation, how many time did you spent in each step? thanks

👍: 0 ⏩: 0

CelmationPrince [2014-01-11 19:57:31 +0000 UTC]

Great Animation Studies, and I Read You Have Used "DigiCel Flipbook" to do this Great Work? Very Wonderful!!!   Professional Animators Like Don Bluth, Eric Goldberg, and Andreas Deja have Used this Powerful Program. You Should Use It More Often. 

👍: 0 ⏩: 0

z0rgy [2013-12-07 19:29:35 +0000 UTC]

both the animation & tutorial were amazing!

👍: 0 ⏩: 0

Ginsei-Chan [2013-11-26 16:32:05 +0000 UTC]

Thanx that help a lot but what program is good for going animation?

👍: 0 ⏩: 0

IchitakeNeongenesis [2013-11-16 20:16:16 +0000 UTC]

Um what programs can i use for animation other than photoshop?

👍: 0 ⏩: 1

Qinni In reply to IchitakeNeongenesis [2013-11-16 21:09:54 +0000 UTC]

flash, tv paint, Digicel Flipbook, and i've heard that you can animate minimally in GIMP too, but I'm not sure on that. 

👍: 0 ⏩: 0


| Next =>