Skip to main content

The Dark Stormy Knight - Behind the scenes on a GoAnimate Summer Blockbuster

After my recent success in GoAnimate's Creating for a Cause competition I hadn't planned to enter their next official competition. However when it was announced that the theme was to create a trailer for a Summer Blockbuster (for a real movie or even a completely fictional one) I felt this was the perfect excuse to play around with my Bat Storm cast without having to write a script.

Up until now I've resisted ripping audio from popular Youtube memes and creating my own GoAnimate interpretation because often I watch this kind of video by other GoAnimators and feel a little disappointed. Only because it feels like that person is riding on the success of someone else's content. It's kind of silly really because just about every animation at GoAnimate is a mash up of other peoples content. Why should mashing in an audio track make any difference?

Having got over that I decided, wouldn't it be cool to see my Bat Storm cast interpret the audio from the official Dark Knight Trailer. Rather than using my cast to try and recreate the trailer scene for scene I thought perhaps I could slant my interpretation towards some of the ideas I have for my Bat Storm series.



In the end my final trailer is a wrestling match between the two. Some of it borrows from my Bat Storm series whilst other parts are very similar to what actually appears in the official trailer. Through out I peppered my trailer with a few visual 'Easter Eggs' for those of you that notice the little details.

My final entry to GoAnimate's Summer Blockbuster competition is embeded below and not only do I consider it some of my best work on GoAnimate but also it's changed my vision somewhat from what my Bat Storm series was initially intended to be. More about that after you watch the trailer.

The Dark Knight - Bat Storm Trailer by etourist on GoAnimate


If you've seen my two earlier Bat Storm previews you'll know that at the time they were made Bat Storm the series was looking very much like a sit-com - probably along the lines of American Dad - rather than block buster movie.

Through the process of making this trailer I've come to realise that the GoAnimate studio is capable of creating real cinematic action. Tracking shots of moving vehicles as if you're following from behind, vehicles exploding as they hurtle towards you and, even simple shots of the front of a building exploding are all within the studio's capabilities.

It's even possible to really breathe more dramatic life into GoAnimate's Comedy World Characters through creative use and tight cropping of their sometimes 'wooden' actions and limited facial expressions. (Which is not a criticism it's just that they're often animated poorly by less experienced GoAnimators).

Consequently my work on Bat Storm, the series, has stalled as I kind of mull over the possibilities.

Getting back to the behind the scenes stuff on my Bat Storm trailer... from the moment I matched up a bus pulling away from the kerb with the sound of the Bat Pod racing through Gotham's streets I knew I was onto something with this idea. Then Bat Storm Smashing in a Convenience Store door matched with the sound of Batman landing on a car roof, from a great height, breaking the windscreen just sealed it. I had to keep going.

I can't even begin to count how often I watched my animation back as I was making it. Checking over and over to make sure the audio matched with the visuals perfectly with every new scene I added. GoAnimate's studio feature for listening to an audio clip from any point in your animation timeline was next to useless. I can't see how anyone finds that helpful? The only way to check is to preview your entire animation.

When I released the trailer it had 61 of my own views on it but I watched it countless times more than that inside the studio and hitting replay over and over.

One thing that I did copy directly from the official trailer was the use of the black screen pause. Every so often the official trailer throws up a black screen for a few seconds whilst you listen to some audio - usually some salient words by the Joker - for dramatic effect. From my point of view that dramatic effect meant a few less seconds that required animation.

The trailer itself only took me about a week and a half of on and off working on it to complete, which is a short time for me. Admittedly I did spend nearly 16 hours of one weekend finishing it off but much of the shorter time I can attribute to some luck where things just worked first time.

