效果預覽

溫馨茶室場景：茶壺依序為三個茶杯倒茶，茶水流動自然，茶杯冒熱氣，背景有茶盤、詩詞裝飾，整體氛圍悠閒療癒。

製作流程總覽

1. 場景設定：綠色背景、新建「茶」影片剪輯
2. 繪製茶杯（三個相同）
3. 繪製茶壺
4. 茶壺倒茶動畫（移動 + 旋轉）
5. 茶水流動動畫（形狀補間 + 透明度漸變）
6. 熱氣/蒸汽動畫（形狀補間循環）
7. 場景佈置：茶盤、標題文字、詩詞背景
8. 主場景組合測試

詳細步驟

1. 文件與主元件建立

• 新建文件，背景設綠色（或偏好色）
• Ctrl+F8 新建影片剪輯「茶」

2. 繪製茶杯（三個相同）

1. 填滿無、筆觸有色、橢圓工具畫橢圓（杯口）
2. 線條工具畫直線（杯身側邊）
3. 調整形狀成杯子輪廓，筆觸高度 2pt
4. 填充：杯內白色、杯身放射狀漸層
   • 左色標：#B97B3E（暖棕）
   • 右色標：#664422（深棕）
   • 邊線：#86592D
5. 漸層變形工具調整光心位置
6. 全選 → Ctrl+G 群組
7. 按 Alt 拖曳複製兩個（共三杯）


3. 繪製茶壺

1. 新圖層，橢圓+線條工具繪製壺身輪廓
2. 選取工具微調節點貼合
3. 放射漸層填充：左 #C18446、右 #664422、邊線 #86592D
4. 漸層變形工具調整
5. 刪除壺蓋頂部多餘線條
6. 文字工具打「茶」字置於壺身
7. 全選群組


4. 茶壺移動倒茶動畫

• 茶壺圖層：第 15 幀關鍵幀、第 30 幀關鍵幀（移至第一杯上方）
• 15→30 幀建立動作補間
• 第 35 幀關鍵幀（傾斜倒茶姿態）
• 新圖層「茶水線」：第 35 幀畫茶水流線條


5. 茶水注入動畫（形狀補間 + 透明度）

• 新圖層「茶水填充」（在茶水線下方）
• 第 35 幀關鍵幀：畫半圓填充 #FFCC33（茶色）
• 第 50 幀關鍵幀：同位置
• 第 35 幀設 Alpha 0% → 35→50 幀形狀補間（茶水淡入）


6. 第二、三杯茶同步製作

• 茶壺移動到第二杯、第三杯位置，插入關鍵幀、補間
• 各杯對應新增「茶水線」、「茶水填充」圖層
• 中間不倒茶段落插入空白關鍵幀（F7）保持靜止
• 所有茶水相關圖層幀數對齊延長


7. 熱氣/蒸汽動畫（獨立元件複用）

1. Ctrl+F8 新建「蒸汽1」MC：第 20、40 幀關鍵幀，白色 20% Alpha 煙狀形狀，1→20、20→40 形狀補間（第 40 幀 Alpha 0%）
2. Ctrl+F8 新建「蒸汽2」MC：拖入「蒸汽1」，第 15 幀關鍵幀貼上原位複製（兩組錯開）、第 25 幀再貼上（三組）、第 25 幀加 stop()
3. 回「茶」MC：茶壺層下新增「蒸汽」層
4. 第 35 幀（開始倒第一杯）拖入「蒸汽2」，Alpha 30%
5. 第 61 幀（開始倒第二杯）插入關鍵幀，再拖一個 Alpha 30%
6. 第三杯同理
7. 茶壺最後一幀加 stop()


8. 主場景佈景

• 新圖層「茶盤」畫茶盤
• 新圖層「標題」：大「茶」字 → F8 圖形元件 → 降低透明度 → 複製多個、縮放變化形成背景牆紋
• 標題圖層置最底層
• 新圖層「詩詞」輸入詩句裝飾
• 資源庫拖入「茶」MC 到舞台


關鍵技術總結

8. 元件嵌套複用

技術	應用處	關鍵參數
放射漸層 + 變形	茶杯/茶壺立體感	色標位置、光心偏移
動作補間	茶壺移動、旋轉	關鍵幀間隔控制速度
形狀補間	茶水注入、蒸汽變形	Alpha 0%→100%→0%
蒸汽1→蒸汽2→茶 MC→主場景	層級結構清晰
圖層管理	茶水在壺下、蒸汽在茶水上、背景最底	視覺邏輯正確

延伸練習

• 加入茶香粒子效果（粒子系統）
• 茶壺傾斜角度用骨骼工具（IK）更自然
• 互動版：點擊茶杯觸發倒茶動畫
• 聲音設計：倒茶水聲、環境音、背景音樂
• 響應式：AS3 控制舞台縮放適配