Motion design

Atlas Awan Edisi Musim Hujan

Lima halaman majalah bergaya editorial di kertas krem memperkenalkan awan: judul besar bertitik merah, angka 12.000 meter yang menghitung naik, glosarium sepuluh genus awan, dan indeks empat lapisan langit. Gambar garis awan tergambar sendiri dan melayang pelan di bagian bawah tiap halaman.

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

Prompt

Buat video vertikal 720x1280 berdurasi 20 detik bergaya editorial majalah cetak untuk buku panduan fiktif "Atlas Awan, Edisi Musim Hujan". Bangun dengan HTML, SVG, dan GSAP. Gaya: kertas krem hangat (#f3efe6), tinta hampir hitam (#16130f), satu warna aksen merah bata (#c2401f) hanya untuk penanda kecil dan titik penekanan. Judul dan angka memakai serif tebal berkontras tinggi (Source Serif 4 900 dan Playfair Display 900), label kecil memakai sans kapital berspasi lebar (Inter 700). Di atas selalu ada kepala halaman: ATLAS AWAN, PANDUAN LAPANGAN, dan nomor halaman dengan garis tipis di bawahnya; di bawah ada kaki halaman "ATLASAWAN · EDISI MUSIM HUJAN 2026". Setiap bab diawali kotak merah kecil dan label kategori. Urutan halaman (sekitar 4 detik per halaman; halaman baru bergeser masuk dari kanan menutupi halaman lama seperti lembar majalah dibalik, nomor halaman di kepala bergulir berganti, dan garis kemajuan merah tipis memanjang di atas kaki halaman): 1. p.02 EDITORIAL: judul besar "Membaca langit sebelum hujan turun." muncul per kata dengan titik merah kecil di atas kata "langit", garis vertikal tipis di kiri, dan teks LEAD singkat. 2. p.03 KETINGGIAN: angka raksasa menghitung naik dari 0 ke 12.000 dengan satuan "m", penggaris ketinggian di kanan dengan penanda segitiga merah dan garis merah yang ikut naik di sepanjang penggaris, tiga garis putus-putus pendek berlabel lapisan rendah, menengah, dan tinggi di kiri, dan kalimat bahwa puncak kumulonimbus di daerah tropis bisa melampaui 12 kilometer. 3. p.04 GLOSARIUM: "10 genus" lalu daftar dua kolom berisi sepuluh nama awan (sirus sampai kumulonimbus) dengan keterangan pendek, muncul bergiliran. 4. p.05 INDEKS: "Sepuluh genus, empat lapisan" dengan baris berdaun titik-titik: lapisan tinggi 3, menengah 3, rendah 2, tumbuh vertikal 2, masing-masing dengan batang tipis yang memanjang, plus catatan kaki kecil. 5. p.06 PENUTUP: kalimat "Langit adalah halaman yang berganti setiap jam." yang muncul per baris dengan titik merah di atas kata "berganti", lalu kolofon kecil berisi edisi, jumlah genus, lapisan, dan halaman. Di ruang kosong bawah setiap halaman, ilustrasi garis tinta awan (kumulus, kumulonimbus berlandas, sirus berserabut, lapisan stratus) tergambar sendiri lewat stroke-dashoffset dan melayang pelan ke samping, supaya halaman tidak pernah diam. Gerakan tenang dan presisi: easing power3/expo, tanpa bayangan, tanpa gradasi mencolok.

Video Motion design lainnya

  1. Takar, Jadwal Obat IbuMotion design20 dtkTakar, Jadwal Obat IbuTempelan kertas berisi pengingat obat Ibu dari anak-anaknya menumpuk di latar krem sampai badge merah menghitung dua belas dosis terlewat, lalu kalimat besar muncul dari buram dan ponsel aplikasi fiktif Takar mencentang jadwal obat dari pagi sampai malam sambil memberi tahu seluruh keluarga.CSS · GSAP
  2. Tas Anyam Pandan Edisi PertamaMotion design20 dtkTas Anyam Pandan Edisi PertamaFilm peluncuran 20 detik untuk tas anyam pandan fiktif Serat: makro anyaman hitam arang dengan dua daun pandan amber dan biru yang teranyam bersilang, lembar spesifikasi di samping tas tote bertali kulit yang disinari cahaya tepi, kilatan putih, lalu tas melayang di depan huruf raksasa ANYAM dengan label edisi pertama.SVG · GSAP · CSS
  3. Situs Partikel Terbang FajarMotion design20 dtkSitus Partikel Terbang FajarHalaman web gelap untuk layanan balon udara fiktif Awang: balon udara dari puluhan ribu partikel berkilau buyar menjadi pusaran arus panas, lalu tersusun ulang menjadi elang perak kebiruan berkepala putih yang melayang, sementara penunjuk ketinggian naik sampai 2.400 m dan lautan awan muncul di bawah cakrawala yang disinari matahari fajar.Three.js · Partikel · Shader
  4. Tambal Ban Tengah MalamMotion design20 dtkTambal Ban Tengah MalamDiorama pixel art malam gerimis: seorang pengendara menunggu di lapak tambal ban pinggir jalan sementara montir mencari bocor di ember, menambal ban dalam, lalu memompanya sampai bulat. Motor melaju pergi, papan LED berganti SELAMAT JALAN, dan kamera berputar memperlihatkan lapisan-lapisan diorama yang melayang di ruang gelap.Three.js · Shader · Canvas 2D
ArtikelSusun brief