Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

After Effects & Lottie in Webflow - No Code Conf 2019 Demo Theater

Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Cargando en…3
×

Eche un vistazo a continuación

1 de 10 Anuncio

Más Contenido Relacionado

Similares a After Effects & Lottie in Webflow - No Code Conf 2019 Demo Theater (20)

Más de Webflow (20)

Anuncio

Más reciente (20)

After Effects & Lottie in Webflow - No Code Conf 2019 Demo Theater

  1. 1. MAKING THE DEVELOPMENT PROCESS TRULY VISUAL After Effects & Lottie in Webflow
  2. 2. a very brief history lesson BEFORE 2017 DESIGNER DEVELOPER LIVE ANIMATION “handoff” <code from scratch> feedback circle of hell DESIGNER & DEVELOPER export
  3. 3. a very brief history lesson 2017 Airbnb releases Lottie: a library that lets developers easily add After Effects animations exported as JSON with the bodymovin plugin to the web, iOS, and Android.
  4. 4. a very brief history lesson AFTER 2017 DESIGNER LIVE ANIMATION export a true handoff + bodymovin DEVELOPER <drops it on the page> renders JSON with Lottie
  5. 5. how things actually work DESIGNER DEVELOPER LIVE ANIMATION export a true handoff + bodymovin “can we make it play on scroll?” PRESENT DAY <drops it on the page> renders JSON with Lottie googles “Lottie animation play on scroll” writes a bunch of javascript tests it writes more javascript more testing feedback circle of hell
  6. 6. the Webflow way DESIGNER LIVE ANIMATION export + bodymovin SINCE SEPTEMBER 2019 upload WEBFLOW self-directed feedback loop of bliss
  7. 7. the goal
  8. 8. the demo self-directed feedback loop of bliss
  9. 9. learn!
  10. 10. Thank you! comment like subscribe

×