Website Lottie Files erstellen – Best Practices und wie du Videos zu Lotties umwandelst

In dieser Episode des Formburg Podcasts diskutieren Jonas Arleth und Lorenz Töpfer über die Verwendung von Lottifiles und 3D-Animationen im Webdesign. Lorenz teilt seine Erfahrungen und Herausforderungen bei der Arbeit mit Lottifiles, erklärt die Funktionsweise und Integration in Webflow und vergleicht die Vor- und Nachteile von Lottifiles und 3D-Animationen. Zudem werden Techniken zur Optimierung von Lottifiles und zur Video-Integration behandelt. Es werden verschiedene Aspekte der Video- und Animationserstellung behandelt, insbesondere die Optimierung von Videoqualität und Dateigröße, die Verwendung von Lottie-Dateien und die Herausforderungen bei der Integration von 3D-Animationen in Webflow. Die Teilnehmer teilen ihre Erfahrungen mit verschiedenen Tools und Techniken zur Kompression und zum Export von Animationen, einschließlich der Verwendung von Handbrake und der Erstellung von Lottie-Dateien aus Animationen mit transparenten Hintergründen. Lorenz Töpfer von Lorbeer Media online: Website: https://www.lorbeer.media LinkedIn:   / lorenz-toepfer   --------------------------------------------- Meine Onlinekurse: 👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!): https://formburg.com/kurs 👉 50+ Webflow-Tricks: https://formburg.com/tricks 👉 Webdesign Angebote mit drei Preisoptionen erstellen: https://www.jonasarleth.com/produkt/w... --------------------------------------------- Kostenlosen Webflow Account anlegen: https://formburg.com/webflow-kostenlos * Webflow schnell und einfach lernen: https://formburg.com/tutorials --------------------------------------------- Chapters 00:00 Intro und Vorstellung 03:49 Was sind Lottiefiles und wo kostenlose bekommen 07:21 Vorteile und Nachteile von Lottifiles 11:00 Lottifiles vs. 3D-Modelle vs. Video Animation: Welche Option ist die beste? 18:06 Kompressionsmöglichkeiten und Preise von Lottifiles 22:13 Erfahrungen und Probleme von Lottiefiles in der Navigation 24:56 Integration von Videos mit transparentem Hintergrund in Lottie-Animationen 26:47 Komprimierung und Konvertierung von Videos für Lottie-Animationen 33:21 Videos mit Transparenten Hintergründen für alle Browser erstellen 36:10 Video mit Adobe Media Encoder für Lottie Konvertierung erstellen 41:06 Die Bedeutung der Frame-Rate bei Lottie-Animationen 43:53 Unterschiede zwischen den Frame-Raten 45:20 Bedeutung von Kompression und Bitrate 48:11 Kostenlose Möglichkeit um Videos zu komprimieren für Lottie Upload 55:09 After Effects – Lottie Export aus Bildsequenz 01:06:24 Die Verwendung von Lottie-Dateien in Webflow 01:08:35 Videos als Option für komplexe Animationen 01:10:48 Lottie Komprimierung: JSON zu dotLottie konvertieren (kostenlos) für niedrige Dateigröße und Verbesserung der Ladezeiten 01:14:15 Lottie vs. Video vs. 3D – was ist das beste für Ladezeit? 01:18:29 Zusammenfassung und Ausblick #webflow #webdevelopment #webdesign --------------------------------------------- // PATREON ► Unterstütze meinen Kanal auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): http://bit.ly/patreon-seite ---------------------------------------------- // MEIN WEBDESIGN UND FREELANCER BLOG ► https://jonasarleth.com/blog ---------------------------------------------- // MEIN WEB & DESIGN PODCAST ► iTunes: https://jonasarleth.com/itunes ► Spotify: https://jonasarleth.com/spotify ► SoundCloud: https://jonasarleth.com/soundcloud ► Overcast: https://jonasarleth.com/overcast ---------------------------------------------- Affiliate Links