@createwithflow

Create shippable UI Animations your devs will ❤︎.

 Vancouver, British Columbia
createwithflow.com
Joined July 2016
  • Tweets1.2K
  • Following28
  • Followers1.7K
This week's Flowcasts were great. We grabbed a composition from @designstripeapp, then animated all of the elements over the last 5 days. Today, we stitched them all together. createwithflow.com/flowcasts…
1
2
3
We look at how to do a wraparound effect. Check it out: vimeo.com/637601790
1
1
Flow 1.12.1 Just Dropped. Now with: Content Links, Image Sequence Export, Animated Image Import, and Animated Fonts in Lottie. createwithflow.com/releases/
1
3
Just wrapped up a great week of learning to animate. We rebuild a lovely Google Home Wifi Animation by @gunneranimation << an awesome studio you should check out their work. Watch episodes 37-40 to learn how to animate this. vimeo.com/showcase/8736427
2
I just uploaded “FC39: Google Home Animation Rebuild Part 3” to #Vimeo: vimeo.com/631271164

FC39: Google Home Animation Rebuild Part 3

The ARCS! Today, we do the arcs! Following on from our last episode, we continue animating the Connecting to Wi-Fi animation made by Gunner, for Google Home. Gunner: https://www.gunner.work/ Project:...

vimeo.com
I just uploaded “FC38: Google Home Animation Rebuild Part 2” to #Vimeo: vimeo.com/630316986

FC38: Google Home Animation Rebuild Part 2

Following on from our last episode, we start to animate the Connecting to Wi-Fi animation made by Gunner, for Google Home. Gunner: https://www.gunner.work/ Project: https://www.behance.net/gallery/...

vimeo.com
I just uploaded “FC35: How to Create a Video Overlay #3” to #Vimeo: vimeo.com/618190210

FC35: How to Create a Video Overlay #3

Another day, another overlay. In this episode, we're recreating a title overlay that uses a bit of masking, and a dash of typewriter effect. Here's today's file: https://www.dropbox.com/s/h0qzyapem...

vimeo.com
I just uploaded “FC30: Shape Morphing Challenge” to #Vimeo: vimeo.com/610956213

FC30: Shape Morphing Challenge

We cover yesterday's challenge: animate from a circle to a triangle (and then to a square if you're up for it). The baseline here, again, is perception... and the answer is a solid trick. We also...

vimeo.com
I just uploaded “FC26: Path Editing Basics” to #Vimeo: vimeo.com/606739635

FC26: Path Editing Basics

This cast is all about making a lovely, simple path animation. To get there, we dive into the fundamentals by covering: 1. What a path is composed of 2. How to manipulate points 3. How the layer...

vimeo.com
1
1
Yeah, nice work! Thanks for watching the vid too ;) vimeo.com/602045382 #Vimeo

FC23: Rainbows! Challenge

We look at last week's challenges, and show you how to create the rainbow animation using dash patterns and offsets. In that, there's a little rant about animation engines, and why it's great to know...

vimeo.com
Load more