In this tutorial, you’ll learn how to export launch animations for iOS.
Your animation is ready, and you want to create an actual iOS launch animation.
File > Export > Code
iOS - Onboarding Animationoption
iOS - Onboarding Animation template will take a selected timeline and build it into a basic iOS app which allows a user to swipe through your animation.
That’s it, really.
You can go home now.
And all your apps can have onboarding animations.
If you don’t already have an animation prepared, you can use ours:
The animation looks like this:
The Flow file looks like this:
There are 3 key concepts you need to keep in mind when designing an onboarding animation:
We define a
stop as the frame that an onboarding animation stops on.
For example, there are 6 stops for the animation we provided above:
Flow requires at least 2 stops for an onboaring animation. This means that at a minimum a user can swipe betwen 2 different states of an oboarding animation.
When designing your onboarding animation, remember:
Each stop should fall on a whole second.
Flow requires the minimum duration for an onboarding animation be a minimum of
More importantly, it also requires that…
Onboarding animation durations must be whole seconds.
This means you can have a
2s animation, but not a
The animation we provided above is
Exporting an iOS onboarding animation from Flow generates a clean Xcode project that looks like this:
For more detail, check out: Xcode Project Breakdown for Onboarding Animations
Explore More Tutorials?
result(s) found for “”.