Breakdown

PROJECT TYPE

Web Design / Digital Editing / UI/UX Design

Client

Personal

Year

2016
Breakdown is an e-book showing a basic guide to start making frame by frame animations when you're a lazy person.

This is one of three projects I completed during a master's in Digital Publishing, which later evolved into a bigger animal. It's a fixed layout book that attempted to push the limits of what I knew of e-book content at the time.

Most pages have an animated component of some kind. Whether it's secondary motion using simple CSS or a PNG image sequence to show an anime-like fight, I try to make the reader feel at ease and in control of every step of the process. The idea was inspired by Richard Williams' The Animator Survival Kit, which remains one of the primers on the subject even 20+ years after publication.


Image displaying the Breakdown e-book on a tablet resting on top of a Wacom device and a stylus.
Image displaying the Breakdown e-book on a tablet resting on top of a Wacom device and a stylus.
Image displaying the Breakdown e-book on a tablet resting on top of a Wacom device and a stylus.
Animated image showing a tablet with various pages of the Breakdown e-book.
Animated image showing a tablet with various pages of the Breakdown e-book.
Animated image showing a tablet with various pages of the Breakdown e-book.
Example draft page of the Breakdown e-book showing text and Nabohead, a character made just for the book.
Example draft page of the Breakdown e-book showing text and Nabohead, a character made just for the book.
Example draft page of the Breakdown e-book showing text and Nabohead, a character made just for the book.
A photo of a person reading Breakdown on a tablet.
A photo of a person reading Breakdown on a tablet.
A photo of a person reading Breakdown on a tablet.