Baca berita dengan sedikit iklan, klik di sini

Arsip

Ini 27 Alat Gratis untuk Bikin Animasi Keren

Industri animasi adalah sebuah industri kreatif yang sangat erat dengan pekerjaan dan pekerja yang brilian, inovatif, kreatif, dan menantang.

16 Agustus 2018 | 07.30 WIB

Image of Tempo
Perbesar
Ilustrasi animasi. freepik.com

Baca berita dengan sedikit iklan, klik di sini

TEMPO.CO, Jakarta - Industri animasi adalah sebuah industri kreatif yang sangat erat dengan pekerjaan dan pekerja yang brilian, inovatif, kreatif, dan suka hal yang menantang.

Baca berita dengan sedikit iklan, klik di sini

Baca berita dengan sedikit iklan, klik di sini

Untuk menembah daya ledak animasi yang dibuatnya, khususnya karya digital, animator terkadang butuh inspirasi dari karya-karya yang sudah ada. Ada beberapa aplikasi dan alat yang menyimpan gambar-gambar dari animator lain yang bisa digunakan untuk membuat karya baru.

Caranya, bisa memadukan animasi tersebut dengan ide baru. Berikut daftar aplikasi animasi untuk desain yang tersedia secara gratis.

1. Lazy Line Painter
Plugin Query untuk animasi dengan format SVG (Scalable Vector Graphics). Cukup letakkan file SVG Anda ke dalam Lazy Converter dan salin kodenya.

2. Animista
Berisi kumpulan animasi pra-pembuatan CSS untuk bereksperimen terlebih dahulu sebelum membuat desain.

3. Flubber
Alat yang menyediakan transisi animasi yang halus antara dua bentuk acak.

4. Shift.css
Aplikasi ini menyediakan kerangka sederhana untuk membuat animasi CSS.

5. Animate.css
Kumpulan animasi cross-browser. Dalam Animate.css terdapat efek-efek seperti bouncing, goyang, berayun, berlari cepat, dan lain-lain.

6. Popmotion
Alat yang menyediakan JavaScript motion. Animasi seperti tween, spring, keyframes, decay dan lainnya tersedia di Popmotion.

7. Animo.js
Alat untuk mengelola transisi dan animasi dengan JavaScript.

8. Bonsai.js
Pustaka grafis JavaScript ringan dengan API grafis intuitif dan renderer SVG.

9. Motion.ui
Pustaka untuk membuat transisi dan animasi CSS dengan cepat. Fungsi inti dari Motion UI adalah untuk melakukan transisi komponen keluar-masuk.

10. Snabbt.js
Pustaka animasi JavaScript minimalis. Alat ini akan menerjemahkan, memutar, memiringkan, atau mengubah ukuran elemen. Alat ini memungkinkan pembuatan animasi yang mulus meski tanpa pengetahuan yang banyak tentang perenderan browser.

Selanjutnya: Bounce, Obnoxious, Rocket...

11. Bounce.js
Alat dan pustaka JavaScript untuk menghasilkan animasi keyframe dengan CSS3.

12. Obnoxious.css
Kumpulan animasi dengan lima efek: shake it, intensifies, fontalicious, strobe, dan twister.

13. Rocket
Membuat animasi saat item dipindahkan ke elemen lain.

14. CSS3 Animation Cheat Sheet
Satu set animasi yang telah diatur.

15. Tuesday
Pustaka animasi CSS yang unik. Untuk mengambil contoh, cukup pilih entrences dan exit, lalu klik animate.

16. CSS3 Animate
Generator animasi keyframe. Animasi keyframe CSS3 dapat dibuat dengan cepat dan mudah di browser tanpa menggunakan perangkat lunak apa pun.

17. Tridiv
Editor berbasis web untuk membuat bentuk 3D dalam CSS.

18. Hover.css
Kumpulan efek dengan CSS3 yang diterapkan pada tautan, tombol, logo, dan SVG.

19. Velocity.js
Perangkat animasi dengan API.

20. SVG.js
Pustaka ringan untuk memanipulasi dan menganimasikan SVG.

Selanjutnya: Magic Animations...

21. Magic Animations
Pustaka untuk animasi efek khusus CSS3 yang berguna untuk gerakan utama.

22. KUTE.js
Perangkat animasi JavaScript dengan alat yang membantu pembuatan animasi kustom.

23. Choreographer.js
Pustaka sederhana untuk animasi yang rumit dan kompleks.

24. Saffron
Kumpulan Sass mixins dan helper yang membuat penambahan animasi dan tarnsisi CSS3 menjadi lebih sederhana.

25. Mojs.io
Alat grafis seluler untuk web. Mojs bekerja cepat dengan deklaratif sederhana dari API. Alat ini bisa digunakan untuk membuat animasi yang menghilang dan banyak lagi.

26. Animae.js
Pustaka animasi JavaScript ringan. Animae bekerja dengan property CSS, transformasi CSS, atribut SVG dan objek JavaScript.

27. CSShake
Alat yang menyediakan CSS untuk memindahkan DOM (Document Object Model) anda.

Simak artikel menarik lainnya tentang animasi hanya di kanal Tekno Tempo.co.

PRACTICAL ECOMMERCE | FARAH DIBAJ | AMB

Image of Tempo

Baca berita dengan sedikit iklan, klik di sini

Image of Tempo
>
Logo Tempo
Unduh aplikasi Tempo
download tempo from appstoredownload tempo from playstore
Ikuti Media Sosial Kami
© 2024 Tempo - Hak Cipta Dilindungi Hukum
Beranda Harian Mingguan Tempo Plus