Hyperlapse

The first time I saw the Hyperlapse app’s intro, I said “wow!” out loud. I even reinstalled the app a bunch of times to see this cool video and music combination again.

In this tutorial, we’ll rebuild it. These are the steps we’ll take:

• Audio and video in Framer
• Structure
• First video page: Bridge
• Adding the ‘Swipe to continue’ coach mark
• Second video page: Clouds
• Third video page: Train
• Fourth video page: People
• Swiping between the video pages
• Adding the page indicators
• Splash screen
• Spinning wheel animation
• Presenting the videos
• Make ‘Swipe to continue’ appear after 10 seconds
• Adding the music
• Mixing the music tracks
• Animating the page indicators
• Final touch

The Hyperlapse intro recorded from an iPhone