For example, the "Why so Serious?" scene with the Jokester (In Bat Storm he's not called 'Joker') pulling back Bat Flashes head and uttering those famous words. I set this shot up once, ran it through, and it worked. The only thing I had to adjust was the scene length to match the audio.

That particular scene demonstrates perfectly how, with creative cropping of the characters, you can suggest new actions. If you look at the whole scene (pictured right) you can see the Jokester pointing past Bat Flashes head and Bat Flash taking a fearful step back. With the tight cropping of the scene it seems like the Jokester is pulling Bat Flashes head back and threatening her with a knife (that he isn't even holding).

Based on feedback people are often wowed by my trailer and I wonder if they see some of the more humorous aspects such as Bat Storm hanging from the roof in a bar, then falling to the floor, juxtaposed with the very next scene of the Tumbler crashing into a building... a bit of drink driving perhaps?

Or the scene with Gordon and the Commissioner talking about their latest captive who turns out to be a teenage boy, taunting them from the jail cell, when you thought they were discussing the Joker.

Then there are the Easter Eggs that I scattered throughout. Nods to some of my past animations. Happy Bunny, Havock, Rashy, Harry Chalk, Peter Griffin and the Tank from Happy Bunny Versus Ken are all in there. Incidentally, if you can read what Happy Bunny is spray painting, that came about because, of all my CC Characters, I think Bat Flash is seriously the hottest and the coolest at the same time!

There are three props that really are the stars of my trailer after the characters themselves.

The first is the Underdog wall smash (pictured right). Blink and you'll miss it but on almost every single crash and explosion you'll see a couple of bricks fly out of nowhere as a gaping whole is ripped into whatever wall just got destroyed. It really is one of the most useful official GoAnimate props from any theme on the site. See if you can count how many times I've used it.

The second is a custom explosion created by GoAnimate's Product Manager, Nicolas. There is another more cartoon like explosion that other GoAnimators seem to prefer but I like this particular one because you can use it for any size explosion and you can use it multiple times in the same explosion to make an even larger fireball. Notice how I use it in the scene with Rashy giggling as the wall behind him explodes. One small explosion that blows the first hole in the wall then two bigger ones that tear out the bottom of the wall.

The third is the Tumbler (pictured right along with the previously mentioned explosion prop) created by GoAnimate's Flash animation legend, Reddplague. Not only is it a great animated prop (it is in fact about five props featuring different views of the one car) but Redd's foresight in creating a bottom view gave me a lucky break.

The scene in my trailer where you see the Tumbler explode and flip was another shot that I set up once and it just worked with very little adjustment. For me it's a real highlight and wouldn't have been possible without such a great prop.

Since its release on the 19th of July my Bat Storm trailer has been well received and has even edged into the top twelve of GoAnimate's Top Animations list of all time (two spots behind Harry Chalk 2 which is slowly dropping after three months in the top twelve). I doubt it's going to win the competition. I'm pretty certain on which entry I think will take out the grand prize but maybe I have a shot at one of the stats based prizes like most viewed or most shared. I guess we'll find out when the competition closes on August 19, 2010.

Popular posts from this blog

Can You Learn Reallusion's Cartoon Animator 5 for Free Using Their 137 Official YouTube Video Tutorials Sorted Into a Logical Learning Order?

Or you could just buy The Lazy Animator Beginner's Guide to Cartoon Animator . While Reallusion's Cartoon Animator is one of the easiest 2D animation studios to get up and running with quickly, learning it from all of the official, free, video tutorials can be more overwhelming than helpful. With more than 137 videos totaling more than 28 and a half hours of tutorials, spread across three generations of the software (Cartoon Animator 3 through 5) it's hard to know if what you're learning is a current or legacy feature that you either need to know or can be skipped. Many of the official tutorials only teach specific features of the software and don't relate at all to previous or later tutorials. As a result there are many features either not mentioned or are hard to find. To make your learning easier, on this page, I've collected together all of the essential, official, free video tutorials and sorted them into a learning order that makes sense. Simply start at

TimeBolt: Fast Video Editing for Anyone Creating Online Courses, Podcasts, or Vlogs.

I resisted making tutorial videos for a long time because I don't like editing. Specifically I don't like editing me teaching as I step students through a process during a screen record. I have a tendency to insert long pauses not just in the middle of sentences but between multiple words in the middle of sentences as my pace matches what I'm doing onscreen. This makes for very long and very slow paced video tutorials. To counteract this I have to edit out all the pauses. This can take hours, or even days on particularly long tutorials. For example, when I created my main course, The Lazy Animator Beginner's Guide to Cartoon Animator , I literally injured the thumb on my right hand, operating my mouse, as I spent weeks taking out all my pauses (seriously, I had to wear a thumb brace for a few weeks to fix the pain). Recently I came across TimeBolt , a very affordable, fast editing application with the featured purpose of removing all the pauses from your video (and even

Make Disney/Pixar Style Characters with Reallusion's Character Creator and Toon Figure Bases

The Extraordinary Tourist Classic Coat outfit created using Reallusion's Toon Designer for CC3. I've talked before how I've wanted to get into 3D Disney/Pixar style character animation since I first saw the animated cutscenes for the very first Tomb Raider game back in 1996. It's why I initially bought Reallusion's iClone 3D studio app as soon as I could afford a computer that would run it. But then Reallusion released their 3D Character Creator (CC) for iClone and I wanted to create my characters with that (and I did try with Bat Storm ). But the focus of CC was realism, even with ToKoMotion's stylised body morphs . Now with Reallusion's Cartoon Designer bundle for CC3 which features two packs, Toon Figures , and Toon Hair , designing Disney/Pixar style 3D characters just got a whole lot quicker. The two packs are the bare essentials for creating Toon style characters. Five body morphs (2 male, 2 female, and one adolescent body morph that w

KIT Scenarist - Free, Open Source, Screenwriting Software that Helps Research Your Ideas Too

KIT Scenarist Script Writing Software's Mascot, Alexander Cat. While you can write a script in any word processing app, if you're writing stories (screenplays) that feature characters and dialogue, a dedicated script writing app can save a lot of time formatting, letting you focus more on the actual story. Script writing apps are also very useful if you plan to send your screenplays out to production companies, or if you're collaborating with actors and other production people, who are used to scripts being in a particular standard format.  [Note: In case you're wondering there are reasons scripts follow a standard format and are always written in Courier (typewriter) font, including but not limited to; being easy to read by actors, plenty of space for notes, and the general rule that one page of a script (in this format) equals approximately one minute of screen time.] KIT Scenarist , in my opinion, is one of the best script writing apps out there for ease of use, simp

Review: Headshot Plugin for Reallusion's Character Creator 3

Headshot for CC3. Quite possibly the best 3D Avatar I've made of myself in any 3D application. Creating a realistic 3D human avatar is a whole lot easier with Reallusion's new Headshot Plugin for Character Creator 3. The plugin is an AI powered extension that can generate 3D digital humans from one photo. Which sounds like an amazing proposition but, in practice, if you're trying to achieve a specific likeness to an actual person, Headshot will give you an excellent base to work from. Headshot has two modes, Auto and Pro. Auto Mode Auto is well worth a try if you have an ideal photo of a front facing person that is properly lit and posed to Headshot's optimum requirements. It's also the only mode that will take a crack at generating a hair model. I grabbed an image of Harrison Ford, dragged it into Headshot without changing any of the default settings (other than specifying 'male' and selecting an 'old male' setting) and this is what I

AE Juice - Animation Presets, Motion Graphics, Templates, Transitions for After Effects, Premiere Pro, and Other Video Applications

Level up you video edits and animations with AE Juice's motion graphics and templates. Some days you just don't have the time to create flashy motion graphics for your latest video or animation. For some of us it's more a question of our own artistic abilities being a little less than the awesome we'd like them to be. Whatever reason a resource like AE Juice's animation presets, motion graphics, templates, and transitions packs for After Effects , Premiere Pro , and other video applications can really make your work stand out very quickly. AE Juice gives you access to an instant library of free, premade content elements and sound effects, which you can add to with additional purchases of various themed packs from their store. There are three ways to manage their content, all of which can be used in commercial projects . The AE Juice Standalone Package Manager makes it easy to browse previews of all your pack contents and to download and find just the elements yo

Murf.ai - Text to Speech, AI enabled, Real People, Online Voice Generator and Video Studio Editor

Most of us are not talented enough to perform verbal gymnastics with our voices, easily imitating people of different ages, genders, races etc. Which is real problem for solo animators with little to no budget. How do you voice multiple characters in your animations? Developments in human sounding, Artificial Intelligence (AI), Text to Speech (TTS) voices is making them an increasingly viable and affordable alternative to hiring real actors (or convincing family or friends to help out). Murf.AI is an extremely impressive online, AI voice generation service that sounds like real people. Not just a TTS service, their online studio offers a range of tools that include editing and adding AI voices to entire video projects, converting your own recorded audio to an AI voice, and uploading scripts to be converted into AI voices, and more. A selection of the 120+ available voices. Within Murf's studio you get up to 120+ AI voices in 20+ languages, as well as a library of royalty free musi