透過 Photoshop 幀動畫功能,我們可以製作出流暢的旋轉太極動畫。本教程詳細拆解幀與圖層的對應關係、旋轉角度計算、自定義形狀繪製與時間控制等核心概念,適合想深入理解幀動畫原理的學習者。

幀數與角度計算:若每幀旋轉 30°,則需 (360÷30)-1 = 11 個圖層 + 1 個背景 = 12 幀。本例採每幀 40°,共 9 幀(含背景)。
幀與圖層對應原則:第 1 幀對應背景圖層,第 2 幀對應圖層 1,以此類推。務必從第 1 幀開始依序設定,否則順序會錯亂。
步驟 1:開啟動畫面板,建立所需幀數。選取文字工具下的「自定義形狀工具」,選擇「符號」類別中的太極形狀,按 Shift 繪製正圓,填充路徑。



步驟 2:進入第 2 幀,顯示圖層 1,執行 Ctrl+T 旋轉 40°,確認後填充路徑。


步驟 3:重複上述操作完成後續幀(旋轉、填充)。建議每幀時間設 0.08 秒,避免卡頓。


掌握此邏輯後,可輕鬆延伸製作旋轉齒輪、轉盤、載入圖示等多種循環動畫。