動態集錦
三十秒,三個篇章
為 Cambrian College 的 ART 1010 Motion Graphics I 課程製作的 30 秒動態作品展示。
三個篇章
每個篇章長 10 秒,透過形狀變化接續下一段:第一部分的核心縮成游標,帶出名字;名字周圍的角框展開成標誌的外框;八條基線則變成圖形符號的八根橫條。
音樂:Karneef 的〈What If So Then〉(YouTube 音樂庫)。
第一篇章:跟著節拍的圖形
128 根刻度線圍著一個小圓點排成一圈,圓點固定了畫面的中心。刻度線隨音樂的 64 個頻段變化,圓環內的一圈虛線帶則隨中頻變寬。三次強烈的大鼓節拍讓圓環的大小彈動約 7%。最強的一拍把圓環分成六段弧線,中央出現一個實心核心,隨後又跟著兩次大鼓節拍彈動。接近結尾時,圓環向內收攏,融入核心,核心再縮成一個圓點。
第二篇章:名字動畫
圓點像游標一樣閃爍兩次,名字從 Ashton 開始,逐個字母打出來。角框從圓點中彈出,框住名字。名字停留時,字距仍緩緩拉開,讓每次停留都有細微變化。角框加寬成三行框架,容納 Ashton Zhengshen Shu;全名稍稍向前靠近,再逐步擦除,只留下 Ashton。角框隨四次大鼓節拍彈動,最後展開成標誌的外框。這個做法延續了本網站開場的名字動畫。
第三篇章:讓標誌頁面動起來
第三部分從一張靜態頁面開始:Superlinear Academy 品牌規範中的標誌頁。名字部分最後兩次大鼓響起時,八條細基線橫越畫面,依序逐條顯現,變成圖形符號的八根橫條。橫條隨後像圓錐一樣繞著圖形符號的垂直軸旋轉,彼此略微錯開節奏,轉到側面時顏色變淡。旋轉迎著一次強烈的大鼓節拍加速,維持速度後再減速,正好轉完五圈,回到原來的標誌。這個想法源自 Superlinear Academy 頁面上的兩段標誌循環動畫:「掃描」和「錐形旋轉」。
製作過程
Ashton 設計了動作並設定時間節奏,再於 After Effects 中逐版修改。