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

Featured Animator: Christian Haynes - 'Zack In Time' An Original, Independent, Animated Series on the Rise

Christian Haynes - Zack In Time.  If you've ever wanted to create an animated TV series staring your own original characters and stories then Los Angeles based writer, director, and animator, Christian Haynes is taking those next steps of putting together a team, developing a pitch/trailer for their series, Zack In Time. Featuring professional studio quality animation, they hope the show will get picked up by an animation studio for an official series. The path he and his team are taking is one you could easily follow as they deal with real life commitments, and building a following on Instagram and Tik-Tok showcasing their work behind the scenes. TET: Tell me a little about yourself. Who you are, and why you started animating? My name is Christian Haynes and I've loved animation ever since I was a kid. I would constantly be drawing cartoon characters from TV shows and movies and making my own little homemade comic strips.  As I got older, I became a lot more interested in st

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

Shotcut - Free Open Source Video Editor for Windows, Mac, and Linux

Shotcut Open Source Video Editor. I've been on the hunt for a while now for the best, free, open source, video editing application out there. In Shotcut , by Meltytech , which has versions for Windows, Mac, and Linux, I think I may have found a real front runner. This won't be a feature filled review, rather it will be my first impressions after having used Shotcut on a few of my YouTube videos so far. One of my key criteria for a video editor is the ability to import any video format directly into the project. This may seem like an odd focus initially but having convert video to something your video editor can use is annoyingly time consuming, and it creates a new generation of footage, potentially with a loss in quality if you don't really know much about video format specs (that's this guy right here!). Shotcut will happily work with my OBS recordings (.FLV), and .MOV, .MP4 files that I get from two different cameras. Not only that but Shotcut doesn't hold me up

How to Use Plask and Reallusion's 3DXchange to Create Full Body 3D Motion Capture Animation for Cartoon Animator

Last month I reviewed Plask , a free, browser based app that allows you to create 3D motion capture files for animation from a webcam or prerecorded video footage. At the time my hope was that Plask could be used to create 3D motion capture files for Cartoon Animator 4. Unfortunately my knowledge of how to export 3D animation motion files between applications is fairly basic and I wasn't able to figure it out. However, thanks to 3D animation enthusiast and game developer, Freedom (of the YouTube Channel Freedom Arts ), who published a tutorial on how to use Plask with iClone7 characters (in my review I wasn't able to work that out either) there is now a workflow from Plask, via Reallusion's  3DXchange , to Cartoon Animator that is relatively easy to follow and works well. Note: If you want to try this out, 3DXchange is available as a free 30 day trial download if you don't have it. Creating Your 3D Motion Capture File in Plask I'm not going to do a detailed run

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

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

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