Style design options
A style frame was designed to give an idea of how the final animation would look. The style designs were created using Adobe Illustrator and the textures were added in Photoshop.
Sketched Storyboards and Animatic Video
A storyboard was sketched out based on the script. The storyboard images were then put into a video sequence with a draft voiceover recording so we could test the timings and ensure the script and images made sense when played together.
At this point we made some script and image revisions before moving to the next stage.
Illustration of Animation Assets
Once the sketched storyboards were signed off, the storyboards were illustrated in the style design.
The illustrations were designed in Adobe Illustrator with a Wacom Cintiq pen display.
Some revisions were made before moving onto the next production phase.
The animation phase started by preparing all the illustrations for animation. This involved separating artwork out onto layers and naming them.
The illustration files were imported into Adobe After Effects then some texture applied using the Ray Dynamic Texture plugin.
A professional voice over artist recorded the script then the audio track was mixed and edited so it could be animated in time to.
View this post on Instagram
A post shared by Mair Perkins (@mairperkins) on
Charlotte is using her animated video to successfully explain and engage people in her research.
The animation was released publicly on Twitter and received positive feedback and engagement.