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

Related Posts with Thumbnails

Buy Gifts and Apparel featuring art by TET

Popular posts from this blog

Eric W. Schwartz: Cartoonist, Animator and Amiga Die Hard

American Cartoonist, Eric W. Schwartz, (whose unofficial Amiga Icon, Amy the Squirrel, is pictured on the July 92 edition of CU Amiga cover on the right) is my only real animation hero. Sure there are the big names like Disney, Chuck Jones, Tex Avery and even Preston Blair whose influences can all be seen in my own cartoons but Eric did what none of the others could. He showed that really great 2D computer animation was within my reach with little more than an Amiga Computer, a copy of Deluxe Paint and Moviesetter.

This was at a time when computer based animation was in its infancy (outside of computer game animation) and Flash was something that lights did.

There were many great Amiga artists but Eric was really the only one consistently making very funny, traditional style animations. His humor and drawing style is heavily influenced by classic Warner Brothers and Disney cartoons but he managed to build on this, creating something that was recognizably Eric's own style.

I've…

Review: CrazyTalk Animator 3 vs Moho Studio Pro 12

Reallusion's CrazyTalk Animator 3 or Smith Micro's Moho Studio Pro 12. Which of these 2D animation applications is right for you?

Regular readers of this blog will know I'm a strong supporter, and fairly proficient user of CrazyTalk Animator since version 1. It's a great piece of software for producing 2D animations from purchased content quickly and, with version 3, is easier than ever to create animations from your own art.

Lesser known is that I first purchased Moho Studio Pro 12 (then known as Anime Studio Pro 9) back in October of 2012 and have been upgrading it to the latest version ever since because I believed in it as an application for creating great 2D animation to TV quality standard. As such, it's a much more complex application than CTA3 that I only got around to learning properly late last year. I'm still in the process of blogging my progress.

Despite this I feel I've learned enough of Moho to compare it to CTA3 to help you determine which …

Voice All Your Own Animated Characters with Voice Changer

Voice Changer by AVSoft is real time voice manipulation software that can be used for a wide range of purposes including (according to their website); Voice-over and voice dubbing for audio/video clips, presentations, narrations, voice messages, voice mails, E-greeting cards, broadcasting, etc.; mimic the voice of any person, create animal sounds, change/replace/remove voices in songs, videos,etc.

I bought it for the specific purpose of changing my own voice, to extend my vocal range, for voicing characters in my own animations.
I was fortunate enough to get this software at a significant discount that made it difficult to refuse, given that I'd never tried it, or even heard of it before. I'm not sure if I would have bought it at the full price given that much of what it can do (for my needs) can also be done with the freeware audio program, Audacity.
Voice Changer is relatively easy to install and set up. Once installed simply change you default microphone to the installed AV…

Quickly Create a CrazyTalk Animator G3 Character From Original Art

Creating a character rig from original art can seem like a daunting task in CrazyTalk Animator 3. Especially if, all you really want to do is put together a quick animation with characters you may never even use again.

Here's how to rig a CrazyTalk Animator 3, G3 human character, with the fewest components, whilst still being compatible with G3 character motions, and having a face capable of lip syncing and character expressions.

You should be able to do this in under an hour - assuming you have your artwork ready to go.

Review: Reallusion's CrazyTalk Animator 3 - Taking a Step Back to Move Forward

CrazyTalk Animator 3's bold claim is 'The One-for-all 2D Animation'. Does it deliver? Could it be your 'go to' 2D animation tool of choice? Before I explore those questions I feel a bit of backstory is necessary.

I've been using Reallusion's CrazyTalk Animator since its original incarnation that promised quick and easy, 2D animation creation. An idea that was relative depending on what kind of animation you wanted to do. Since my focus has largely been on original character animation my experience with CTA is relative to that.

If you wanted to create animated characters from your original artwork, quick and easy didn't really describe the time and effort involved. There was a lot of preparation and considerable time spent rigging its G1 characters.

Review: Motion Den - DIY Video Intros and Slideshows

Motion Den claims to be the world's simplest video maker of intros and slideshow style animated videos. I needed an animated slide show to promote my etourist Skateboards online store, which I planned to make myself with one of the many video editing applications I have, but, after being directed to Motion Den by a spammy, completely unrelated comment on this very blog (which I've since deleted), I thought I'll give them a try.

The site is free to sign up and make videos with. Any published videos will have the Motion Den watermark. If you wish to remove this you can purchase individual videos or sign up for one of their plans, which give you a certain amount of credits each month to purchase videos with. Note that you can't actually do anything with a published free video other than view it in your account. There are no share options and you can't download it (making the watermark almost pointless).

Course Review: The Art of Aaron Blaise - Anatomy, and Character Design

I recently purchased two online drawing courses created by former Disney Animator, Aaron Blaise, including How to Draw Human Anatomy, and Character Design. Both courses were included in Aaron's Figure Drawing and Character Design Bundle, pack deal.

My own drawing style is heavily influenced by early Disney animated classics (think pre digital animation), which you can see in the more rounded lines of my characters - as opposed to the more angular character design lines you find in Marvel and DC comics etc.

I wasn't sure how much I'd learn from either of these courses, baring in mind I've already studied both topics in detail in Art School, and have been designing my own characters since I was in primary school, but Aaron's a veteran and easily out classes my animation skills.