ESTETIKA BAUHAUS & MOTION RETENSI TINGGI.

Bongkar matematika kurva kecepatan bezier, tipografi kinetik per kata, dan hierarki visual 60 FPS untuk video vertikal 9:16 Instagram Reels. Platform terbuka 100% bebas biaya untuk dieksplorasi oleh para motion designer, editor, dan art director.

Uji Kurva Kecepatan Simulator 9:16

IP: BAUHAUS CONSTRUCTIVIST ARCHETYPE

FORM FOLLOWS FUNCTION ■ 60 FPS MOTION GRAPHICS ▲ WORD-BY-WORD KINETIC TYPOGRAPHY ● INFLUENCE IN 12% / OUT 92% ■ BAUHAUS MODERNIST COMPOSITION ▲ ZERO SLOP MOTION PHILOSOPHY ● FORM FOLLOWS FUNCTION ■ 60 FPS MOTION GRAPHICS ▲ WORD-BY-WORD KINETIC TYPOGRAPHY ●

INTERACTIVE GRAPH EDITOR

BEZIER SPEED CURVE LAB

Atur parameter Influence In dan Influence Out untuk merasakan bagaimana kurva kecepatan After Effects mengubah persepsi elastisitas visual dalam hitungan milidetik.

P1(0.12, 0.90) — P2(0.15, 1.00)

INFLUENCE IN (SPEED LAUNCH) 12%

INFLUENCE OUT (SNAP ELASTICITY) 92%

// CSS & After Effects Mapping

transition-timing: cubic-bezier(0.12, 0.90, 0.15, 1.00);

AE: easeIn(12%) & easeOut(92%)

          60 FPS SNAP PLAYBACK TEST
          
        

OPEN SCRIPT REPOSITORY

FREE AFTER EFFECTS EXPRESSIONS

Koleksi ekspresi matematika siap tempel untuk menghasilkan animasi organik, pantulan inersia, dan bounding box otomatis tanpa ribet keyframe manual.

Inertial Elastic Overshoot

Menciptakan osilasi inersia natural pada keyframe posisi atau skala tanpa membuat keyframe pantulan tambahan. Sempurna untuk teks judul pembuka.

AE JAVASCRIPT ENGINE

// Inertial Bounce Expression for Scale & Position
n = 0;
if (numKeys > 0){
  n = nearestKey(time).index;
  if (key(n).time > time){ n--; }
}
if (n == 0){ t = 0; } else { t = time - key(n).time; }
if (n > 0 && t < 1){
  v = velocityAtTime(key(n).time - ((thisComp.frameDuration)?thisComp.frameDuration:0.01));
  amp = 0.05; freq = 4.0; decay = 8.0;
  value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
} else { value; }

RETENTION LABORATORY

9:16 KINETIC SUBTITLE & SAFE-ZONE SIMULATOR

Uji coba penempatan teks subtitle kinetik per kata di dalam viewport vertikal Instagram Reels agar tidak tertabrak avatar profil, tombol like, atau bar navigasi.

TOP HEADER AREA (90px) — JANGAN LETAKKAN TEKS

BOTTOM CAPTION BAR (140px) — JANGAN LETAKKAN TEKS

ICONS

MASUKKAN HOOK KALIMAT (AUTO-SPLIT PER KATA):

TEMPO PER KATA (DURATION) 190 ms

Prinsip Retensi 3 Detik: Highlight kuning dan merah secara dinamis memicu fovea sentral mata penonton. Menjaga fokus teks tetap di tengah (vertically centered safe-zone) menjamin audiens membaca tanpa terdistraksi ikon antarmuka Instagram.

SYSTEM BREAKDOWN

3 FORMULA RETENSI VISUAL PIXYTH

Arsitektur naskah dan motion yang membuat video vertikal 9:16 ditonton hingga detik terakhir tanpa loncat.

FORMULA // 01

The 0.3s Snap Hook

Gunakan transisi warna primer murni (Kuning Bauhaus atau Merah) dalam 12 frame pertama untuk menginterupsi kebiasaan doom-scrolling penonton seketika.

FORMULA // 02

The Spatial Axis Shift

Pisahkan latar belakang, teks, dan objek 3D ke dalam 3 kedalaman Z-axis yang berbeda. Gerakan kamera mikro 2.5% memberi kesan dinamis tanpa memicu motion sickness.

FORMULA // 03

The Kinetic Loop Seal

Sinkronkan frame penutup dengan frame 0 naskah agar audiens memutar ulang video secara tidak sadar, melipatgandakan metrik replay rate akunmu.