完成動畫

PNG 源檔：下載連結

作品資訊

• 名稱：《大學四年紀念-草樣年華》
• 格式：GIF 動畫
• 創作意圖：用草週而復始的生長隱喻大學四年頹廢中懷抱理想的狀態。

製作步驟

1. 準備動畫元素

• 新建 250×70px 黑底畫布。
• 矩形滿版，填線性漸層（調整手柄方向），圖層命名 "grass"（圖 1.1）。
• 新圖層 "text" 輸入標題與簽名，混合模式變暗；兩圖層皆勾選共享交疊幀（圖 1.2）。

2. 草生長動畫核心：元件補間

1. "text" 與 "grass" 間新建 "move" 圖層，鎖定其餘圖層。
2. "move" 層畫矩形，填漸層、混合模式加熱，調整漸層手柄（圖 2.1）。
3. 選矩形 F8 轉「動畫」類型元件，命名「草」，幀數設 10（圖 2.2）。
4. 拖動紅色控點至末幀位置，檢查末幀狀態（圖 2.3）。
5. 時間軸設定：幀 1 延遲 100，幀 2-10 延遲 10 → 全選幀 1-10 → 重製幀 → 幀 11 延遲 200，幀 12-18 延遲 10，幀 19 延遲 100（圖 2.4）。
6. 生長反向：選幀 11，拖動紅/綠控點互換位置，即得生長效果（圖 2.5）。

技術總結

• 利用混合模式（加熱/變暗）+ 元件補間 + 幀延遲控制，無需逐幀繪製即可產生顏色豐富變化的 GIF 動畫。
• 「共享交疊幀」讓標題/背景固定不動，僅動畫層播放。