屬性
屬性面板是精確度和控制的關鍵。可輕鬆微調元素，調整外觀，並配置互動。可用的屬性可能會根據選取的元素而有所不同。
位置與尺寸
1. 快速對齊及分配
點選這些圖示，可調整元素相對於整體設計或目前所在容器的位置。
如果選取多個元素，可以利用最右邊的圖示垂直或水平分佈。
2. 位置
移動元素，使其在 X 或 Y 軸上與側邊或中間完全對齊。要知道設計所在位置，可以參考這個，或是改變數字來移動位置。
3. 尺寸
查看元素的大小，或快速調整其長度和寬度。寬度左側的「比例鎖定」圖示可以啟動，因此當修改其中一個尺寸時，另一個尺寸也會按比例改變。
4. 旋轉
轉動元素可從不同角度觀看。可以直接修改，或拖曳彎曲箭頭圖示，由元素邊框的角落旋轉元素。
5. 圓角半徑
將此值設定為大於 0 的任何數字，即可將圖形的四角修圓。
溢出和點形狀
根據修改的元素類型，屬性面板會略有不同。
變形
中心點面板可擴充或摺疊，因此如果裡面的某些功能不常用，就可以節省屬性面板的空間。
1. 中心點
變形面板中最常見的功能與中心點（也稱為定位點）有關。我們有專文介紹中心點的詳細資訊。
2. 縮放
使用「縮放」沿著 X 軸和 Y 軸拉伸改變元素的尺寸。這與直接編輯寬度和高度類似，但不同之處在於縮放可以在線條和邊框產生隆起和不對稱的區段。
3. 傾斜
透過調整元素的傾斜值讓元素傾斜。給元素一個與相應區域成比例的角度，可以水平 (X) 或垂直 (Y) 調整傾斜。
顏色和邊框
1. 不透明度
由百分比刻度設定元素的不透明或透明程度。下拉選項設定混合模式，即元素的顏色如何影響其後面的圖形。混合模式將在下面詳細說明。
2. 填滿
每個填滿圖層都會在元素的區域內增加顏色。點擊 (+) 加號圖示來新增圖層。十六進制顏色值和不透明度也可以調整。
點選顏色方塊，就會出現顏色選擇器視窗。
從顏色挑選器中，可以挑選任何顏色以符合特定專案的風格。若要快速選取畫布中已有的顏色，請使用滴管工具。
預設情況下，顏色值會依據十六進位 (HEX) 值顯示。點選下拉式選單，改變顏色模式，然後在 RGB、HSL 或 HSB 之間選擇。可以在下拉式選單下方直接修改數值，同樣地，也可以編輯不透明度。填充首次建立時為純色，但可以按一下畫面上方的按鈕編輯漸層。本頁稍後會詳細解釋漸層。
3. 邊框
邊框也稱為描邊，是可以添加到元素外部的額外顏色。與填充一樣，點擊添加
圖示即可新增邊框。可以套用與填充相同的顏色和不透明度設置，也可以使用相同的漸層。
圖示即可新增邊框。可以套用與填充相同的顏色和不透明度設置，也可以使用相同的漸層。邊框寬度
可在右側的不透明度百分比下變更。
可在右側的不透明度百分比下變更。此外，還可以改變邊框相對於形狀外部邊界的位置。
點擊省略號圖示，會顯示一組專有的邊框選項。這些選項會在「邊框詳細資料」一節中說明。
4. 效果
屬性面板底部是效果選項。目前，Phase 唯一的效果是修剪路徑。使用此效果，可以顯示或隱藏形狀或線條的一部分，讓人產生移動或轉換的錯覺。
修剪路徑對於動畫來說是非常有用的功能，因此我們寫了一篇關於它的深入探討。前往修剪路徑專文以獲得更多資訊。
邊框詳細資料
1. 連接圖形
在連接圖形選項間循環。連接線的角是連接點，這些點的外觀和大小都可以調整。
- 斜接
: 預設的接合點選項讓線以直角相交，形成尖角接合。 - 圓形
:
在線條交會處形成一個彎角。此選項常用於營創更柔和、更自然的外觀。 - 斜角
: 線條以一個角度相交，而角落則為倒角或壓平。此選項常用於營造簡潔，現代的外觀。
✍️
✍️注意事項
連接形狀選項不會影響橢圓形以及由兩點連成的路徑。
2. 虛線 和 3. 間隙
調整虛線和間隙值可使邊框變為虛線。如果任一值為 0，邊框會保持完整。
虛線值控制線段的長度，而間隙值則影響線段間空白的大小。
4. 斜切角
這項設定可結合斜接和斜角連接形狀。
任何角度小於此值的接頭都會被斜切。另一方面，任何角度大於此值的接頭都會使用斜切形狀。
5. 末端
 Straight End |  Round End |
