Motion design

Kuku si Kukang Tak Telat Lagi

Kuku, seekor kukang mungil bergaya gambar krayon, selalu ketinggalan bus sekolah sampai ia memasang aplikasi alarm fiktif Gegas. Sejak itu ia selalu duluan sampai di halte, hitungan tepat waktunya terus naik, dan cerita ditutup dengan kartu ajakan memasang Gegas.

Motion design · Canvas 2D, Partikel, CSS · 20 detik · 720×1280

Prompt

Buat animasi cerita pendek vertikal 9:16 berdurasi 20 detik dalam satu file HTML dengan Canvas 2D, gaya kartun kawaii bertekstur krayon: garis tepi tebal ungu tua (#2b2540) yang sedikit bergetar seperti animasi gambar tangan, isian warna cerah dengan goresan krayon, dan butiran kertas di seluruh layar. Latar: jalan desa di pagi hari dengan langit biru bergoresan, awan putih yang melayang, bukit hijau berundak dengan rumah beratap genteng, jalan aspal, trotoar, dan halte bus beratap hijau toska dengan papan hari. Tokoh utama Kuku, kukang mungil berkepala bulat dengan topeng mata cokelat tua, garis putih di dahi, pipi merona, dan tas punggung oranye. Bus kuning bermata lucu di kaca depannya. Teks caption besar berwarna putih dengan outline gelap (font Baloo 2) di bagian atas, baris kedua diberi warna aksen. Adegan 1 (0-4,5 dtk): caption 'Kuku si kukang / SELALU telat'; Kuku berjalan pelan dengan mata mengantuk, bus berangkat meninggalkan asap, Kuku kaget lalu murung di bawah awan hujan kecil. Adegan 2 (4,5-8,5 dtk): caption 'sampai dia pasang / Gegas'; ponsel memantul masuk menampilkan alarm berdering, jam 06.00, info 'Bus 12 tiba 6 menit lagi', tombol 'Berangkat!' ditekan lalu berubah hijau 'Siap!'; awan hujan pecah jadi kilau dan Kuku melompat dengan mata bintang. Transisi sapuan krayon warna-warni. Adegan 3 (8,5-13 dtk): caption 'sekarang dia / DULUAN'; Kuku sudah menunggu di halte, bus datang dan mengerem dengan memantul, matanya terbelalak, hati-hati beterbangan, penghitung 'tepat waktu x1' muncul, Kuku melompat naik dan melambai dari jendela. Adegan 4 (13-16,5 dtk): caption 'dan dia NGGAK / berhenti'; montase cepat empat hari (papan hari SEL, RAB, KAM, JUM), bus datang dan pergi berulang, penghitung naik sampai x5. Adegan 5 (16,5-20 dtk): latar mengabur, kartu penutup memantul masuk dengan ikon aplikasi Gegas (jam weker bermata kukang), nama Gegas, tagline 'alarm buat si paling lambat', dua label fitur, tombol 'Pasang Gegas' yang berdenyut dan ditekan Kuku, diiringi hujan hati. Semua gerak memakai easing pegas yang lincah, tanpa jeda diam lebih dari dua detik.

Video Motion design lainnya

  1. Laras, Gitar Selaras SekejapMotion design20 dtkLaras, Gitar Selaras SekejapPil penyetel yang miring dalam perspektif menunjukkan senar sumbang dan gelombang pelayangan merah, lalu berubah menjadi bola cahaya yang menggambar gelombang bersih dan mengetik wordmark laras. Ponsel menyetel senar gitar satu per satu sementara teks di kiri ikut berganti, lalu bola cahaya memetik enam senar bercahaya sebelum logo dan tagline muncul.Canvas 2D · SVG · GSAP
  2. Ayo Ramaikan Lomba Tujuh BelasanMotion design12 dtkAyo Ramaikan Lomba Tujuh BelasanSeorang anak kartun berkaus merah dengan nomor dada 17 dan ikat kepala merah putih mengumumkan lomba tujuh belasan lewat enam adegan pop yang berganti cepat. Judul tebal bergaya stiker, medali emas, kartu lomba yang bergulir, ubin ikon karung sampai kerupuk, dan hujan konfeti menutup ajakan untuk meramaikan lapangan.SVG · GSAP · PartikelJuri 91
  3. Satu Langkah Sampai Garis FinisMotion design20 dtkSatu Langkah Sampai Garis FinisIklan tipografi kinetik tentang lari maraton: huruf serif tebal SATU, Tempo, Napas, Jarak, dan Terus bergantian di latar kertas, hitam, dan merah, ditemani catatan monospace, grafik tempo, gelombang napas, dan 42 kotak kilometer yang terisi, lalu ditutup pita finis merah yang putus di tengah.SVG · Canvas 2D · CSS
  4. Kilap, Kasir Cuci SepatuMotion design15 dtkKilap, Kasir Cuci SepatuPromo gerak aplikasi fiktif Kilap untuk jasa cuci sepatu: tiga pasang sepatu dicatat dan notanya masuk antrean, sikat berputar membersihkan sepatu lalu dibilas dan dikeringkan sambil tahap kerja maju, lalu pelanggan dikabari lewat ponsel bahwa sepatunya siap diambil.SVG · GSAP · CSS
ArtikelSusun brief