How I Made This Complex Animation

Part 1: From Concept to Animatic

  • hand-drawn character animation,
  • background illustration,
  • parallax animation,
  • camera movement, and
  • After Effects animation & compositing!
The Scene

The Evolution of this Scene

Thumbnails

Very first thumbnail sketches — they get the idea across

Storyboard

My storyboard sketches exported from Concepts
The storyboard panel for this scene

Animatic

The animatic — look ma it moves!

Feedback

Coming Up: Animating the Scene

The final scene — still a long way to goooooo…
  • Hand-drawn animation
  • Build the “level” with all the windows
  • Combined the hand-drawn with the After Effects animation
  • Made the camera move how I wanted
  • And finally added all the subtle effects that make the animation satisfying!

--

--

Stories about animation—Tutorials, tools and origin stories!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Goscha Graf ✨ brings motion to your business

I am Motion Designer and Animator who helps startups tell their story visually! ✨ Along the way I share my knowledge with fellow motion designers and animators.