Workshops

Episode #

82

—

May 30, 2017

Creating animated illustrations with Webflow

Special guest and Customer Happiness Hero Lead, Waldo Broodryk, will be showing us how he builds the Webflow CMS illustration in Webflow with 3D interactions.

Here is one example of what I'm talking about:

https://webflow.com/website/Recreated-illustration-and-animation

------

Clone this project: TBD

Discuss this episode

Clone this project

Timestamps

00:05:30 - Waldo begins his build

00:09:47 - Making a working design go from 2D to 3D

00:24:39 - Starting on the second column of art

00:41:29 - Creating triangles with CSS

00:50:50 - Adding a live form field to work in 3D

01:00:52 - Starting on the third column of art

01:04:56 - Q&A and site review

01:18:06 - Finishing up the design

01:39:42 - Creating load animations

01:54:14 - Creating a click interactions to rotate the canvas

Past Workshops

How Webflow onboards new users

Chloe Qi

The brand design process at Webflow with Ryan Morrison and JP Teixeira

Webflow Ecommerce: new features, and what's ahead

Building responsive footers with CSS grid

Live Q&A with Vlad, CEO of Webflow (End of 2018)

Vlad Magdalin

Creating a split page layout in Webflow

A sneak peek at Grid in Webflow

Linda Pham

Creating full screen menus in Webflow

View All Past Workshops