Thursday, 24 May 2012

Traditional Animation in Flash!



This was a short personal project I was attempting to complete whilst doing some storyboards on Horrid Henry back in 2011. I wanted to see if I could produce a piece of animation and achieve the same results as I would with paper and pencil using a Wacom tablet and Adobe Flash. I would do a couple of frames of an evening… I think I somewhat succeeded in my goal. But I found the whole process very arduous and lengthy –thus extremely pointless - It would have been faster and more natural to have done the whole thing on paper…Then perhaps I would have completed the little sequence as opposed to just having done only half of it. I decided to clean up the half I had done and leave it be as I have so many other far more creative personal ventures to be getting on with. Maybe I’ll come back to this one-day and finish it but for now I’ll just leave the line version as an interesting post for my blog!

8 comments:

  1. Mister. I love how you did this. The lines and movement are both very clean. But when you say that making it on paper would have been more natural and faster, how would you have don it? Making all the drawings in sheets, scanning and then doing digital lineart on photoshop/other program? Thankyou

    ReplyDelete
  2. Great stuff as usual AMB! It would be nice to see it completed ;)

    ReplyDelete
  3. Thankyou Lucas! Yes indeed i would have drawn all the animation on paper and scanned it in.I would not have been so concerened with a vector line - personally the vector line makes it harder to draw in flash thus causing problems with line consistency in clean up - that is why it taken so long...one frame could take around 2 hours to complete with this thick and thin effect. To retain line volume was an absolute headache...I just wanted to do it for the sake of doing it...never again! I have a Genie animation on here that I did using paper if you are interested to see the results!

    ReplyDelete
    Replies
    1. Yes of course! Please show me. You know, love animation, but i dont have an scanner, and i cant buy so many sheets hahaha. So, the solution to me was flash, the bad thing was that i coudnt control the lines quality as i would like to. If you know any good methods of doing digital hand drawn animation, please, share with us. Some one told me that, he made all the frames on photoshop, and later animated them on after efects.

      Delete
    2. Well Lucas the best way is indeed through a scanner and printer - but I totally understand your angle. It is also a chore to scan all your own drawings and even though it takes less time than this test - it feels like forever and very uncreative. I wouldnt know about photoshop because you cant really flick between keys and using the drawing underneath to guide your next frame is always dangerous. Flash is a good alternative - ultimately you can practice moving things in flash to a decent rough level - clean line and colour are not so important when it comes to getting a great piece of animation - but they are a form of finishing and finishing is an artform in itself!

      Delete
  4. Thankyou as usual mr.JPV for your support..maybe I'll come back to it when I have a brain freeze or am lost at what to do in my spare time!

    ReplyDelete
  5. Hi sir,
    your work is very inspiring for me.especially the vibration in the index finger of the character is really awesome.It would be helpful if u give a tutorial on it in future.
    Thanks

    ReplyDelete
    Replies
    1. Thankyou kindly friend. The vibration effect was created using a basic technique called staggered frames. Basically you animate the movement in a smooth motion then stagger the frames mixing them up a little eg. 1 then 3 then 2 then 4 then 3 then 5 then 4 then 6 and so forth the movement must be on singles not doubles for maximum effect... In my spare time I am currently working on an ebook about dresigning and drawing characters...If all goes well with that I may do one on animation...or a youtube tutorial at least. Thanks for your support!

      Delete