Motion design

Tujuh Keping, Seribu Bentuk

Tujuh 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.

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

Prompt

Buat video motion design 20 detik (1280x720) dalam satu file HTML memakai SVG, canvas, dan GSAP, tentang tangram. Gaya reel minimalis: latar hampir hitam, huruf grotesk tebal putih, aksen merah, biru, dan hijau, label bab bernomor kecil, timecode di pojok kanan atas, latar grid titik di canvas yang beriak setiap kali bentuk selesai tersusun, dan teks raksasa bergaris tipis yang bergeser pelan di bawah. Bab 1: judul kinetik "Tujuh keping, seribu bentuk." muncul kata demi kata, baris kedua disapu blok sorot merah, sementara persegi tangram tergambar sebagai garis di kanan lalu merenggang. Bab 2: garis-garis itu terbang menjadi deretan tujuh keping yang terisi warna satu per satu dengan easing pegas, masing-masing berlabel pecahan luasnya, disusul persamaan 1/4 + 1/4 + 1/8 + 1/8 + 1/8 + 1/16 + 1/16 = 1, lalu semuanya menyatu menjadi satu persegi utuh. Bab 3: keping yang sama bergeser dan berputar menjadi perahu layar, ikan, lalu kucing, tiap bentuk diberi nama besar dan satu kalimat keterangan, dan keping yang disebut berkedip. Penutup: keping kembali menjadi persegi di kanan dengan judul "Bentuk berikutnya, giliranmu." yang disorot merah, lalu persegi itu merenggang sejenak dan berputar menjadi belah ketupat.

Video Motion design lainnya

  1. Tampung, Jasa Panen Air HujanMotion design20 dtkTampung, Jasa Panen Air HujanVideo layanan bergaya editorial krem untuk jasa fiktif Tampung: garis biru tebal mengalir dari daftar langkah ke grafik curah hujan yang menandai musim hujan dan menghitung 165.504 liter per tahun dari atap, lalu menjadi pipa yang mengisi tangki 2.000 liter sebelum ditutup daftar langkah tercentang dan tombol survei gratis.SVG · CSS
  2. Atsiri, Racik Parfum OtomatisMotion design20 dtkAtsiri, Racik Parfum OtomatisVideo peluncuran 20 detik untuk aplikasi fiktif Atsiri: kursor memilih keluarga aroma dari daftar, pesanan tentang wangi tanah setelah hujan diketik, lalu kalender seminggu terisi botol parfum. Di latar gelap, empat panel Formula, Aroma, Racik, dan Kirim bekerja di sekitar logo tetes yang meneteskan cairan ke botol racikan hingga botol siap dan mengepulkan kabut wangi, lalu kamera mundur ke dinding rapi botol batch lain yang terisi satu per satu dan ditutup kalimat Satu aroma, tiap pagi.SVG · CSS
  3. Neraca, Banding Harga SepasarMotion design20 dtkNeraca, Banding Harga SepasarIklan peluncuran vertikal untuk aplikasi fiktif Neraca di latar hitam: kartu harga beras dari delapan pasar tersusun berdampingan, sinar pemindai biru membaca tiap harga, menggambar grafik tren mini, dan memberi label murah, wajar, atau mahal. Daftar lalu diurutkan, timbangan miring ke pasar termahal, dan grafik batang menutup dengan selisih Rp 2.700 per kilo.SVG · CSS
  4. Jaga, Jurnal Kebun SatwaMotion design20 dtkJaga, Jurnal Kebun SatwaDua belas wajah coretan perawat satwa, dokter hewan, pemandu, dan tim malam tersusun di halaman putih dengan judul "Semua tercatat.", lalu tabel Jurnal Satwa Harian terisi baris demi baris. Kamera mendekat ke kolom Tahap pakan dan Kondisi yang berganti sendiri disertai notifikasi, lalu ditutup logo aplikasi fiktif Jaga dengan peta lima kandang yang dihubungkan jalur putus-putus.SVG · GSAP · CSS
ArtikelSusun brief