← hyperframes

/cut-the-curve

動畫與介面手感hyperframesAI翻譯

技巧目錄:五種速度對齊的轉場接縫(zoom-through、INVERSE zoom-through、cut-the-curve、waterfall cut、rack-focus blur-cut),加上兩種場景內技巧:waterfall ENTRY 與 nudge curve。

專案星數
7.7 萬 ★
授權
Apache-2.0
專案更新
2026-11-02

原文

The technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) plus the two in-scene techniques — waterfall ENTRY (staggered arrival cascades for title cards / segment openers) and the nudge curve (slow-fast-slow three-phase group slides). Covers partial-travel (~12% of frame) velocity matching via mirrored power4 eases, the Z scale-sign rule, size-scaled blur (10px text / 18-20px full-frame), word-by-word staggered cuts, cascade pacing by element weight, and the 10/65/25 slide ratio. Read before authoring any transition, text-beat handoff, kinetic text entry, or group reposition. [depth, zoom, inverse-zoom, scale-sign, mirrored-zoom, rack-focus, pacing, velocity, cut-the-curve, waterfall, stagger, cascade, kinetic-text, title-card, segment-opener, nudge, slide, easing, group-motion, z-depth, motion-graphics, cinematic, transition, blur, directional-continuity]