[Tanpa Instal Software] Cara Mudah Bikin Animasi Pesan Teks Secara Online!

Mau bikin animasi sederhana seperti pop up notifikasi smartphone, atau animasi chatting pesan teks, atau animasi dan motion desain lainnya? Tapi laptop terasa berat kalau instal software untuk editing? Tenang, karena kamu tidak perlu instal software atau aplikasi apapun untuk Bikin Animasi Pesan Teks Secara Online, cukup pakai browser saja. Tutorial videonya silahkan lihat di akhir artikel ini.

Hampir Semua Aplikasi Ada Versi Online nya.

Sekarang ini, hampir semua aplikasi atau software apapun tersedia versi online nya. Misalnya aplikasi desain dan foto editor, dulu kita sangat familiar dengan CorelDraw dan Adobe Photoshop. Sekarang sudah ada aplikasi untuk desain versi online, Canva misalnya. Dengan Canva, kita bisa membuat desain logo, poster, presentasi, dan desain lainnya secara online secara gratis dengan fitur yang sangat bagus. Menariknya Canva mudah digunakan sekalipun untuk orang awam, tidak seperti CorelDraw atau Photoshop yang memang dikembangkan untuk ekspert. Sampai saat ini Canva digunakan oleh 30 Juta pengguna setiap bulan nya. Jadi untuk kebutuhan personal sehari-hari cukup menggunakan Canva saja. Kalau tertarik belajar Canva, saya sudah membuatkan beberapa video tutorial menggunakan Canva di sini. Seri Tutorial Canva Lengkap : Cara Mudah Bikin Desain Online Gratis.

Bikin Animasi Secara Online Lewat Website Jitter.video

Di era sekarang ini, aktivitas dan pekerjaan manusia sangat dimudahkan dengan adanya teknologi yang semakin canggih. Teknologi diciptakan sebagai tools atau alat untuk mempermudah hidup manusia. Termasuk dalam hal editing video atau pembuatan animasi. Kalau kita kilas balik beberapa tahun lalu, untuk membuat motion design atau animasi teks, mungkin kita butuh instal aplikasi editing video yang berat seperti Adobe After Effect, mungkin bisa juga pakai PowerPoint (seperti yang sering saya lakukan). Selain ukuran file yang besar, untuk menggunakan software tersebut juga dibutuhkan spesifikasi komputer atau laptop yang cukup mumpuni.

Beruntungnya, sekarang sudah ada website yang memungkinkan kita bisa membuat animasi secara online hanya melalui browser saja! Gak perlu instal software apapun, cukup dari browser saja!

Jitter

Salah satu website untuk membuat animasi secara online adalah Jitter. Website ini memberikan user experience yang sangat simpel, cukup pilih template, edit dan eksport. Untuk mengakses nya kamu bisa buka alamat website nya di https://jitter.video/

[Tanpa Instal Software] Cara Mudah Bikin Animasi Pesan Teks, Pop Up Notifikasi, Secara Online!

Halaman depan Jitter

Fitur

Jitter membawa image sebuah platform motion design yang simpel tapi powefull. Beberapa fitur yang ditawarkan Jitter, diantaranya sebagai berikut:

Text animation
Animation preset
Custom animations
Figma import
Video & GIF export
Animated components (coming soon)

Fitur jitter.video

Templates

Untuk mulai membuat animasi, kita diizinkan untuk memilih template, lalu kita edit, kemudian export ke dalam bentuk GIF atau video. Sepertinya belum ada opsi untuk membuat animasi dari awal (blank).

Beberapa contoh template

Ada berbagai macam template yang bisa kita pakai dari berbagai kategori, diantaranya:

Social media
Notification mobile
Screen smartphone
Aimated logo & icon
Website mockup
Blog article
Classic animation
Photo gallery, etc.

Selengkapnya bisa dilihat di sini https://jitter.video/gallery/

User Interface yang Simpel & Elegan

Salah satu faktor penting dalam pengembangan sebuah aplikasi atau website adalah user interface dan user experience. Desain user interface dan experience yang simpel biasanya akan membuat nyaman pengguna, apalagi kalau segmen pasarnya adalah orang awam. Jitter menghadirkan desain UI yang sangat simpel dan clean, mirip dengan UI/UX software dalam ekosistem Apple yang bikin pengguna betah.

Tampilan user interface halaman editing

Contoh Hasil Animasi Yang Saya Buat

Saya buatkan dua contoh animasi yang saya buat menggunakan Jitter.video. Pertama, animasi pesan teks atau chatting di aplikasi smartphone. Biasanya animasi seperti ini digunakan untuk melengkapi footage video yang di dalam nya ada interaksi orang dengan smartphone.

Template text message

Bentuk file animasi setelah template selesai diedit dan diekspor adalah video (.mp4). Selanjut nya bisa langsung diposting ke sosial media atau website. Atau bisa juga digunakan pada software editing video lain seperti ke Adobe Premiere Pro. Sengaja saya kasih background hijau, karena akan diberi efek Ultra Key di Premiere Pro untuk menghapus backround video animasinya, konsepnya seperti green screen pada film-film. Setelah dihapus background nya dan diletakkan di atas footage lain, hasilnya akan seperti di bawah ini. Untuk versi videonya ada di akhir artikel ini.

Setelah background dihapus di Premier Pro

Contoh kedua, saya pilih template mockup aplikasi keuangan seperti di bawah ini. Sama seperti sebelumnya, animasi akan dipakai di Premiere Pro, jadi background juga akan dihapus. Jadi saya pilih background warna ungu, dimana warna ungu tidak ada di dalam desain, sehingga tidak ada desain yang ikut terhapus.

Template: Revenue App

Setelah dimasukkan ke Premiere Pro, lalu dihapus background (warna ungu) nya, dikombinasikan dengan footage lain, hasilnya seperti ini:

Setelah dimasukkan ke Premiere Pro

Cara Edit dan Ekspor Tempates (Disertai Contoh Hasil)

Jika kamu sudah pernah menggunakan Canva sevelumnya, saya yakin tidak akan kesulitan untuk menggunakan Jitter Video ini. Sebagai referensi, saya sudah buatkan video tutorial cara untuk menggunakan dan mengedit templates dari Jitter Video ini pada video di bawah ini: