In part 1 of this Behind the Scenes series I shared some of the initial process of sketching out visual ideas for a script for an animated infographic video, followed by a rough storyboard. The next stage in the development process is to create the visual elements digitally and then stage them.
As a reminder, this is intended to be a very short animated video – a public service announcement promoting the benefits of walking 30 minutes per day, 5 times per week.
Create Illustrations & Graphics
Based on the visual ideas from sketches and the storyboard, I create new illustrations or repurpose existing graphics in Adobe Illustrator. The graphics for this video consist mostly of a character walking through a cityscape. The walking character is something I’ve previously created. For the cityscape, I was able to reuse some graphics from my library but needed to create some new illustrations as well.
Staging the Graphic Elements
In most of my videos, most of the graphics are created in Adobe Illustrator and then I bring those into Apple Motion to animate them. Before animating however, I compose the various scenes, in essence, staging the graphics.
I’ll typically do some degree of animation while staging the graphics to help get a sense of composition but primarily this step is about composing the scenes and in doing so making changes to the illustrations as needed. In this particular case, I’m still trying different color options, tweaking placement of buildings in the cityscape, trees in the park scene and adding details for the bridge and clock tower. Apple Motion integrates very well with Adobe Illustrator and once I’ve imported an Illustrator .ai file in Motion, when I make subsequent changes to that Illustrator file, they’re immediately reflected in Apple Motion.
The next major stage in the process will be to animate the character, making him walk and the scenery move behind him, and adding transitions.