Menambahkan animasi membuat dokumentasi Anda seperti ppt, github readme, atau panduan menjadi lebih baik menarik perhatian dan lebih mudah dipahami.
Tools Required #
Tools yang diguanakan meliputi:
- draw.io
- ScreenToGif
Untuk implementasinya dengan membuat diagram alur.
draw.io #
Akses draw.io di browser.
Selanjutnya buat diagram, misalnya CI/CD example
Pilih line yang akan ditambahkan animasi. Lalu klik Property
Scroll kebawah dan pilih Flow Animation
Tambahkan animasi juga pada line yang lain.
ScreenToGif #
Untuk mengunduh ScreenToGif, Anda dapat memilih versi installer atau portabelnya disini.
Setelah itu buka aplikasi ScreenToGif dan pilih Recorder
Sesuaikan windownya seperti berikut.
Selanjutnya klik Record lalu klik Stop sesuai durasi yang Anda inginkan.
Pilih File > Save as untuk menyimpan menjadi gif.
Enable transparency, dan ubah color seperti berikut.
Terakhir tentukan nama dan lokasi file yang akan disimpan.
Hasilnya.
Compress image untuk mengurangi ukuran file. Bisa melalui iloveimg