This is a really nice Bob's Burgers animation test done by Erin Humiston , using TVPaint.
Here's the process video (speeded up) -
Here's the final animation in color -
Sadly, he missed the deadline to submit this animation to the contest ... BUT here is a happy ending:
After several years spent at Blue Sky Animation Erin was recently laid-off from Blue Sky with everyone else because Disney is shutting down Blue Sky 😢 (that is NOT the happy ending) , but I saw on a Facebook post he made that he just got picked up as an animator on the Bob's Burgers Movie. (that's the happy ending !)
A standard resolution to work at is 1920 x 1080 (HD , 16:9/1.77:1 aspect ratio).
One of the advantages of programs like Harmony or Flash (Animate) is that you can draw or make notes outside of the main drawing stage or camera view. You can do that with TVPaint, too, but you have to set it up properly when you start a New Project. It's also useful to have this extra border area to adjust the Camera fielding if you need to pull-out or push-in a bit , or shift the camera east/west or north/south.
When you go to File Menu > New Project (Shift N) , in the New Project window there is the option to set the Project With Camera View. This creates a scaled up project size with the Camera View set to the desired output resolution (such as 1920 x 1080). You add 120% , 150% , 200% , or whatever you want. I usually scale mine at a ratio of 200%. This makes the overall project size 3840 x 2160 , with a 1920 x 1080 camera view.
All the animation is drawn to work within the 1920 x 1080 camera view window . Anything outside of the 1920 x 1080 camera view will not be seen when the project is exported. The excess area around the Camera View can be used for Notes.
Another reason to create a project with Camera view is to be able to draw the character out further beyond the edge of the screen (off-camera), such as when a character is walking on or off and their legs are not necessarily in view , but it's helpful to the animator to be able to draw out the character's feet and legs beyond the edge of the frame to make sure the placement is accurate as the character enters or exits.
When you're working on the animation at full size , you can zoom-in the project window so you're not seeing the margin areas with the notes , but whenever you need to check the notes or add notes , it's easy to zoom out the interface to see the margins around the Camera field.
If you were to create a Project With Camera View that is sized up at 120% you'll have less margin area to work with for adding Notes, etc. , but it can be enough. I find that usually a ratio of 160% - 200% is more comfortable for me.
(again, when you export the animation to .MOV or .MP4 only the animation that is drawn within the 1920 x1080 camera field will be visible.)
The students at the Gobelins School continue to produce beautifully crafted animated films, most made with TVPaint , including this one , "COLZA" made by Victor Chagniot, Camille Broutin, Matthieu Daures, , Victoria De Millo Gregory, , Maxime Jouniot, , Jade Khoo . (be sure to watch in Full Screen mode at full 1080p HD quality. Turn captions ON to see English subtitles)
The animation and coloring was done in TVPaint, the backgrounds painted in Photoshop and the final compositing was done in After Effects. (Although you can paint the backgrounds directly in TVPaint many background painters are more familiar with Photoshop , but you can easily import Photoshop .PSD files into TVPaint ... and also export artwork created in TVPaint as a .PSD file to take it into Photoshop. TVPaint has a special script available to Export your animation from TVPaint to After Effects, which keeps all of the layers and exposures intact. This allows for animating and coloring in TVPaint, then moving the whole scene over to After Effects to add additional compositing effects.)
Burn Out directed and animated by Cécile Carre , additional animation by Valentin Lucas (EFX Animation) and Joel Durand. Made at GOBELINS, l'école de l'image and California Institute of the Arts.
The preproduction lasted 3.5 month. In Gobelins, Paris, with the help of the teachers in Gobelins (and feedbacks from my friends, as well !), I worked in parallel on :
- Script writing,
- Storyboard and animatic (with Toon Boom Storyboard Pro)
- Visual development (character design, environment, colors)
Then I moved in CalArts (California), for an exchange program, to work on the production, which lasted 3.5 month as well. Let's say approximately :
- 1 month reworking on my animatic, choosing voice actor, recording voices, working on the final backgrounds
- 1 month for the rough animation (with TVPaint)
- 1 month for the clean up.
- The rest of the time on colorization and compositing. "
An important part of the traditional hand-drawn animation process is "flipping" and "rolling" your drawings to check the flow of the action.
It is often difficult to precisely simulate the traditional methods with digital programs such as TVPaint. You are more or less simply "scrubbing" back and forth along the Timeline to view your drawings in rapid succession . It's not exactly the same as working with paper, but it can get close. Read further to see how you can refine this process.
In TVPaint you can use your pen stylus (or mouse) to scrub along the drawings on the Timeline. That's the most basic way of doing it. Many times that is what I do . It's simple and direct.
You can also use the keyboard arrow keys Right (forward) and Left (back) to go toNext Frame (Right) or Previous Frame (Left) or use CMD Right to Go To Next Drawing or CMD Left to Go To Previous Drawing . Note that Next Frame and Previous Frame may not be exactly the same thing as Next Drawing or Previous Drawing , depending on how many frames each drawing is exposed on the Timeline . If all your animation is ON ONES , then going from frame to frame is all you need , but if your have animation exposed ON TWOS or some of your drawings held for more frames , then you need to be able to advance to Next Drawing (not Next Frame) or Previous Drawing (not Previous Frame) .
➔ You'll notice in the TVPaint lingo used in the User Manual and tutorials a drawing or image is often referred to as an Instanceon the Timeline. So , Next Instance or Previous Instance is the same thing as Next Drawing and Previous Drawing.
SEE: "What Is An Instance?" in the TVPaint User Manual: "An instance is simply an image in an animation layer, an image whose duration can be adjusted on the Timeline."Another way of saying it is that an Instance is the first occurrence of a drawing, which may be exposed for any number of frames needed. Most animation drawings are exposed "On 2s" (two frames each) or "On 1s" (one frame each), but you can expose drawings (instances) for more frames if the character needs to pause or hold for timing purposes.
When working in TVPaint, you'll have a need to use both the Next Frame and Previous Frame shortcuts and the Next Drawing(Instance) and Previous Drawing (Instance) shortcuts.
Next Frame= Right (forward) Previous Frame = Left (back)
Next Drawing/Instance = CMD Right (CTRL Right on Windows) Previous Drawing/Instance = CMD Left (CTRL Left on Windows)
(and of course these keyboard shortcuts to go to Next Frame/Previous Frame or Next Drawing/Previous Drawing can be programmed to your Wacom tablet Express Keys or to your Wacom tablet Touchstrip.)
But there's more you can do than simply scrubbing the Timeline with your stylus or mouse , or using the Right and Left arrow keys to go to Next Frame and Previous Frame or CMD Right and CMD Left to go to Next Drawing and Previous Drawing.
You can also set IMAGE MARKS on your drawings and set up keyboard shortcuts to only flip between drawings with Image Marks. Let's say you mark your KEY/EXTREME drawings with a RED mark . Then if you set keyboard shortcuts for Next Image Mark and Previous Image Mark , it will only flip from Key to Key (image mark to image mark), skipping over the frames between the marked drawings.
But what if you want to designate certain drawings as Breakdown drawings between the Keys and you want to be able to only flip between the Keys and Breakdowns , skipping over the remaining frames where the inbetween drawings will be inserted ? There's an even more sophisticated way to handle this in TVPaint and it is called the FLIPS panel. You can do a lot of customization on setting up your FLIPS panel (and you should look at the User Manual and watch the video tutorial about Flips) but I'm going to show you a simple way to approach it that works for me and you might find it works for you , too.
My approach is to mark my KEYdrawings in RED , my BREAKDOWN drawings in BLUE, and the INBETWEEN drawings are unmarked. So from a glance at the Timeline I can see where my KEYS, BREAKDOWNS , and INBETWEENS are. (a possible option is to mark the Inbetweens with Light Green. I occasionally have done that , but usually it works for me to only mark the Keys and Breakdowns. )
My FLIPS shortcuts in TVPaint are set up like this:
I have 3 FLIP settings:
- Flip KEYS Only - keyboard shortcut F
- Flip KEYS & BREAKDOWNS - keyboard shortcut G
- Flip ALL drawings - keyboard shortcut H
By pressing the F key and moving my stylus over the surface of my tablet I can flip between the KEYS only. (skipping over the frames with Breakdowns and Inbetweens)
By pressing the G key then I can flip between both the KEYS and BREAKDOWNS (skipping over the Inbetween frames)
By pressing the H key I can flip between ALL the drawings - Keys, B'downs, and Inbs.
NOTE: It does not have to be those three keys: F , G, H , those are just the ones that I prefer. You can set up the Flips shortcuts to any of the keys you prefer.
There are other adjustments you can make to fine-tune the Flips function in TVPaint , but that's the basic set up that works for me. As I look back over what I wrote above , it reads more complicated than it is . Once you have it set up , it's easy.
Also, having the Flips options set up like this does not disable the basic functions of using the RIGHT and LEFT arrow keys (with or without the CMD or CTRL modifier) or simply scrubbing across the Timeline with the stylus . It's possible to switch back and forth between the different methods rather effortlessly once you have your keyboard shortcuts set up and memorized and you can more or less hit those shortcut keys automatically , without having to think much about it (this comes through repetition)
If you don't want to use the Flips shortcuts and only need to flip from Key to Key , you can adopt a simpler system of Bookmarking each Key and setting shortcuts for Next Bookmark and Previous Bookmark to flip between them. See TVPaint User Manual section on Bookmarks. The default shortcuts are Ctrl Shift Right for Next Bookmark and Ctrl Shift Left for Previous Bookmark, but you can assign those to other keys if you prefer.
(each of the drawings marked with a blue Bookmark is a Key pose.)
This is all based on the classical system of designating animation drawings as KEYS (EXTREMES), BREAKDOWNS , or INBETWEENS.
(I realize some animators , Richard Williams for one well-known, vocal example, prefer to make a distinction between "KEYS" and "EXTREMES" , and I understand the logic of his argument about it , but I've found that in practice many very fine animators tend to use those two terms synonymously , so I'm ok using the terms KEY (aka Extreme), BREAKDOWN , and INBETWEEN . Also, both TVPaint and Toonboom Harmony use the term KEY , so it seems convenient to retain the same terminology for this demonstration. Something else that influenced me is that master animator Eric Goldberg uses the terms KEYS , BREAKDOWNS, and INBETWEENS in his book "Character Animation Crash Course", so following Eric's lead, I'm ok with using that terminology. If anyone feels it is important to make a distinction between a KEY and an EXTREME , I get it , I'm with you , I understand the logic of what Richard Williams was getting at , but I'm not going to cut it that fine for the purposes of this demonstration.)
Well, this blog has certainly been dormant for a while. (since 2015!) I really should start posting again. There are certainly MANY more examples of animated productions (large and small) made with TVPaint that I could post , but haven't gotten around to it (yet). For the latest, check in on the TVPaint User's Community in the Made with TVPaint forum , alsoTVPaint's Instagram and TVPaint's Facebook Page.
---------
I thought I'd get back into posting here by mentioning a nifty new keyboard shortcut in TVPaint 11.5 : 'Close/Restore All Drawers'. I have mine set to "J" because it was an unassigned key. You can assign the shortcut to whatever key you prefer .)
This shortcut allows you to instantly CLOSE (Hide) the side storage Drawers and the Timeline , then click it again and instantly RESTORE the Drawers and Timeline giving you access to the toolbars stored in the Drawers and access to the Timeline. But whenever you don't need the Drawers or Timeline to be visible , just press the button to instantly "declutter" the interface to focus on drawing with nothing else in the way.
NOTE: If you want to hide the Timeline only but leave the Drawers open , the keyboard shortcut is 0 (zero) .
