1. Welcome Window - 1:59
This is where everything starts, so let's have a quick look at the Welcome Window.
2. Menus - 4:35
There's a lot of functionality packed into Flow, and you need to know how to get around the app. So, let's run through all the menu items.
3. Interface Basics - 5:39
If you're new to Flow, then this high-level orientation to the UI is a must-watch. We cover the Stage, the Hierarchy and Property panels as well as the Timeline, keyvalues and playback.
4. The Toolbar - 2:33
Flow's main toolbar is packed with a lot of functionality. Watch this quick vid to learn what each of the icons means, and even how to toggle titles on and off.
5. Creating a New Project From Scratch - 1:46
In this video, we create a new project and have a quick look at the default timeline and scene properties.
6. Animation Basics - 1:37
Flow's approach to animating is incredibly easy to learn. Animations get created automatically as you move things on the stage. This ultra-short vid is a must-watch.
7. Introducing Layer Types - 2:18
Watch this vid to get an intro into the basics working with 3 main types of layers – shapes, images and text.
8. Understanding Basic Layers - 2:06
In this video we look at how to work with, style and animate basic (a.k.a empty) layers. Depending on how you're animating and exporting, they can be better to use than shape layers.
9. A Deeper Dive on Layers - 3:27
Building on our previous video, Introducing Layer Types, this little dive goes a bit deeper to also cover groups.
10. Working with Empty Layers - 3:08
A super cool feature of Flow are empty layers, they can be used for creating unique animation effects.
11. Basic Shapes - 1:19
Want to add a basic shape to your animation? This vid will show you how to do that in a snap.
12. Zooming - 1:16
Here's how you can zoom in to every nook and cranny of your animation.
13. ⌘C⌘V - 4:23
Copying and Pasting gets its own video, because not only can you ⌘C⌘V layers (like every other app on earth) but you can also copy and paste animations!
14. Introducing the Coordinate System - 2:13
In this must-watch video, we cover coordinates of layers on the stage and how they are positioned using their anchor points.
15. Understanding Lines - 2:19
To fully learn Flow's powerful shape animation features, you need to start by understanding lines.
16. Understanding Shapes - 5:08
Let's dive in to all things Shapes and learn about how to create them, we cover all their properties, how to fill them with images, gradients, and much more.
17. Single Frames - 2:16
Maybe you want a nice thumbnail from your animation? Well, you can easily export any frame as a high-res image.
18. Animated PNGs - 2:02
If you want a high-quality transparent image, then you're going to want to learn how to export the almighty APNG. In this vid, we cover framerates, scaling, looping, color spaces and compression.
19. Videos - 1:52
Flow has all kinds of video export option goodies for you to chew on. In this vid, we cover scaling, framerates, colorspaces, file types and compression options.
20. Animated GIFs - 3:47
One of the most requested media types is the animated GIF. In this vid, we cover framerates, scaling, looping, alpha channels and global color maps.
21. Code Export 101 - 3:31
Flow has so many options for exporting code, which include HTML, iOS / Swift, Lottie, SVG and React. This vid will show you how use the code export window.
22. Relative Mode - 5:42
Relative mode is a critical feature that you need to use when animating in Flow. If you haven't watched this vid yet, then take a few minutes to burn through this vid.
23. Layer and Scene Masking - 3:25
Masking to your animation's scene is a very useful function of Flow. Similarly, ever layer has a handy little property called Masks to Bounds. We cover both of these concepts in this vid. This vid is a must-watch.
24. Quick Look – Miter Limit - 2:02
Here's a quick look at how to use the miter limit to prevent strange spikes when animating a shape.
25. Understanding the Miter Limit - 6:23
The miter limit is a handy property that allows you to dynamically change the drawing of corners in your shapes.
26. Images – Importing - 2:39
In this vid, we cover all they ways to import images into your Flow project while having a look at their properties.
27. Images – Replacing - 2:13
You can easily swap the contents of an image, to upgrade its resolution or change it completely.
28. Images – Content Mode - 3:35
You can adjust how an image is presented inside the frame of its layer. You can use this property strech, scale or pin the graphics of an image to a particular spot on the layer.
29. Images – Animating Frames with Content Modes - 2:22
You can create some interesting effects by combining the animation of an image with its content mode.