INTERACTIVE LOTTIE Animation with Elementor FREE - NO PLUGINS | TemplateMonster
In this video, we will explore a way to add an interactive Lottie Animation to your Elementor website using Elementor FREE. To recreate this effect, you don't need Elementor Pro or third-party plugins or add-ons! Looking for cool graphics resources? MonsterONE Creative Subscription is perfect for you 👉👉👉 https://monsterone.com/pricing/?utm_source=youtube&utm_medium=social&utm_campaign=wordpress&utm_term=interactive-Lottie-Animation-with-ElementorFREE
00:00 Intro
01:23 - Learn how to create an animation in After Effects and export it to JSON file
10:39 - To skip the After Effects part, learn how to embed Lottie Animation into Elementor
Credits:
Illustration Used in the video: https://www.templatemonster.com/illustrations/financial-report-on-blockchain-isometric-6-fv-illustration-88202.html?utm_source=youtube&utm_medium=social&utm_campaign=wordpress&utm_term=interactive-Lottie-Animation-with-ElementorFREE
Bodymovin Plugin for After Effects:https://aescripts.com/bodymovin/
Lottie Files: https://lottiefiles.com/
Lottie Player Interactivity Guide:https://lottiefiles.com/interactivity
Check out TemplateMonster Marketplace: https://www.templatemonster.com?utm_source=youtube&utm_medium=social&utm_campaign=wordpress&utm_term=interactive-Lottie-Animation-with-ElementorFREE
#ElementorTutorial #TemplateMonster #Lottie
~~~~
Subscribe to our channel to learn more about web design: https://www.youtube.com/user/TemplateMonsterCo/
Follow us on social media:
🔖Facebook https://www.facebook.com/TemplateMonster/
🐦Twitter https://twitter.com/templatemonster
📷Instagram https://www.instagram.com/template_monster/
📎Pinterest https://www.pinterest.com/templatemonster/
🏀Dribble https://dribbble.com/TemplateMonster/
in LinkedIn https://www.linkedin.com/company/templatemonster/
Видео INTERACTIVE LOTTIE Animation with Elementor FREE - NO PLUGINS | TemplateMonster канала TemplateMonster
00:00 Intro
01:23 - Learn how to create an animation in After Effects and export it to JSON file
10:39 - To skip the After Effects part, learn how to embed Lottie Animation into Elementor
Credits:
Illustration Used in the video: https://www.templatemonster.com/illustrations/financial-report-on-blockchain-isometric-6-fv-illustration-88202.html?utm_source=youtube&utm_medium=social&utm_campaign=wordpress&utm_term=interactive-Lottie-Animation-with-ElementorFREE
Bodymovin Plugin for After Effects:https://aescripts.com/bodymovin/
Lottie Files: https://lottiefiles.com/
Lottie Player Interactivity Guide:https://lottiefiles.com/interactivity
Check out TemplateMonster Marketplace: https://www.templatemonster.com?utm_source=youtube&utm_medium=social&utm_campaign=wordpress&utm_term=interactive-Lottie-Animation-with-ElementorFREE
#ElementorTutorial #TemplateMonster #Lottie
~~~~
Subscribe to our channel to learn more about web design: https://www.youtube.com/user/TemplateMonsterCo/
Follow us on social media:
🔖Facebook https://www.facebook.com/TemplateMonster/
🐦Twitter https://twitter.com/templatemonster
📷Instagram https://www.instagram.com/template_monster/
📎Pinterest https://www.pinterest.com/templatemonster/
🏀Dribble https://dribbble.com/TemplateMonster/
in LinkedIn https://www.linkedin.com/company/templatemonster/
Видео INTERACTIVE LOTTIE Animation with Elementor FREE - NO PLUGINS | TemplateMonster канала TemplateMonster
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![How To Add Motion Animations To Your Website Using Lottie & Elementor [WOW]](https://i.ytimg.com/vi/LYTTMPNQQZQ/default.jpg)
![3 EASY ways to make BLOBS in ELEMENTOR with No Plugins // Elementor Design Tips | TemplateMonster](https://i.ytimg.com/vi/a0QDeMjJZkA/default.jpg)
![](https://i.ytimg.com/vi/iu4bRmYpwQk/default.jpg)
![3D Parallax Holographic Illusion with Elementor PRO Motion Effects FAST & Easy | TemplateMonster](https://i.ytimg.com/vi/l-FNYqwgQms/default.jpg)
![Add AMAZING Animations with LottieFiles - SO EASY](https://i.ytimg.com/vi/x8WW0DDXZ4w/default.jpg)
![How to Create Lottie Animation without Adobe After Effects?](https://i.ytimg.com/vi/zoBMb72UDeI/default.jpg)
![Introducing Motion Effects: Powerful Animations to Bring Your Site to Life](https://i.ytimg.com/vi/2WO-jAHNURA/default.jpg)
![Glass Effect in Elementor | Glassmorphism 🔥](https://i.ytimg.com/vi/8UJUrQ5cTRo/default.jpg)
![Interactive Lottie Animations | Full Class](https://i.ytimg.com/vi/-bGTLlnGbZo/default.jpg)
![Create Animated Scroll Down Arrow with Elementor Pro and CSS. TemplateMonster](https://i.ytimg.com/vi/BLWM-AIZI9o/default.jpg)
![⚡ Create a Sticky Scrolling Effect Using Elementor](https://i.ytimg.com/vi/pQGPBCta4Ac/default.jpg)
![How to Use Elementor's Lottie Widget [PRO]](https://i.ytimg.com/vi/5m8G57735fQ/default.jpg)
![Rive Vs Lottie Files](https://i.ytimg.com/vi/QNVV2UQGE-w/default.jpg)
![Elementor Lottie Menu (Pro) Tutorial](https://i.ytimg.com/vi/lj98hGBmumI/default.jpg)
![How to animate SVG icon and convert to Lottie: SVG to Lottie converter](https://i.ytimg.com/vi/uT8p_0VLxTs/default.jpg)
![1 Design Trend in 2022 That I Think will be BIG! (7 Examples)](https://i.ytimg.com/vi/6VjvT5uMm-w/default.jpg)
![Super SMOOTH Hero Section Scrolling Effect with Elementor PRO Motion Effects | TemplateMonster](https://i.ytimg.com/vi/99R03H5KO84/default.jpg)
![Top 10 Logo Design Trends For 2022](https://i.ytimg.com/vi/6GzGFLWE7po/default.jpg)
![Cloud Animation Effect using Elementor | Wordpress Elementor Pro Tutorial](https://i.ytimg.com/vi/eC6PGGEJ9pA/default.jpg)
![How to create Elementor parallax effect | JetElements Plugin](https://i.ytimg.com/vi/K5mR1x_2r-k/default.jpg)