Shop Mobile More Submit  Join Login
Painting Fish - Step by step/tutorial by Qinni Painting Fish - Step by step/tutorial by Qinni
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:
Add a Comment:
 
:iconfrozenmaple:
FrozenMaple Featured By Owner Jul 31, 2015
i love this animation!!! I watch it on tumblr every time its on my dash :3
Reply
:iconartisswaggy:
artisswaggy Featured By Owner Jul 13, 2015  New Deviant Hobbyist Digital Artist
0o0
Reply
:iconhebawoa:
HebaWOA Featured By Owner Apr 23, 2015  Hobbyist Digital Artist
It would take me 50 years to make an animation like that!!!
 Hamtaro Mouse Emoji-03 (Squee) [V1] The truth is... I LOVE IT
Reply
:icondolphinchild:
DolphinChild Featured By Owner Apr 19, 2015
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 :D 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 :D thanks soo much for making this!! idk i cant pick works to describe how much it touched me !!!!!!!  *-* !!!!!!!!!
Reply
:iconandreborges73:
andreborges73 Featured By Owner Feb 17, 2015
I LOVE IT
Reply
:icondivine-ryushe:
Divine-ryushe Featured By Owner Feb 14, 2015  Student Digital Artist
Amazing.
Reply
:iconilyriics:
iLyriics Featured By Owner Jan 29, 2015  Hobbyist Traditional Artist
I'm in love with your art. Pikachu KAWAII DESU 
Reply
:iconjgarcia24:
Jgarcia24 Featured By Owner Oct 24, 2014
O my god... I've miss judged this website entirely
Reply
:iconkillallpixels181:
killallpixels181 Featured By Owner Oct 5, 2014  Hobbyist Traditional Artist
This is great!
Reply
:iconnessielakee:
NessielaKee Featured By Owner Sep 23, 2014
This is inception. We're watching you paint her painting. Love it!
Reply
:iconauroraart:
AuroraArt Featured By Owner Jul 9, 2014  Student Digital Artist
Truly amazing... :wow:
Reply
:iconfullmetalsketangel:
FullmetalSKETAngel Featured By Owner May 3, 2014  Hobbyist General Artist
Whoaaa. Complex. o.o I'm gonna bookmark this page so I can learn how to do this though! (>D<)/
Reply
:iconbatmanfangirl:
BatmanFangirl Featured By Owner May 3, 2014  Hobbyist General Artist
JUST SO BEAUTIFUL AND AMAZING!
Reply
:iconvyndicare:
Vyndicare Featured By Owner Apr 19, 2014  Student Digital Artist
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!~ :)
Reply
:iconscaryk26:
scaryk26 Featured By Owner Apr 10, 2014  Hobbyist
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?
Reply
:iconqinni:
Qinni Featured By Owner Apr 10, 2014  Professional Digital Artist
thanks :). the FAQ should have something about that. I remember I followed the instructions there and one of the moderators contacted me for approval. 
Reply
:iconscaryk26:
scaryk26 Featured By Owner Apr 11, 2014  Hobbyist
FAQ? Right, I'll have a look. Another thing: How long did it take for you to get an approval?
Reply
:iconqinni:
Qinni Featured By Owner Apr 15, 2014  Professional Digital Artist
I honestly can't remember ^^;.....a week or two, i think? 
Reply
:iconscaryk26:
scaryk26 Featured By Owner Apr 16, 2014  Hobbyist
Okey dokey then. Thanks for the help! :)
Reply
:iconmysteryfanboy718:
MysteryFanBoy718 Featured By Owner Apr 7, 2014  Hobbyist Digital Artist
I saw this on Tumblr and thought this was the most impressive piece of animation I've ever seen. I love it, instantly!
Reply
:iconhellangel1126:
hellangel1126 Featured By Owner Mar 23, 2014
Thanks for explaining the process ^^
Reply
:iconmehipnotizas:
mehipnotizas Featured By Owner Mar 10, 2014
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...
Reply
:iconspoopycat:
spoopycat Featured By Owner Feb 13, 2014  Hobbyist Digital Artist
this is amazing <3
Reply
:icont-cezar:
t-cezar Featured By Owner Feb 11, 2014  Professional Digital Artist
awesome animation, how many time did you spent in each step? thanks
Reply
:iconcelmationprince:
CelmationPrince Featured By Owner Jan 11, 2014  Hobbyist Traditional Artist
Great Animation Studies, and I Read You Have Used "DigiCel Flipbook" to do this Great Work? Very Wonderful!!!:D (Big Grin) :happybounce:  Professional Animators Like Don Bluth, Eric Goldberg, and Andreas Deja have Used this Powerful Program. You Should Use It More Often.;) (Wink) 
Reply
:iconz0rgy:
z0rgy Featured By Owner Dec 7, 2013  Hobbyist Digital Artist
both the animation & tutorial were amazing!
Reply
:iconginsei-chan:
Ginsei-Chan Featured By Owner Nov 26, 2013  Hobbyist General Artist
Thanx that help a lot but what program is good for going animation?
Reply
:iconichitakeneongenesis:
IchitakeNeongenesis Featured By Owner Nov 16, 2013  Hobbyist Digital Artist
Um what programs can i use for animation other than photoshop?
Reply
:iconqinni:
Qinni Featured By Owner Nov 16, 2013  Professional Digital Artist
flash, tv paint, Digicel Flipbook, and i've heard that you can animate minimally in GIMP too, but I'm not sure on that. 
Reply
:iconpeaceluvart:
PeaceLuvArt Featured By Owner Nov 7, 2013  Hobbyist Artist
Oh wow, this is so beautiful!
Reply
:iconmirmzy:
mirmzy Featured By Owner Oct 29, 2013  Student Traditional Artist
THANK YOU!! <3 this is amazing!
Reply
:iconirio:
Irio Featured By Owner Oct 25, 2013  Professional Digital Artist
Thanks a million for your help!
Reply
:iconmisskinezumi:
MissKinezumi Featured By Owner Oct 25, 2013  Hobbyist Digital Artist
wow! you are a very lovely and wonderful artist! and your animations are beautiful :heart::heart:
Reply
:iconkanis18:
Kanis18 Featured By Owner Oct 7, 2013
How long did it take you to do all these O_O?
Reply
:iconynne-black:
ynne-black Featured By Owner Aug 2, 2013  Student General Artist
Hello, I've never seen it anywhere so I'd love to ask: how many frames it has got? (The whole "short" film) :)
Reply
:iconqinni:
Qinni Featured By Owner Oct 7, 2013  Professional Digital Artist
around 700, i think? xD;
Reply
:iconynne-black:
ynne-black Featured By Owner Oct 7, 2013  Student General Artist
just wow :) awesome job, seriously
Reply
:iconzuofromhell:
ZuoFromHell Featured By Owner Jul 7, 2013  Hobbyist
be my master ! please :3
Reply
:iconxmynomdeplumex:
xMyNomDePlumex Featured By Owner Jun 18, 2013
hi! i have a Q; how many program did you use in this? can i know what they are?
Reply
:iconqinni:
Qinni Featured By Owner Jun 18, 2013  Professional Digital Artist
if you go on my tumblr and check under my tutorials tag, you'll find every step and program i used in detail :).
Reply
:iconsaustice:
saustice Featured By Owner May 27, 2013
Awesome!
Reply
:iconsuperxtoon:
superxtoon Featured By Owner May 24, 2013  Student General Artist
Making an animation must take some time?
Reply
:iconvampirec-d:
VampireC-D Featured By Owner May 20, 2013  Student General Artist
Aw, this is fantastic. :) very nice of you to share to us! :)
Reply
:iconyuujiin:
Yuujiin Featured By Owner May 2, 2013
Very interesting insight into the process behind the animation :thumbsup:
Reply
:iconharrinsonjune:
HarrinsonJune Featured By Owner Apr 29, 2013
Wonderful job.
Reply
:iconbetess10:
betess10 Featured By Owner Apr 24, 2013  Hobbyist
So cool!!!!!!
Reply
:iconantonyk928:
antonyk928 Featured By Owner Apr 17, 2013  Student Digital Artist
It's AMAZING! Thanks a lot for the books you recommended!
Reply
:iconashvey:
ashvey Featured By Owner Apr 2, 2013  Professional Digital Artist
This is really amazing! Did you ever try TVPaint Animation?
Reply
Add a Comment:
 
×




Details

Submitted on
July 16, 2012
Image Size
1.4 MB
Resolution
500×281
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
96,523 (18 today)
Favourites
6,841 (who?)
Comments
231
Downloads
1,221
×