我們可以控制路徑末端的外觀。
- 直線端點
: 直線在末端點以矩形邊緣精準切除。 - 圓形端點
: 從末端延伸出一個圓形，直徑等於邊框寬度，讓末端看起來有弧度。
✍️
✍️注意事項
末端設定只影響有有拉伸端點的路徑。
漸層
漸層是指兩種或多種顏色之間流暢過渡的視覺效果。不是從一種顏色突然轉換到另一種顏色，而是顏色逐漸混合或演進。
1. 類型
前面的圖形掩蓋後面圖形的程度，與不透明度的設定相同。
 Linear Gradient |  Radial Gradient |  Angular Gradient |  Diamond Gradient |
漸層為我們的設計增添深度，層次感和視覺趣味。Phase的漸層設定位於色彩選單中，點選以下一個圖示即可：
- 純色：區域用一種顏色完全填滿，不套用漸層。
- 線性：漸層沿一個方向展開。
- 徑向：漸層從圖形中心平均散開。
- 角度：從元素中央衍伸出一條線，漸層從這條線圍繞中心旋轉。
- 菱形：漸層從中心開始向四個方向衍伸並逐漸加重，形成菱狀。
2. 漸層停止位置
漸層停止位置功能提供了多種精確控制的方法，可以靈活自訂漸層。以下是充分利用這項功能的逐步指南：
- 選擇畫布上的元素
- 點選「填滿」區段中的顏色方塊
- 選擇漸層類型
- 移動滑桿最左邊的停止點，設定起始顏色。決定漸層中第一個顏色開始的位置。
- 移動最右邊的停止點設定結束顏色。決定漸層中最後一個顏色的結束位置。
- 點擊滑桿上的任意位置來新增中點。
此功能提供多種控制選項。可以沿著滑桿拖曳停止點，或是點擊並向左或向右拖曳百分比指標進行互動式縮放。此外，元素上較大的點可直接拖曳，與滑桿移動同步動態調整。
3. 反向漸層
此按鈕可反轉顏色停止的順序，產生顏色反向轉換的視覺效果。對每個漸層有不同的影響。
 Linear Gradient |  Radial Gradient |  Angular Gradient |  Diamond Gradient |
反向漸層提供設計師一種多樣化的工具，可以自訂和嘗試設計，促進創意探索和發現獨特的視覺效果。可以策略性地用來轉移焦點，如徑向漸層所示，反向漸層將注意力吸引到中心，形成獨特的重點。設計師經常將反向漸層應用於背景元素，以強化整體設計。
混合模式
混合模式是一種動態工具，可以在設計中開啟多種轉換效果。這些多用途的元素可用於增強對比，引進生動的混合效果，以及提升任何設計的整體視覺效果。探索多樣化的風格，讓專案呈現細緻而高雅的效果。
正常
前面的圖形掩蓋後面圖形的程度，與不透明度的設定相同。
 |  |  |  |
變暗
如果前面的圖層比下面的圖層暗，它會以兩者的亮度差異取代顏色。
 |  |  |  |
打亮
與變暗相反，如果前面的圖層比下面的圖層淺，它會以兩者的亮度差異來取代顏色。
 |  |  |  |
顏色加深
在前方圖形的區域中，色彩對比會增加，然後將各圖層相乘，以擴大的色差量，得到更暗，更飽和的亮點。
 |  |  |  |
顏色加亮
反轉顏色加深的操作方式，這會反轉色彩，亮度加倍並降低對比。結果是顏色變亮且飽和度降低，但中間色調相對於亮點更為飽和度。
 |  |  |  |
疊底
將前後圖層的亮度相乘，然後以顏色的乘積取代後面的圖層。這樣會產生較暗的色彩。
 |  |  |  |
濾色
與相乘相反，此功能會將顏色反轉，然後將亮度相乘。圖層會由顏色的乘積取代，產生較淺的顏色。
 |  |  |  |
覆蓋
前方的圖形巧妙地出現在後方的圖層之上。這是透過應用兩種結合的效果來執行：如果前面的顏色較深，就以一半的強度使用相乘；如果前面的顏色較淺，濾色只用一半的強度。
 |  |  |  |
柔光
此效果是較柔和的覆蓋版本，在前方圖形後方的圖層上套用一半的亮度值和暗度值。
 |  |  |  |
實光
為了讓覆疊效果更為強烈，色彩偏移的計算是依據疊底和濾色兩種樣式的結合。這會產生較高的對比度調整。
 |  |  |  |
差異
底層減去頂層 RGB 顏色值。如果頂部圖形的顏色很淺，下面的圖層就會反轉；如果頂部圖形的顏色很深，那麼底部的顏色變化最小。
 |  |  |  |
排除
這是差異效果的啞色版本。在光譜的黑白兩端，不會改變或反轉顏色。
不過，如果頂層的顏色更接近灰色，因此產生的顏色也會更接近灰色。通常，這種風格會有輕微的去飽和度效果。
 |  |  |  |
色相
使用前面圖形的色相，但會套用後面圖層的飽和度和明度。
 |  |  |  |
飽和度
使用前面圖形的飽和度，但會套用後面圖層的色相和明度。
 |  |  |  |
色度
使用前面圖形的色相和飽和度，但亮度則是根據後面的圖層。.
 |  |  |  |
明度
使用前面圖形的亮度，但會套用後面圖層的色相和飽和度。
 |  |  |  |
開始製作動畫
開始使用我們免費的動畫軟體