@createwithflow

Create shippable UI Animations your devs will ❤︎.

 Vancouver, British Columbia
createwithflow.com
Joined July 2016
  • Tweets1.2K
  • Following28
  • Followers1.7K
207Media
The @uxtoolsco 2022 Design Tools survey is out uxtools.co/survey/2022/ BUT no categories for animation or motion design. Superb products like @createwithflow & @LottieFiles won't get their day in the (moving) sun without someone asking the right questions.
1
7
This animation was trickier than anticipated. I tried a number of tools, including @figma prototypes, but ended up using @createwithflow for it. The anchor point scaling and before and after animation workflow made it easy, although my M1 Air really chugged with the render.
Max Musing
@MaxMusing15 Dec 2022
Replying to @MaxMusing
In the past year, 58,000 tables, with 726,000 columns were connected to Basedash 🤯
1
5
769
Top featured startups of the week! 💯💡🌟 🔷 @vfairs 🔷 @madgicx 🔷 @ControlDNS 🔷 @Codeally1 🔷 @createwithflow Check out new startups 👉 bit.ly/3bvGzh4 Let the world know about your startup! Apply for free 👉 bit.ly/3mKVo1u
2
4
11
Money gun animation using @createwithflow
1
1
6
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
I just uploaded “FC24: Edges” to #Vimeo: vimeo.com/604235721

FC24: Edges

Today's cast is a simple challenge. We recreate an animation where the edges of a square all animate in (then out) at the same time. But! Our animation isn't quite accurate to the original. CHALLENGE...

vimeo.com
I just uploaded “FC18: Layer and Scene Masking” to #Vimeo: vimeo.com/596721364

FC18: Layer and Scene Masking

Today, we look at layer and scene masking. These are very simple concepts, but they can be very powerful when it comes to creating certain aesthetics – some of which we will look at next week.

vimeo.com
I just uploaded “FC11: Tracing with Dashes” to #Vimeo: vimeo.com/592325415

FC11: Tracing with Dashes

Today we build on the idea of tracing a path. If your aesthetics are simple – i.e. you want to trace a dot across a path – then this technique we're going to show you is the $. In this cast we cover:...

vimeo.com
I just uploaded “FC10: Tracing with Many Layers” to #Vimeo: vimeo.com/591727531

FC10: Tracing with Many Layers

Building on yesterday's technique of finding inflection points in a path to animate a layer along that path, we look at how to do this with multiple layers at the same time. We also look at how to...

vimeo.com
My Lottie video is up from the fabulous @DDDPerth conference. It was recorded beforehand so I'm sitting down doing demos rather than prancing around on stage. youtube.com/watch?v=jPVDOcqQ… for fans of @createwithflow @Synfig or @keyshapeapp and on the day also mentioned @cavalry__app
1
5
I just uploaded “FC8: Camera Effects” to #Vimeo: vimeo.com/589969569

FC8: Camera Effects

"Hey Travis, is there an easy way or tutorial to be able to pan around the viewport/zoom in and out as part of an animation?" In today's cast we answer this great question that came in this week over...

vimeo.com
Load more