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.

Popular posts from this blog

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

Should You Buy or Upgrade to MOHO 13? *Spoiler* Yes. Yes You Should!

MOHO 13's New Character Set. Smith Micro released MOHO 13 , their all in one, 2D animation studio, this week. The question is should you buy or upgrade to the latest version? Obviously I've already spoiled this in the title, so the actual question is why do I think you should buy or upgrade? To be clear, I'm only talking about MOHO 13 Pro. If you're considering MOHO 13 Debut be aware that you're missing out on some of the new features, and a lot of existing features that are only available in the Pro version. Debut is fine if the budget doesn't stretch to Pro, but, if you never want to be disappointed about not having a feature, it's Pro or nothing! The other thing I need to be transparent about is I'm not, by any stretch, a frequent MOHO user/animator. However I took the time to learn MOHO 12 Pro fairly extensively, blogging about my process and sorting out 104 free MOHO training videos into a logical viewing order in the process. I think I ha

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

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

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 determ

Creating a G3-360 Head From a Single Photo in Reallusion's Cartoon Animator

Source Photo from Generated Photos . Ever since Reallusion introduced the G3-360 Character Head into Cartoon Animator 4 I've wanted to see if their 360 Head Creator tool could be used to create an animated head using a photo. Part of the reason I've never given this a shot, until now, is that I just assumed it would be difficult, and require a lot of photo editing to blend out the sprite edges. It turns out, creating a photographic G3-360 head is not that much more difficult than creating a cartoon head, and can be done using a single photographic image using my own G3-360 head rigging system . While this article isn't intended to be a full tutorial, I'll run through the basic steps of how I achieved my photographic G3-360 head, shown in the comparison below, of a Cartoon Animator Morph-based head on the left, and my G3-360 head on the right. Pros and Cons Cartoon Animator's morph-based head system is ideal for animating photographic faces. It uses a semi 3D wire me