✍️
注意事項
請注意! Phase 會持續更新和優化功能，因此我們的教學影片可能與目前的軟體介面稍有差異。
中心點
每個圖形都會有一個點來決定它在畫布上的實際位置。預設情況下，中心點應位於圖形的中心，在大多數情況下都沒問題。本文將說明如果決定稍微移動該點，會出現什麼狀況。在 Phase 中，形狀可以圍繞任意點進行旋轉。
✍️
注意事項
這篇文章假設我們已經具備動畫、關鍵影格和插補的基本知識，我們在動畫製作的一節已經敘述過。
變更中心點
調整中心點並展示其對元素的影響
在 Phase 中，我們可以輕鬆地調整元素的中心點。處理較小的元素時，不必擔心意外移動中心點，因為有中心點模式。操作如下：
- 選擇我們所要修改的形狀。
- 點擊屬性面板中的 "編輯中心點" 以顯示中心點設定。
- 在九宮格中的任意點上點選，以設定為新的中心點。
- 完成後，點擊 "退出中心點模式" 按鈕或按 。Y
我們可以依圖形大小的比例調整中心點。九宮格提供快捷方式，可將中心點變更為圖形的邊緣點或中心位置（預設值）。
另外，我們也可以在圖形之外建立中心點。為此，可以將十字線游標拖曳至畫布上的任何位置，手動移動中心點。側邊的 X 值和 Y 值也可以更改，以便微調中心點位置。
可以使用負值或大於 100% 的值。下拉式選單允許選擇像素調整，而不是百分比。選擇像素時，可以指定精確位置，這對設計非常實用。
中心點效果
變更任何屬性時，調整中心點會使圖形偏離中心。以下是幾個例子來說明這一點。
旋轉
旋轉的基準點通常是圖形的中心 - 中心點在 <X=50，Y=50>。如果我們增加旋轉效果，物件就會像風車一樣轉動。下方顯示了對此物件旋轉 30° 的效果。
 |  |
如果將中心點移到一邊，物件的支點則更像鉸鏈。在此例中，將中心點設定為 <X=10，Y=90>，非常接近左下方，同樣套用了 30° 旋轉。
|  |
縮放
物件在中心擴展時，會向每個方向均勻擴展。在此例中，X 軸的縮放設為 200%，Y 軸則為 100%。
|  |
若中心點不在中心，縮放則會朝偏移點的反方向擴展。在此例中，中心點設定在 <X=10, Y=90>。擴展時，物件似乎向右側移動，而左邊仍固定在中心點。
|  |
傾斜
傾斜物件通常會造成頂部向一邊移動，底部向另一邊移動，移動程度相等。
|  |
將中心點靠近上述的角落 <X=10，Y=90>，傾斜角度接近其支點。這讓圖示似乎向側面傾斜，而非整個物件傾斜。
|  |
偏移中心點動畫
旋轉元素，中心點位於中央
在靜態設計中，只需變更圖形的位置，就能計算出中心點的位置。
然而，中心點調整真正發揮作用的地方是動畫效果。藉由不同的中心點位置，我們可以快速製造有趣的效果，這些效果若逐幀設定會相當耗時。
在上述動畫中，有一個設計展示了一把錘子即將敲擊一顆球。
我們想讓錘子旋轉，但中心點放在中央時，動畫就只是旋轉而已。必須多次調整位置，才能讓錘子的移動顯得自然。
以下是利用中心點動畫來解決這些挑戰的方式：
調整中心點後，錘子敲擊球
- 為了讓錘子能在手柄上轉動，我們將中心點設於錘子下方 X=50, Y=100。這樣可以順利旋轉，而無需調整位置。
- 同樣地，為了保持小球穩定，在擠壓球時須讓球維持不動，再將中心點置於靠近小球底部的 X=50, Y=80 處。
- 若要讓鎚子的兩側向內凹陷，其實並不用修改中心點。相反地，將鎚子的兩側合成一組，並使用預設的中心 X=50、Y=50。如此一來，鎚子敲擊時，兩邊就會自然而然的向中心擠壓。
開始製作動畫
開始使用我們免費的動畫軟體