Galeri
Contoh video motion design buatan Opus 5.5
Showreel, tipografi kinetik, dan iklan pendek yang seluruhnya ditulis sebagai kode oleh Claude Opus 5.5.
Menampilkan 1-24 dari 229 video · Halaman 1 dari 10
Motion design20 dtkPinisi dari Satu Garis PensilSatu garis pensil di kertas krem bergaris biru berubah menjadi lunas, papan lambung yang dibengkokkan di atas mal, gading, rumah buritan, kemudi samping, tiang, dan layar kapal pinisi berburitan tinggi, lalu dibanjiri biru menjadi cetak biru, berputar menjadi penampang melintang yang simetris, dan berlayar sebagai hologram cyan di atas ombak garis pindai sebelum kembali menjadi judul.Canvas 2D
Motion design20 dtkMenyelam ke Dasar SamudraKamera turun tanpa potongan dari bawah permukaan laut yang terang sampai dasar samudra 4.000 meter. Di sepanjang jalan tampak kawanan ikan, pari manta yang melintas di atas kepala, ubur-ubur dan sifonofor yang menyala sendiri, salju laut, lalu cerobong hidrotermal yang mengepulkan asap hitam di atas cahaya jingga.Three.js · Shader · WebGL
Motion design20 dtkTiga Kemampuan Udang MantisVideo motion graphic tiga bab tentang udang mantis: grafik spektrum yang memperlihatkan dua belas jenis fotoreseptornya, diagram pegas dan kait yang mengunci lalu melepas tenaga pemukul, serta adegan layar penuh saat pemukulnya menghantam dan meretakkan cangkang siput.SVG · GSAP · CSS
Motion design20 dtkRendang Butuh SabarSebuah resep nenek berubah jadi cerita empat jam memasak rendang: daftar bahan dicentang satu per satu, lembar resep tergulung ke atas, lalu wajan miring berisi santan kuning dan potongan daging perlahan menggelap jadi kalio dan akhirnya rendang kering, sementara meteran kematangan di bawah naik dari 0 sampai 100 persen dan ditutup headline "Kesabaran Terbayar."CSS · Canvas 2D · GSAPJuri 91
Motion design20 dtkPuncak Tertinggi NusantaraPertanyaan "Gunung tertinggi di Indonesia?" dijawab lewat layar pemindai gelap beraksen oranye: tujuh kartu puncak dengan siluet khas masing-masing dipindai dari barat ke timur sambil penanda bergerak di peta titik-titik Nusantara, lalu berubah jadi grafik profil ketinggian berskala sama yang diurutkan. Di akhir, PUNCAK JAYA muncul besar dengan bayangan oranye dan angka 4.884 mdpl.Canvas 2D · CSS
Motion design14 dtkMembuat Motif Batik di PonselPanduan aplikasi tiga langkah di atas latar lukisan cat minyak warna pasir: kursor sentuh memilih motif kawung, mengganti warnanya dari sogan ke indigo dan merapatkan polanya, lalu kain batik hasilnya digantung di batang bambu, melambai tertiup angin, dan disimpan.SVG · GSAP · CSSJuri 90
Motion design20 dtkCukup Bawa Satu RanselVideo peluncuran satir tentang kebiasaan membawa terlalu banyak barang: kartu daftar bawaan liburan dua hari terus memanjang sampai timbangannya lewat batas dan dicap merah KEBERATAN, lalu semua barang tersedot pusaran di panggung gelap dan muncul tulisan krom besar Ransel. di bawah lampu sorot.SVG · GSAP · CSSJuri 92
Motion design20 dtkAplikasi Sangrai Kopi TorajaPromo gerak aplikasi fiktif penyangrai kopi: biji Toraja dipilih dari daftar, profil Sedang diatur, lalu kurva suhu biji tergambar langsung sampai crack pertama dan batch selesai dengan notifikasi serta ringkasan 250 g menjadi 212 g. Video ditutup kartu akhir bertuliskan nama aplikasi sangrai.SVG · GSAP · CSS
Motion design20 dtkPeluncuran Bank Sampah DigitalVideo peluncuran aplikasi fiktif Tabung Sampah di latar hitam beraksen hijau mint: tiga batang putih tersusun menjadi logo bersama tagline, kata Pilah. Timbang. Tabung. tampil satu per satu, lalu kartu harga sampah per kilo dan timbangan digital miring dalam perspektif 3D, papan peringkat RT yang berganti juara, dan penutup logo dengan tagline baru.Canvas 2D · SVG · GSAPJuri 91
Motion design20 dtkKe Mana Listrik Rumahmu PergiPromo gerak aplikasi fiktif pemantau listrik rumah: batang bertumpuk 3D berwarna amber di latar gelap memecah pemakaian seminggu menjadi AC, kulkas, lampu, dan lainnya, lalu ponsel miring menampilkan tab Mingguan dan Bulanan sebelum mengecil menjadi ikon aplikasi 3D amber mengilap berbentuk rumah berpetir.Three.js · SVG · CSS
Motion design20 dtkLintang, Pemandu Langit MalamPromo gerak aplikasi fiktif pengamat bintang bernama Lintang: di dalam mockup ponsel, peta langit dengan rasi Orion dan sabuk Waluku tergambar, lalu kartu bulan, planet, kecerahan langit, jadwal malam, dan pengingat hujan meteor Geminid muncul satu per satu mengikuti judul besar di atasnya. Empat titik tema mengubah tampilan aplikasi sampai mode merah, lalu sebuah meteor besar melintas di depan ponsel sebagai penutup.Canvas 2D · SVG · GSAP
Motion design20 dtkJadwal Siram yang Tak TenggelamTipografi kinetik di latar krem bercerita tentang monstera yang menguning karena jadwal siramnya terkubur di galeri foto, lalu aplikasi fiktif kebun kecil mengurutkan lima tanaman menurut rasa haus dan menyiram monstera sampai kelembapannya naik.SVG · GSAP · CSS
Motion design20 dtkPeluncuran Musim HujanFilm peluncuran bergaya fotokopi halftone hitam dan cyan yang memperlakukan musim hujan seperti produk baru. Setetes air bercahaya menjadi tokoh utama: ia mengikuti kalimat yang diketik, jatuh tepat di ketukan, memicu riak, kata kinetik TURUN, MERESAP, MENGALIR, angka curah hujan, payung yang terbuka, dan akhirnya mendarat menjadi logo.Shader · WebGL · Canvas 2DJuri 93
Motion design20 dtkPasang Surut Mengikuti BulanReel gerak biru elektrik tentang pasang surut: judul kinetik, terminal yang menghitung pasang tujuh hari, tabel enam fase bulan yang menggambar gelombangnya sendiri, lalu diagram bumi dan bulan yang menyusut menjadi logo penutup.Canvas 2D · PartikelJuri 91
Motion design20 dtkKelopak, Buku Lapangan AnggrekPromo gerak aplikasi fiktif Kelopak untuk mengenali anggrek hutan: ponsel 3D berpindah dari kamera makro di hutan yang rimbun ke buku lapangan kertas krem yang menggambar dan menamai Anggrek Bulan, Anggrek Hitam, dan Anggrek Tebu satu per satu. Sebuah kartu kertas lalu keluar dari ponsel dan menguraikan bagian bunga anggrek sampai bibirnya menyala, sebelum partikel emas berkumpul menjadi logo bunga Kelopak.GSAP · CSS · Canvas 2D
Motion design20 dtkKafein, Molekul Pembuka PagiWordmark kafein menebal dari tipis ke hitam pekat, lalu empat belas ubin atom putih yang mengilap berjatuhan di latar lavender terang dan menyusun diri menjadi struktur molekul kafein yang miring dalam 3D, lengkap dengan ikatan, cincin pirimidin dan imidazol, serta legenda 24 atom yang disorot per jenis. Molekul itu menyusut menjadi satu ubin biru yang membesar menjadi kartu miring bertuliskan Selamat pagi.SVG · GSAP · CSS
Motion design20 dtkArisan Rapi Tanpa PusingGelembung obrolan grup arisan yang penuh pertanyaan bermunculan lalu menghilang, kemudian aplikasi fiktif Gilir tampil di ponsel: iuran anggota tercentang lunas satu per satu, pengingat terkirim, dan toples kocokan diguncang sampai keluar kartu pemenang dengan hujan konfeti, lalu ditutup kartu akhir berisi nama Gilir dan ajakan mengunduh.SVG · GSAP · CSS
Motion design20 dtkTujuh Keping, Seribu BentukTujuh keping tangram berwarna merah, biru, putih, dan hijau tergambar dari garis, diberi label pecahan luasnya, lalu menyatu menjadi persegi dan berubah wujud menjadi perahu layar, ikan, dan kucing. Semuanya diiringi tipografi kinetik dengan blok sorot merah di latar gelap.SVG · Canvas 2D · GSAP
Motion design10 dtkWijayakusuma Mekar Tengah MalamDi taman bergaya buku cerita bergambar, sore yang keemasan berganti senja lalu malam berbintang sementara jam kecil di pojok berputar cepat menuju pukul 00.00. Tabung bunga merah bata dari tepi daun wijayakusuma melengkung naik, lalu kuncupnya mekar menjadi bunga putih bercahaya berkelopak luar ramping kemerahan yang didatangi ngengat dan aliran serbuk sari.SVG · CSS · Partikel
Motion design20 dtkSatelit Kubus yang Harus DietDi latar hitam bercahaya ungu, kartu anggaran massa satelit kubus fiktif KenariSat terisi baris demi baris sampai totalnya 4,41 kg dan melewati batas roket 4,00 kg. Angka itu dicoret, turun menjadi 3,62 kg bergradasi ungu-magenta, lalu panel laporan menampilkan satelit kubus 3D yang berputar dan membentangkan panel suryanya seperti sayap, bar perbandingan massa awal dan akhir tiap komponen, pengukur batas massa, dan kursor yang mengunci rancangan.CSS · SVG
Motion design15 dtkProfil Gula Aren NiralokaProfil gerak 15 detik untuk produsen gula aren fiktif Niraloka: emblem pohon aren dengan tetes nira yang jatuh ke bumbung, linimasa 2014 sampai 2026, alur empat langkah dari sadap nira sampai ke dapur, angka capaian di panel kuning, lalu grafik penjualan yang tumbuh. Semuanya dibingkai HUD navy beraksen amber dengan sapuan pita diagonal kuning dan oranye antarbab.SVG · GSAP · Canvas 2D
Motion design20 dtkLarik, Teman Menulis PantunTeaser aplikasi fiktif Larik di latar krem beraksen ungu: baris keempat sebuah pantun diketik di editor gelap, lalu tombol Cek Rima menyorot pola a-b-a-b, busur rima, suku kata, serta bagian sampiran dan isi. Video ditutup dengan dinding nama jenis dan istilah puisi Nusantara yang bergulir dan logo Larik.Canvas 2D · SVG · GSAPJuri 90
Motion design15 dtkJejak Neon Sikep MaduGaris neon hijau limau melacak migrasi seekor sikep madu bertanda pemancar melewati empat titik singgah berikon dan berlabel jarak, lalu burung kaca 3D bersayap jari dan berekor kipas mengepak di depan cincin radar di samping tulisan setiap kepakan tercatat. Penutupnya angka 8.640 km yang menghitung naik di balik tiga kartu kaca yang membiaskannya.Three.js · Canvas 2D · Shader
Motion design20 dtkSiul, Pengenal Kicau BurungPromo gerak aplikasi fiktif Siul di latar hitam beraksen oranye: kursor otomatis mengenali ratusan rekaman kicau burung sekaligus, menyorot tiap kicauan di spektrogram yang bergulir, lalu memetakan sebaran Kepodang per bulan.SVG · CSS · Canvas 2DJuri 91