新功能:智慧動畫 — 讓您的原型動起來。 深入瞭解

略過導覽

編輯形狀

最後更新日期:2023 年 8 月 30 日
閱讀時間:7 分鐘

編輯形狀

觀看課程

在檢查器中編輯形狀

某些形狀具有獨特的自訂選項,您可以在檢查器中找到這些選項。例如,您可以使用箭頭 箭頭 形狀選擇不同的起點和終點樣式。或者,如果您新增了多邊形 多邊形 或星形 星形 形狀,則可以使用滑桿分別調整邊數和點數。

如何在檢查器中編輯多邊形的角和邊

編輯角

要調整角的大小,請選取一個形狀並將滑鼠懸停在其上方,以顯示位於形狀內部的圓形角半徑控點。拖曳任何控點即可將所有角更改為相同大小。拖曳時,您還會看到角大小的數值發生變化。

沒有看到任何角控點嗎?您的形狀可能太小而無法顯示控點。請嘗試放大您的形狀。

若要指定一個或多個角的特定值,請在檢查器「圓角」區塊中選擇個別圓角 圓角(個別) 模式。

拖曳圓角控制柄即可調整矩形所有圓角

如果直接在畫布上操作,您也可以按住 鍵來只調整您正在拖曳的圓角。

按住 Command 鍵拖曳即可調整單個圓角

拖曳圓角時,您也會調整相同大小的其他圓角。如此一來,您可以輕鬆地同時控制成對的圓角,或是單獨選取一個圓角並編輯其他三個圓角。

拖曳圓角時,您也會調整相同大小的其他圓角

在檢查器中編輯圓角

編輯矩形圓角時,您可以在檢查器「圓角」面板中切換個別 圓角(個別)統一 圓角(統一) 模式。

  • 個別模式:您會看到四個輸入欄位以 2x2 的佈局排列,對應未旋轉矩形中每個角的位置。
An image showing the Corners panel in the Inspector, with Individual mode enabled

檢查器中的「圓角」面板,已啟用個別模式

請注意,滑桿會忽略零值。例如,如果您有兩個圓角值設定為 8,兩個圓角設定為 0,則使用滑桿只會調整非零圓角的大小。

  • 統一模式:當您從個別模式切換到統一模式時,我們預設會在矩形的四個圓角中選取最大值。但是,如果您在個別模式中選取了圓角輸入欄位,然後切換到統一模式,我們會使用該輸入作為矩形新的統一值,即使它不是最大值。

如何切換到統一模式並編輯圓角

選擇圓角樣式

您可以套用多種圓角樣式(平滑、圓形、稜角、內正方形和內弧形),來更改圖層圓角的外觀。編輯任何形狀時,請前往檢查器中的「圓角」區塊,並從下拉式選單中選取您想要的樣式。

平滑圓角具有曲率連續性,讓您可以建立 Apple 在其介面中使用的「超橢圓」(squircles)。Apple 在其介面中使用的原因

您可以在檢查器中的「圓角」面板套用不同的圓角樣式

翻轉形狀

您可以使用檢查器中的兩個按鈕水平 垂直翻轉 或垂直 水平翻轉 翻轉形狀。這些狀態會保持選取(因此您可以再次點擊以還原變更),除非您使用圖層 > 合併 > 平面化來平面化形狀。

如何透過檢查器垂直翻轉形狀

旋轉形狀

您可以透過按住 鍵並拖曳其選取控制柄來快速旋轉任何選取的形狀。

按住 Command 鍵並拖曳選取控制柄即可快速旋轉形狀

旋轉形狀時按住 鍵可以 15° 為單位遞增旋轉。

若要旋轉形狀,您可以在檢查器中輸入度數值。輸入正值或負值即可分別順時針或逆時針旋轉形狀。

或者,選擇一個形狀並按下 R,然後在形狀外部的任意位置點擊並拖動以旋轉它。

透過輸入數值來旋轉形狀

若要變更形狀旋轉的軸,只需點擊並將中心十字線拖動到要圍繞旋轉的點即可。若要重置中心點,只需再次選擇形狀即可。

點擊並拖動形狀的中心點十字線以變更其旋轉軸

您可以透過 圖層 > 組合 > 平面化 將形狀平面化,來提交變更並將旋轉值重置為 0°。

在向量編輯模式下編輯形狀

如需使用向量編輯工具的完整指南,請前往 向量編輯 區段。

若要在向量編輯模式下編輯形狀,請雙擊它,或選擇它並按下 Return 鍵。

進入向量編輯模式後,您會看到由路徑連接在一起的圓形點。點擊任何點並拖動它們以變更圖層的形狀。

在向量編輯模式下,點擊並拖動點以變更圖層的形狀

若要插入新點,請進入向量編輯模式,將鼠標懸停在路徑上並點擊。若要刪除點,請選擇它並按下 Delete 鍵。

在向量編輯模式下,點擊形狀的路徑以插入新點

形狀不同點之間的路徑可以是直線或貝茲曲線,具體取決於連接它們的點的類型。雙擊連接直線路徑的直線點,將其變更為貝茲曲線點。

將點變更為曲線路徑時,可以使用出現的兩個控點來調整曲線。

使用控點調整貝茲曲線

透過選擇 圖層 > 組合 > 平面化 將形狀平面化,將在曲線的兩端建立點。

使用變形工具

使用變形工具 變形工具 來扭曲或以其他方式變更形狀。

選擇一個或多個形狀,然後前往 圖層 > 變形 > 變形。或者,使用鍵盤快捷鍵 T

變形工具 變形工具 會在形狀的每個角落新增點,以及每個角落之間的點。點擊一個點並拖動它以變形和扭曲形狀。

使用變形工具扭曲或以其他方式變更形狀

如果您點擊並拖動兩個角落之間的點,您將同時移動兩個角落。

點擊並拖動兩個角落之間的點以將它們一起移動

當您點擊並拖動角點時,相對的角點將同時沿相反方向移動,具體取決於您是水平拖動還是垂直拖動。若要僅控制一個角落,請按住

使用剪刀工具

使用剪刀工具 剪刀工具 從形狀中剪掉路徑。

選取您要編輯的形狀,透過 **圖層** > **路徑** > **剪刀** 來啟用剪刀工具,並點按任何路徑即可移除它們。或者,您也可以開啟工具列中的 **工具選單** 工具,然後從中選擇剪刀工具 剪刀工具

請注意,剪刀工具僅會影響線條或邊框,而不會影響填色。

如同 Sketch 中的大多數工具一樣,您可以透過 **檢視** > **自訂工具列** 將剪刀工具直接新增至工具列。

使用剪刀工具移除形狀中的路徑

當您完成切割路徑後,請在形狀外部點按,或按下 Esc Esc 或 Return 鍵。

使用旋轉副本工具

旋轉副本工具 旋轉副本工具 會以單一形狀為基礎,繞著一個點旋轉其副本。

選取一個形狀,然後前往 **圖層** > **路徑** > **旋轉副本**,輸入您要建立的副本數量,然後點按 **旋轉**。

您也可以透過 **檢視** > **自訂工具列** 將旋轉副本工具 旋轉副本工具 直接新增至工具列。

使用出現在中央的控點來設定您要放置副本的位置。完成後,請按下 Esc Esc 或 Return 鍵。

如何使用旋轉副本工具

在 Mac 應用程式 53.1 版和更早版本中,「旋轉副本」會建立副本的複合形狀,類似於布林運算的效果。若要將形狀轉換為個別圖層,請使用 **圖層** > **組合** > **分離**。