deviant art

Deviant Login Shop  Join deviantART for FREE Take the Tour
×

Shop Similar Prints

More from ~Doodley


×

439

23 7 0
Part I: [link]
Part II: [link]
Part III: [link]
Part IV: [link]

I told people on Facebook that I'll make a progress reel, but taking these pics are much easier.
Storyboard is the first step which people use to plan the story and action out, and afterwards an animatic is made to time said action out. Since I'm the only animator, I can be as loose as I want, even using stick figures sometimes.

Layout is the next step. In traditional animation, this means making clean drawings of backgrounds. For CGI this means placing down the character models in the locations and then use tweens to time their movments. There's another phase called blocking animation, where you get more detailed with the characters movements. I don't know if this is actually done in Flash cartoons, but I thought it would be cool thing to adapt for this project. You can see some block animation for this scene in this video: [link]

Animation is where I put the finishing touches to the character's movements. In CGI and Flash, animation programs automatically do the tweens, but animators have to make plenty of keyframes and rig the character puppets properly so the characters will move right.It's a group effort of man and machine!

Backgrounds are my least favorite things to draw, even simple ones, so I did it last. Depending on the angle, many backgrounds in Flash cartoons can be reused.

Lighting This is a first for a Dtoons production. After watching a behind-the-scenes video of the webcartoon "Lloyd the Rockin' Unicorn", I decided, through trial and error, to add lighting to the cartoon via After Effects, a powerful motion graphics and compositing program. This program is what animators on "The Amazing World of Gumball" use to put all the characters from various art styles into the same cartoon, and is also used in Disney's "Motorcity". I'm hoping that the lighting will help add atmosphere to the cartoon, and really push some scenes.

Will everything come together in the end? I sure hope so!
To see an actual progress reel, here's one from Monsters Inc. [link], and a more extensive one from Ratatouille [link]

Details

Stats

Submitted on
February 17
Image Size
369 KB
Resolution
640×1944
Views
439 (3 today)
Favourites
23 (who?)
Comments
7
URL
Thumb
Embed
Only verified accounts can report policy violations. Please check your email and click on the verification link.
* Required field
Add a Comment:
 
:iconjbwarner86:
Love these behind-the-scenes things :D
Reply
:iconvertigo-gal:
*Vertigo-Gal Feb 17, 2013  Student Digital Artist
it's pretty sweet to see stuff like this! gives me a heads-up for when I want to make one. ;)
Reply
:icongwoolley:
~GWoolley Feb 17, 2013  Student Filmographer
Loving all of the progress. When it's all done I may have to ask you to show me how to do that cool atmospheric lighting.
Backgrounds I'm terrible at an have decided after watching Captain America that I'll just make all of the backgrounds CG and just some how cartoonify them similar to the closing credits in the per-mentioned film.
I love how they make the old War time posters 3D!

Also keep up the excellent work Alex!

P.S Will you be doing one of those progress Reels like the Pixar ones?
Reply
:icondoodley:
I'll try to make one for a future episode!
Reply
:icongwoolley:
~GWoolley Feb 21, 2013  Student Filmographer
You don't have to do it especially for me, but it would look nice on a DVD if the show took off and became a global success.
I look forward to seeing the teaser trailer you're making.
Reply
:icondoodley:
Yeah, I can't wait to post the teaser! I'm making it in Adobe Premiere and I don't even know how to use it!
Reply
:icongwoolley:
~GWoolley Feb 22, 2013  Student Filmographer
Adobe Premiere is pretty easy to use, it can be as simple as windows movie maker and as complex as industry standard programs such as AVID, in fact I've set Premiere up to replicate the same workflow as the AVID workstations I use at University.
All you need to know is the Razor / Splicer tool ( C ) to make cuts and the arrow tool ( V ) to select and move stuff.
I have some training DVD's from when I was learning CS2 years ago from Total Training, you'll find stuff online.
Reply
Add a Comment: