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

Eight 2D Animation Apps For Your Phone or Tablet Mobile Device

M obile productivity apps have become so capable that they can be great alternatives to their PC/MAC equivalents or serve as great tools in their own right when you're away from your desk. While some apps simply mimic their desktop counterparts, others offer well thought out, touch-friendly interfaces that are easier and more fun to use. Every so often I check out what's available for 2D animation for Android devices, since that's what I use, that can complement my workflow with Reallusion's Cartoon Animator 5. Some may be available for Apple devices as well. Below I've listed six free (F) apps (with optional paid (P) upgrades) on the Google Play Store that you might want to explore. Some are just fun apps on their own while others may be useful as part of your workflow on bigger animation projects. Not all are exclusively animation apps and could be used on any production. JotterPad (F/P) The name JotterPad makes this sound like a notepad application but it's ...

Inochi2D - Free Open Source 2D VTuber Avatar Rigging and Puppeteering Software (Part 1)

Inochi2D Creator - Free Open Source VTuber Software. If you've been looking for a way to live perform as a 2D cartoon avatar on camera, whether it be for a live stream or for pre-recorded content like educational videos, then VTuber software is a low cost (or even no cost) option worth looking into. In my previous post, How to Become a VTuber - 2D and 3D Software for Creating and Controlling Your Avatar , I took a brief look at the relatively new but completely free and open source Inochi2D  which I thought showed great potential for my own needs of creating a live performance character rig for my own TET Avatar that I use for all my promotional materials. While it is possible to live perform my character using Cartoon Animator itself, Reallusion's MotionLive2D capture system isn't great - with lip sync in particular. More importantly though, I can't exactly teach people how to use Cartoon Animator if I'm using Cartoon Animator to control my Avatar. What is Inochi2D...

OpenArt Versus Dzine: AI Consistent Character Training Compared

TET2d Avatar Image created with Dzine . R egular readers of Animation and Video Life will be familiar with my alter ego, 2D avatar character, TET, who is both the face of The Lazy Animator Cartoon Animator Tutorials, and is currently part of my Resident Dragon joke cartoon series. It is my goal to use him as an animated avatar for both my Lazy Animator video courses and my Cartoon Animator tutorials that you'll find on my @AnimLife YouTube channel . Unfortunately I don't have the time to animate him for every single project. Even with Cartoon Animator's time-saving workflow I wouldn't be able to produce animated content quick enough. Which is why advances in AI animation is something that is increasingly more interesting to me each day. Consistent Characters Before we get there I have to overcome one of the biggest hurdles in AI I've come across... reproducing my art style consistently. I don't want an approximation of my characters, I want my characters looki...

Creating an AI Digital Avatar and Voice Clone of Myself with Free and Low Cost AI Tools

O ver the years I've looked at various ways of creating and animating a digital avatar, from simply creating a character for Cartoon Animator and voicing and animating it myself, to creating a  live motion capture ready Vtuber avatar puppeted and voiced by me in real-time. In the last year or so, making photographic images talk, using AI and AI voice cloning has really progressed. To the point where I wondered if I could create a photographic AI avatar of myself, complete with my cloned voice, that I might use on some of my videos? Creating My Avatar: Artflow To create my avatar image, as far as I'm concerned,  Artflow.ai is the best value AI site for creating consistent digital characters (or 'actors' as Artflow calls them). That's pretty much their entire focus. Artflow's actor model training user interface. You get your first actor for free, 100 free credits per month (which equates to 100 still images per month - get an additional 50 credits if you sign...

Create 2D Animated Characters with 3D Character Creator Tools and Artistic Filters

3D CC3 TET Character, based on my Oppa Doll Avatar, used as the base for a 2D CA4 character. One of my favorite things to do is to create characters with any type of Avatar/Character creator app. In fact the first test I usually try with these tools is, can I make an avatar of me (or at least my The Extraordinary Tourist persona). Previously I've used 2D character creators like Oppa Doll as a source of artwork for some characters I've made for Reallusion's Cartoon Animator 4 animation studio but 2D character creators are limited to... well 2D. 3D Character Creators While you may think 3D character creators have no place in creating characters for 2D animation there are quite a number of advantages including: No drawing skills required. Render characters in any style. Use an art filter or even hand trace into line art. Need to animate the character in a specific pose or angle? Render out an image of the character in the required angle and animate it in 2D. Quicker to crea...

Artbreeder - Using AI created Character and Background Content in your Animations

A selection of User/AI generated images from Artbreeder. If you're looking for an endless supply of 2D character and background images for your animations then Artbreeder , an online Artificial Intelligence (AI) that generates image mash-ups you can tweak as much as you like, could be the ultimate content library. What is Artbreeder? Artbreeder is free to use though there are various paid plans, that give you additional features, such as higher resolution download images or more settings to play with. All images created on the site are Public Domain (CC0 License) and can be used in commercial projects. Using Artbreeder's online app you can generate head shot portraits, full body characters, landscapes, and other scenes simply by choosing two or more existing images to mash together then, using a series of sliders, to select which traits from each image you wish to lean toward in the final image. Photo Comparison - Top is my original uploaded photo. Bottom is Artbreeder's ap...

Wonder Unit Storyboarder - Free Storyboarding Software for People Who Can (or Can't) Draw

Wonder Unit Storyboarder.  As an independent and solo animator I'm always tempted to try and skip storyboarding my animated shorts because they're usually only single scene sketch comedy type jokes. As a result I have many unfinished projects that kind of petered out due to having no clear finishing line. Storyboarding your productions, no matter how small, gives you a step by step guide of every shot that needs to be completed (no planning shots as you animate). It also allows you to create an animatic that gives you a rough preview of the finished production. In short, you shouldn't skip storyboards as they, generally, increase the chance of the project being completed. Disclaimer - I'm Not a Fan of Storyboarder Upfront, Wonder Unit's Storyboarder  is not my preferred storyboarding software. However it's completely free, has a number of very compelling featu...