Cara Menggunakan Lottie Library
Lottie Library adalah perpustakaan yang membantu merender animasi Adobe After Effects secara native di perangkat seluler dan web. Saya suka menggunakan Lottie untuk animasi di proyek saya karena :
- Membuat animasi dari awal bisa memakan waktu, dan
- File GIF dapat berukuran dua kali lipat dari file JSON Lottie (file yang berisi animasi Lottie)
Jika Anda sering menggunakan Lottie dalam proyek Anda, Anda mungkin merasakan tekanan dari:
- Menemukan animasi Lottie yang sesuai (jika Anda tidak terbiasa dengan Adobe After Effects)
- Mengetahui seperti apa animasi lengkapnya
- Mengeditnya ke gaya pilihan Anda, dan
- Mengimplementasikannya di web atau seluler.
Tujuan artikel ini adalah untuk meningkatkan produktivitas Anda sebagai desainer dan pengembang Lottie dengan menyediakan sumber daya Lottie yang efisien. Saya akan mencoba memasukkan banyak sumber daya untuk membantu sebanyak mungkin. Tidak ada permainan kata-kata yang dimaksudkan.
Sumber Daya untuk Mendapatkan Lottie Library
Setelah Anda membuat animasi di Adobe After Effects, Anda dapat mengekspornya ke format JSON Lottie menggunakan ekstensi bodymovin. Jika Anda tidak terbiasa dengan Adobe AE, Anda bisa mendapatkan animasi Lottie dari berbagai tempat. Mari kita lihat beberapa opsi di sini.
Drawer
Drawer menawarkan animasi Lottie gratis dan berbayar dalam berbagai format seperti JSON, SVG, dan PNG serta file Adobe AE, XD, dan Illustrator. Setelah Anda memilih paket animasi pilihan Anda, Anda kemudian dapat melanjutkan dengan format yang ingin Anda gunakan, sebaiknya format JSON Lottie.
LottieFiles
LottieFiles juga menawarkan animasi Lottie gratis dan berbayar. Ada paket dan ikon individual, tetapi tidak seperti Drawer, LottieFiles secara ketat menyediakan file JSON untuk animasi Lottie.
lottiefiles.
Icon8
Icons8 menyediakan ikon animasi individual serta paket ikon animasi terkait. Mereka menyediakan tautan ke file animasi Lottie JSON yang dihosting secara statis, yang dapat Anda unduh atau gunakan seperti dalam implementasi Anda.
Lordicon
Lordicon adalah situs web yang menawarkan animasi yang dapat Anda sesuaikan sebelum Anda menggunakannya. Anda dapat mengedit fitur seperti warna dan lebar lalu mengunduh animasi dalam format pilihan Anda.
Selain format JSON, mereka juga menyediakan animasi dalam HTML, GIF, AEP, PNG, EPS, dan SVG.
Source : https://www.freecodecamp.org/news/how-to-use-lottie-like-a-pro-resources-for-designers-and-developers/
