Skip to main content

Business Network Solution - Trouble in MyTown: Behind the Scenes

Just before Christmas 2011, MyNetworkOne.com approached me to create a general animation, using GoAnimate, to promote their new Networking System that is set to launch in February 2012.

In just over a week on Youtube the animation has received more than 3500 views with many of those coming through sharing of the animation on Facebook. Which I think gives some food for thought on the value of utilizing animation to promote a business.

The completed animation is below...



My original first draft story board.
Click to see bigger version.
Story Boards

The process for creating this animation began with MyNetworkOne coming to me with a script outline and a very rough storyboard that still needed some fleshing out.

I took their ideas and created a rough draft story board (pictured right - click to enlarge). You'll notice this version ends with the MyNetworkOne Super Hero at the podium. Very different to the final animation.

Over the course several emails we brainstormed further ideas mostly for how the animation should end as the scenes leading up to the interior Town Hall scene were fairly clear right from the start.

Second draft of the story board.
Click to see larger version.
Rather than wait for the script to be finalized I knew there were certain characters and scenes I could make a start on so that MyNetworkOne could get a feel for how the animation would look. This I did in my second story board (pictured right - click to enlarge).

Notice in this story board I was originally using GoAnimate's Election 2012 character set for the two main characters (Lois and Kent).

MyNetworkOne was happy with these but in future animations they wanted Kent to wear different outfits depending on the situation. Something that can't be done with the Election 2012 characters - so we changed over to using Comedy World Theme characters which can have their outfits changed.

After creating this story board I started animating everything in GoAnimate. One of the good things about GoAnimate over other animation systems is that it is quite easy to change things on the fly as you animate them.

If you compare the final animation with the second draft story board you'll notice Kent and Lois' dialogue is completely different and there are two extra scenes; Lois at the podium and an extra spinning newspaper just before the end credits. These were all things that were changed or added as I showed the animation to MyNetworkOne during its creation.

Custom Flash

As much as possible I try to do everything with GoAnimate but there are some things GoAnimate just can't do at this stage. So in order of appearance...

Lightening storm: The lightening bolts you see flashing in the opening scenes are a custom flash storm that, if you watch carefully as the camera pans over the city, most of the businesses highlighted are hit by a bolt of lightening just before their little speech balloon appears.

Spinning Newspapers: Based on GoAnimate's own newspaper prop in the Comedy World Theme, I recreated it in flash, not only to make it spin but also so I could change all the content on the page easily and quickly. You'll notice each paper that spins into view has different headlines and photos.

Signage: The Town Hall's sign above the entrance and the first placard you see inside the Town Hall are both flash props... simply because GoAnimate cannot display its own text on an angle.

MyNetworkOne Toolbox: This was a simple flash prop created because that was MyNetworkOne's vision. Kent is handing Lois the 'tools' to solve the business networking problems in MyTown.

Audio

All the music is stock GoAnimate music library tracks. All the sound effects are sourced from SoundSnap via GoAnimate's studio interface.

MyNetworkOne supplied all the character and narrator voices, trying a few different people for Kent's part to get just the right voice. If you listen closely on the exterior Town Hall scene, that's my voice shouting out the protests.

Other details

If you watch closely there are other subtle details that anyone can incorporate into their GoAnimations that will help set them apart from the rest.

Parallax Movement in Animation: If you don't know what this is click the link on the left where Gopal Raju gives an excellent overview with many examples. In general terms, with animation, it's a technique to create a sense of depth as you move through a scene - such as the opening scene in my animation, as we descend through the clouds. I also use it in the opening scene of the Town Hall interior as Lois and Kent come into view.

Scene dressing and populating: I mainly do this in the exterior Town Hall scene. I could have just had the Town Hall as an image but the scene is made more interesting and realistic with the addition of people, including one walking towards the steps. You also see a car drive past in the foreground helping to create more depth in the scene as if the car is getting in the way of the camera.


I think that about covers everything of interest behind the scenes on this animation. I feel I tend to try that little bit harder for clients than I do with my own projects, often producing my best work. Trouble in MyTown is no exception to that feeling.

Comments

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 2 - Inochi2D Session)

In part one of my deep dive into the free VTuber software, Inochi2D , I focused mainly on Inochi2D Creator, which is used for rigging your character avatar in the correct file format for use with Inochi2D Session, the puppeteering part of the software. The two sides of the software are still very much in development and the documentation, particularly for Session, is very thin on the ground. To the point where I don't think I could even do a comprehensive tutorial because I'm not sure I'm even doing things right, and the software could change significantly in a single update. As a result, in this part of my Inochi2D deep dive I'm changing tact from presenting my finished Cartoon Animator TET Avatar, and will be summarizing my experience of getting Session up and running using OpenSeeFace as the recommended webcam motion capture software. To do this I will be using  the TET avatar I created in my review of Mannequin , since that can be exported as a full, ready to go r...

Review: Animaker - 10X Better than other Online Animation Video Making software (#DIY)... or is it?

Animaker's bold claim, right on its homepage is that it's  10X Better than other Online Animation Video Making software (#DIY). Also featured on their homepage is a cool promotional video that's dynamic, full of charming lip synced characters, with high quality animation that matches perfectly to the story being told. If I could make anything even half as good with their studio, I'll at least buy that they're better than most of their competitors. Let's see if they live up to their tagline 'Animated Videos, Done Right!' Animaker is a flash based, cloud animation studio application that gives you access to an entire library of thousands of characters, props, backgrounds, sounds and more, to create almost any kind of 2D animated video. In fact they make the bold claim that theirs is the largest animated library in the world of any similar online application (it's not... or if it actually is, it's not as versatile as other comparable librari...

The Family Guy Method - Animating Talking Hand Gestures in Cartoon Animator

Once you start getting into character animation you learn pretty quickly that people don't just speak with their mouths. Hand gestures and movements play a pretty important part of how people communicate too. The problem is, animating hand gestures and movements is extremely time consuming... and who knows what gestures and movements should be used and when? In Reallusion's Cartoon Animator I use pre-animated talking character motions that I chop and move gestures around so the arm and hand movements 'feel' right based on my own understanding of body language (and I also act out dialogue to get a sense of what arm and hand movements I might make with what's being spoken). Recently I came across a video by the creator of Culpamland Extra , an online animated series, in which they briefly outlined how they animate talking using the Family Guy Method. I'd never heard of this, and if you try to search for it online you'll be hard pressed to find anything. So I...

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...

Moho 14 Released - Still the Best 2D Animation Software for Indy Animators on a Budget

Moho 14 Released. Regular readers know I am a Reallusion, Cartoon Animator advocate through and through. Hands down I would recommend Cartoon Animator 5 first over Lost Marble's Moho 14 to anyone who is just starting in 2D animation, is a team of one, or just needs to animate as quickly as possible. However, feature for feature, Moho is, arguably, the best 2D animation software for the rest of us who can't justify a Toon Boom Harmony , or Adobe Creative Cloud subscription (and even with their applications Moho is very competitive on features). You can get started with Moho Debut for just USD$59.99 which is a cut down version of Moho Pro but it still has the most essential features needed for 2D animation. While Moho Pro is a whopping USD$399.99 (Cartoon Animator, which only has one version, is just USD$149.00) upgrades to new version numbers come down to a quarter of the price at USD$99.00. Even though Reallusion just released features like Motion Pilot Puppet Animation and...

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...