Album Animation with Framer Studio

Albumanimation

2 Attachments

Here's another small prototype, inspired by Google's Material Design Reel, made with Sketch and Framer Studio.

I've recreated the artwork with the latest Sketch Beta, pulled everything in with Framer Studio and added animation. There's a couple of cool things to play with. A delay on the individual albums makes them move up one after the other. The colourful album info is visible in the Sketch file, but hidden and animated with Framer. And there's a clever way to count up and replace numbers in repetitive objects.

The screenshot shows the setup in Sketch and Framer Studio. The attached .zip file contains the Sketch source file and the full Framer project.

Enjoy!

www.framerjs.com
www.twitter.com/framerjs

You can also see this prototype on the Framer example site: http://examples.framerjs.com/#album-animation.framer

keyboard shortcuts: previous shot next shot L or F like Z toggle zoom