Two Methods to Use IMAGES In Lottie Animations

Показать описание

When using images inside of Lottie animations you can either embed them, or have them as an external asset which would also allow you to swap out the images at runtime!

Check out SVGenius for animated icons, blog posts and more!

SVGenius:

My AWWWARDS academy course on Lottie:

Lottie-interactive:

Socials:

Рекомендации по теме

Комментарии

Very clear and useful tuto! Thanks a lot!

fannyboutenel

This was incredibly helpful. Thank you so much!

chileshetembo

This was brilliant, thank you. Creating UI/UX user and team interactions with actual user profile images turns my on scroll experience from meh to damn. Cheers and thank you!

robanthony

Archiving the json and images to upload to lottiefiles is not clear from their website and was exactly what I needed.

gdccurp

You just saved my life.. Thank you so much

vishnubasnet

I check "include in json" but the plugin always render with separate folder. what is wrong? thanks for this tutorial.

indioarmani

I am having an issue where the image shows up fine on my browser, but is a blank white square on IOS. Any idea what I could be doing wrong?

CarlianneCreates

What about videos? :( like mp4 ou mov. I really need to export a masked mp4 but bodymovin doesn’t render that part. Also tried to transform the mp4 to jpeg sequence. Same resolve. I guess I’m doing something wrong.

TheCelecis

Thanks a lot, I have been trying to fix this issue for awhile now !! you saved me :)

eimanfaith

the compress option makes bodymovin not work for me, it takes forever to export the image, it never exports the image actually

El_Bartto

Hi there!
I followed the tutorial, but when I hit "render", an AE sign displays "After Effects: AEGP Plugin PNGIO Support: PNGIO library error: known incorrect sRGB profile". I click ok and then "After Effects: AEGP Plugin PNGIO Support: Unable to create PNGIO". I click ok and a then "After Effects error: An unexpected errpr ocurred while exporting a composition. Error codde: 1. Please restart After Effects and retry the export"
I restarted the program a few times, but those same messages keep displaying. Do you know why?
Hope you can help me, thanks!

micaelarompato

Two Methods to Use IMAGES In Lottie Animations

Two Methods to Use IMAGES In Lottie Animations

EE3310 Lecture 11: The Method of Images

HOW to TRANSFORM your images in 2 EASY STEPS - Photoshop like a PRO

How to Overlay Other Images on a Picture

How to combine two images using a gradient in Adobe Photoshop

How To Find Differences Between Two Images - 4 Line Code | Python | PIL

How to Combine Images in Midjourney

How To Combine Two Images in Midjourney | Blending Art and AI | Midjourney Tutorial

How to remove anything in Affinity Photo 2

How to Gradually Fade two images together in Photoshop Tutorial

How to Insert Multiple Images in MS Word

How Do I Import Multiple Images Into Photoshop?

How to use ImageJ Software to SPLIT and MERGE images

How To Overlay and Merge Images | Adobe Photoshop

How to Creatively Blend Two images in Photoshop | Photoshop Tutorial

Add Images To Your App (TWO METHODS!) - Flutter Friday 5

How to combine multiple images in Photoshop instantly

How to batch edit multiple images in PhotoRoom

How to print enlarge images into multiple pages using microsoft word for beginners

How To Use Reference Images in Dall-E 2 (2024) Tutorial For Beginners

how to merge two images in gimp

How to compare two images and display the differences using Python (Hint: Pillow)

How to Combine Multiple Photos in Photoshop to Create Better Images

Power Bi : Use Local Images in Power Bi. 3 Different Methods