Sketch基礎教程(四)矢量編輯

一、繪製新的形狀


要使用“矢量”工具繪製新的形狀圖層,請從工具欄中選擇“ 置入”>“矢量 ”(或按V)。單擊“畫布”上的任意位置以創建第一個點,再次單擊以創建第二個點。形狀中所有點之間的線稱為路徑。兩點之間的路徑部分稱為線段。你可以創建任意數量的點以繪製所需的形狀。再次單擊第一個點以關閉路徑。


如果在創建點時單擊並拖動,將創建一個鏡像點和彎曲路徑(或貝塞爾曲線),你可以使用連接到該點的手柄來控制它們。


Sketch基礎教程(四)矢量編輯

提示:按住shift以將一個點與上一個點成45度角放置。



要進入Sketch的矢量編輯模式並編輯現有形狀,請雙擊形狀層(或選擇它並按Enter)。您還可以選擇多個形狀並同時進行編輯。


三、選擇點


在矢量編輯模式下,可以單擊任意點以將其選中。


Sketch基礎教程(四)矢量編輯


提示:要從一個點跳到下一個點,請按Tab,或按Shift+ Tab跳到上一個點。


按住shift並單擊每個形狀可以選擇一個形狀中的多個點。如果單擊已選擇的點,則將其取消選擇。


Sketch基礎教程(四)矢量編輯


你也可以單擊並從封閉形狀外部拖動以選擇其內部的點。按shift拖動到你選擇的任何取消選定點或添加新的點。


Sketch基礎教程(四)矢量編輯


對於開放形狀,你需要按下X或啟用檢查器中X和Y點旁邊的選擇按鈕,以通過拖動選擇多個點。


你還可以通過單擊和拖動來選擇不同形狀上的多個點,只要你全部選擇了它們並處於矢量編輯模式即可。


Sketch基礎教程(四)矢量編輯


提示:按command+ A(或選擇“編輯”>“全選”)以選擇形狀中的所有點。


四、移動點


選擇一個點後,可以在其上拖動,使用鍵盤上的箭頭鍵或在檢查器中更改其X和Y值來編輯形狀。就像移動圖層一樣,您可以按住shift鍵沿單個軸移動它們。


你還可以使用分佈和對齊工具來平均分佈或對齊多個點。


五、更改點類型


選擇一個點時,可以通過在檢查器中從四種不同的點類型中進行選擇來更改它們之間的路徑。


Sketch基礎教程(四)矢量編輯


  1. 直線是默認的點類型,它為您提供沒有任何手柄控制點的直線路徑。如果要在直線上創建圓角,請拖動“半徑”滑塊。你可以為形狀上的每個點設置單獨的角半徑。
  2. 鏡像點將創建彎曲路徑(或貝塞爾曲線),並具有兩個連接到該點的手柄控制點。你可以拖動這些點中的任何一個來調整曲線,而另一點將對此進行鏡像。你可以通過在使用“矢量”工具進行繪製時單擊並拖動來創建鏡像點,或者雙擊任何現有的直線點來創建鏡像點。
  3. 非對稱點的句柄與矢量點的距離可以不同,但是角度相同。保持⇧在拖動手柄控制點會改變從向量點的距離而不改變它的角度,這是非常方便的微調你的曲線。
  4. 斷開的點具有完全彼此獨立的句柄。你可以選擇任一控制點,然後按Backspace鍵將其刪除,因此曲線將變為一條直線。你可以通過⌘在拖移其控點控制點之一的同時按住來斷開任何點。按住⌘並在“鏡像”或“非對稱”點之後創建新點時,將使該點斷開。這不會影響通往它的曲線。

提示:你可以通過按以下命令快速更改所選點的點類型:


1.直行

2.鏡像的

3.斷線

4.不對稱

要快速查看控制形狀中所有彎曲點的所有手柄,請按住⌥。


六、插入點


將鼠標懸停在新點上並單擊它,可以在路徑的任何位置插入新點。或者,你可以單擊並拖動以創建具有非對稱點的曲線。按住shift將在兩個現有點之間精確創建一個點。


Sketch基礎教程(四)矢量編輯

七、彎曲線段


按住⌘然後單擊並拖動任何線段(兩點之間的路徑部分)以使其彎曲。這會將控制點控制點添加到控制點的任意一側。


Sketch基礎教程(四)矢量編輯


八、打開和關閉路徑


形狀的路徑可以是封閉的也可以是開放的。閉合形狀時,路徑將連接第一個點和最後一個點。開放路徑在第一點之間留有空隙。


你可以通過連接起點和終點,在菜單中選擇“ 圖層”>“路徑”>“關閉路徑 ”或按⌘+ ⌥+來閉合路徑O。你也可以將其與封閉路徑一起使用以將其打開。


Sketch基礎教程(四)矢量編輯


要創建開放路徑,請添加點,然後按檢查器中的“ 完成編輯 ”(或Enter鍵)以退出“矢量編輯”模式。下次你要編輯此形狀時,可以從上次中斷的地方繼續,然後將下一個點放在最後一個點之後或第一個點之前。


Sketch基礎教程(四)矢量編輯


你也可以使用剪刀工具打開路徑並切掉兩點之間的線段。

編輯開放路徑並單擊相反的端點時,可以選擇是閉合路徑還是在“首選項”中選擇該點。


注意:如果用開放路徑填充形狀,則填充將仍然像路徑已關閉一樣起作用。


九、連接路徑


選擇兩個或多個打開的路徑,然後從菜單中選擇“ 圖層”>“路徑”>“連接 ”以將它們組合為一個路徑。最底部的路徑將保持在原位,而其上方的路徑可能會稍微移動以配合在一起。


十、點如何捕捉到像素


使用檢查器頂部的下拉菜單,你可以選擇是將點捕捉到全像素邊緣,半像素還是完全不捨入。


要更好地瞭解點如何捕捉,請放大並啟用“像素網格”(“ 視圖”>“畫布”>“在縮放時顯示像素網格”)。放大時,在放置新點之前,還會看到新點捕捉到全像素或半像素。


Sketch基礎教程(四)矢量編輯


十一、談到邊境進入大綱


選擇帶有邊框的任何形狀,然後選擇“ 圖層”>“轉換為輪廓”以將該邊框變成具有自己的填充的路徑。


十二、偏移路徑


你可以通過選擇形狀並從菜單中選擇“ 圖層›路徑›偏移...”來擴展或收縮形狀的輪廓。拖動滑塊時,將看到預覽。還可以選擇創建重複圖層,因為這是破壞性的操作。


Sketch基礎教程(四)矢量編輯


十三、反轉的路徑訂單


如果你的形狀具有開放路徑,則從起點到終點的方向清晰。要反轉該方向,請從菜單中選擇“ 圖層›路徑›反轉順序 ”。現在,你可以在另一端添加一個新點,或反轉可能顯示為邊框一部分的箭頭的方向。


文末福利:sketch漢化破解安裝包+sketch UI源文件素材+sketch視頻教程;

領取方式:關注公眾號,後臺回覆:sketch

微博:@LDesign1


分享到:


相關文章: