sketch 新手入門(中文版)-3 形狀

圖形是sketch文檔中最常見(jiàn)和普通的類型,你可以添加和編輯預(yù)設(shè)的圖形,或者使用定點(diǎn)工具創(chuàng)建新的圖形。

一.添加圖形

#如何添加預(yù)設(shè)的圖形

要添加一個(gè)圖形,點(diǎn)擊添加按鈕,選擇你需要的圖形類型,或者使用快捷鍵。

R:矩形

O:橢圓

U:圓角矩形

L:直線

點(diǎn)擊并拉伸,可以在創(chuàng)建的畫(huà)布或者藝術(shù)板上添加形狀,選擇shift鍵可以使得圖像有相同的長(zhǎng)和寬。按住option可以讓圖形按照中心點(diǎn)拉升而不是左上角(改變基點(diǎn)為中心)按住空格鍵可以改變圖形的位置(當(dāng)你在不正確的位置上開(kāi)始創(chuàng)建的時(shí)候特別有效)

#如何用鉛筆工具添加形狀

按住快捷鍵P或者從選擇框中選擇pencil,就可以拖拉鉛筆畫(huà)出你想要的形狀,當(dāng)繪制完成后,sketch會(huì)自動(dòng)幫助圓滑你繪制的圖像。

#如何添加一個(gè)svg圖形

可以簡(jiǎn)單的復(fù)制粘貼一段svg代碼到畫(huà)布的任意位置即可。

二.編輯圖形

#如何在檢視器中編輯圖形

當(dāng)你選擇一個(gè)圖形的時(shí)候,你可以在檢視器中看到它的一些屬性。

#如何設(shè)置圓角

選擇圓角矩形,接著在檢視器面板調(diào)整圓角率。

可以在圓角和平滑角之間進(jìn)行選擇,從而更改圖層角點(diǎn)的繪制方式。平滑的角具有曲率連續(xù)性,允許您創(chuàng)建“squircles”,即Apple在其界面中使用的形狀。

提示:在矢量編輯模式下,可以選擇單個(gè)角點(diǎn)來(lái)調(diào)整單個(gè)角點(diǎn)的半徑。

#如何翻轉(zhuǎn)圖形

你可以水平或者豎直翻轉(zhuǎn)圖形,這些按鈕會(huì)高亮出來(lái),當(dāng)你使用他們的時(shí)候,同時(shí)也可以取消翻轉(zhuǎn),除非當(dāng)你選擇拼合他們。

#如何旋轉(zhuǎn)圖形

這兒有一些旋轉(zhuǎn)圖形的方案。

你可以在右側(cè)檢視器中輸入數(shù)值,可以是正值也可以是負(fù)值,相對(duì)應(yīng)的就是順時(shí)針旋轉(zhuǎn)和負(fù)時(shí)針旋轉(zhuǎn)。

你也可以選擇圖形,在上方工具條中選擇旋轉(zhuǎn)按鈕。然后點(diǎn)擊再旋轉(zhuǎn)圖形。

要改變旋轉(zhuǎn)的基點(diǎn),只需要選擇圖形中間的十字針,移動(dòng)即可。

另外,你也可以按住快捷鍵command,再拖移控制器。另外,如果再按住shift鍵的時(shí)候,會(huì)以15deg/次來(lái)旋轉(zhuǎn)。

你可以保存這些操作,并將圖形旋轉(zhuǎn)角度變化為0deg,通過(guò)圖層拼合的方式。(圖層->結(jié)合->拼合 )

#如何在矢量編輯模式下編輯圖形

若要在矢量編輯模式下編輯形狀,請(qǐng)雙擊該形狀,或選擇該形狀并按回車鍵。

當(dāng)您進(jìn)入矢量編輯模式時(shí),您將看到由路徑連接在一起的圓形點(diǎn)。單擊任意圓形點(diǎn)并拖動(dòng)它們以更改圖層的形狀。

若要插入新的控制點(diǎn),只需要在所需要的位置點(diǎn)擊即可在右側(cè)檢視口也可以改變控制點(diǎn)的模式。

形狀上不同點(diǎn)之間的路徑可以是直線或曲線,具體取決于連接它們的點(diǎn)的類型。雙擊連接直線路徑的點(diǎn),將其更改為曲線路徑。

更改點(diǎn)以創(chuàng)建曲線路徑時(shí),可以使用顯示的兩個(gè)控制柄控制點(diǎn)來(lái)編輯曲線本身。

拼合形狀(圖層->結(jié)合->拼合)將在曲線的每一端創(chuàng)建點(diǎn)。

#如何使用轉(zhuǎn)換工具編輯形狀

若要使用“變換”工具,請(qǐng)選擇一個(gè)或多個(gè)形狀,然后“圖層>變換>變換”。

或者,您可以使用鍵盤(pán)快捷鍵?+?+T。您也可以通過(guò)“視圖>自定義工具欄…”將“轉(zhuǎn)換工具”添加到工具欄中。

“變換”工具會(huì)將點(diǎn)添加到形狀的每個(gè)角,以及每個(gè)角之間的點(diǎn)。單擊某個(gè)點(diǎn)并拖動(dòng)它以變換和扭曲形狀。

如果你選擇了兩個(gè)點(diǎn)的話,可以一起控制他們。當(dāng)你選擇一個(gè)點(diǎn)的時(shí)候,往往兩個(gè)點(diǎn)會(huì)相反方向移動(dòng),但是如果你按住command鍵,就可以單獨(dú)控制一個(gè)按鈕行動(dòng)。

#如何使用剪刀工具來(lái)編輯形狀

可以使用剪刀工具從形狀中剪切路徑。為此,請(qǐng)選擇要編輯的形狀,通過(guò)“圖層>路徑>剪刀”啟用該工具(也可以通過(guò)“視圖>自定義工具欄…”將其添加到工具欄中),然后單擊構(gòu)成形狀的任何路徑以將其刪除。當(dāng)修建完成的時(shí)候,點(diǎn)擊圖形外的區(qū)域取消選擇,或者摁下enter或者esc鍵。

#如何使用圖形環(huán)繞工具來(lái)編輯圖形

旋轉(zhuǎn)副本采用單個(gè)形狀,并圍繞單個(gè)點(diǎn)旋轉(zhuǎn)副本。若要使用它,請(qǐng)選擇一個(gè)形狀,然后“圖層>路徑>旋轉(zhuǎn)副本”(也可以通過(guò)“視圖>自定義工具欄…”將其按鈕添加到工具欄中)。從中,選擇要?jiǎng)?chuàng)建的副本數(shù),然后單擊“確定”。

使用顯示的句柄來(lái)精確設(shè)置副本的放置方式。完成后,按Esc或Enter鍵。

三.布爾運(yùn)算

在Sketch中,提供四個(gè)布爾操作可用于組合和創(chuàng)建復(fù)雜形狀。選擇兩個(gè)或多個(gè)形狀,然后單擊工具欄中的“布爾操作”按鈕。

·1 聯(lián)集:創(chuàng)建的形狀是多個(gè)形狀區(qū)域的總和。

·2 減去頂層:將從形狀下面的形狀中刪除該形狀的區(qū)域。

·3 交集:從選定形狀重疊的區(qū)域創(chuàng)建形狀。

·4 差集:從原始形狀不重疊的區(qū)域創(chuàng)建形狀。它與交集相反。

布爾操作從上到下應(yīng)用。所以,如果你要在一個(gè)較大的圓內(nèi)畫(huà)一個(gè)較小的圓并應(yīng)用減法運(yùn)算,你會(huì)創(chuàng)建一個(gè)甜甜圈形狀。

#形狀結(jié)合

將布爾運(yùn)算應(yīng)用于兩個(gè)或多個(gè)形狀時(shí),sketch將在新的組合形狀組中將原始形狀組合在一起。

對(duì)于組合形狀,布爾操作是非破壞性的,是可逆的。(除非拼合了圖像)因此您可以隨時(shí)編輯原始形狀并更改結(jié)果。甚至可以使用新的布爾運(yùn)算將兩個(gè)或多個(gè)組合形狀組合在一起。

#如何在圖層列表中編輯形狀結(jié)合

可以展開(kāi)形狀結(jié)合,就像層列表中的普通組一樣。執(zhí)行此操作時(shí),您將看到形狀結(jié)合的所有不同形狀以及應(yīng)用于它們的不同布爾運(yùn)算。

通過(guò)單擊形狀旁邊的布爾操作圖標(biāo),可以更改應(yīng)用于該層的布爾操作。

快捷方式:將需要聯(lián)結(jié)的兩個(gè)形狀在左側(cè)列表中堆疊在一起,就可快速創(chuàng)建形狀結(jié)合。


形狀組合

若要隱藏組合形狀中的任何原始形狀,請(qǐng)?jiān)凇皩印绷斜碇袉螕羲鼈?,然后選擇“隱藏層”(或使用?+?+H)。這將更改組合形狀在畫(huà)布中的顯示方式。

也可以通過(guò)將一個(gè)形狀層拖到另一個(gè)形狀層的頂部,在“層”列表中創(chuàng)建組合形狀。默認(rèn)情況下,這將應(yīng)用聯(lián)合布爾操作。

四.圖層蒙版

有幾種不同的方法可以在草圖中創(chuàng)建遮罩,但它們都遵循相同的規(guī)則:草圖將使用層列表中最低的形狀作為遮罩。

#如何創(chuàng)建一個(gè)遮罩

遮罩僅顯示屬于其形狀的層或多個(gè)層的部分。有幾種方法可以創(chuàng)建它們。

選擇畫(huà)布上的形狀,然后選擇“層>遮罩>用作遮罩”?;蛘?,可以控制單擊形狀并選擇“遮罩”。

創(chuàng)建遮罩時(shí),Sketch會(huì)將圖標(biāo)添加到“層”列表中其上方的任何層,以顯示它們正受到遮罩的影響。如果在遮罩上方拖動(dòng)另一層,它也會(huì)受到影響。

如果要將對(duì)象放置在遮罩層之上,但不希望它們包含在遮罩中,請(qǐng)選擇該對(duì)象,然后選擇“層>遮罩>忽略基礎(chǔ)遮罩”。

您還可以對(duì)遮罩層和遮罩本身進(jìn)行分組,以便不影響該組之外的任何內(nèi)容。

如果同時(shí)選擇多個(gè)層,則可以通過(guò)選擇“層>遮罩>使用選定形狀遮罩”一次遮罩所有層。這將使用所選內(nèi)容中圖層列表底部的形狀作為遮罩,并自動(dòng)將它們?nèi)糠纸M。

當(dāng)選擇了多個(gè)層時(shí),控制單擊所選內(nèi)容并選擇“遮罩”與“帶選定形狀的遮罩”具有相同的效果。

在遮罩組中選擇一個(gè)層,然后選擇“層>遮罩>忽略底層遮罩”將使其保持在組中,但會(huì)阻止其受遮罩的影響。


輪廓蒙版

#如何創(chuàng)建一個(gè)半透明遮罩圖層

sketch的Alpha遮罩可以隱藏任何不在其形狀范圍內(nèi)的內(nèi)容,還可以控制其遮罩的任何層的不透明度。

要?jiǎng)?chuàng)建Alpha蒙版,請(qǐng)創(chuàng)建一個(gè)與normal類似的大綱蒙版,然后選擇它并選擇“層>蒙版>蒙版模式>Alpha蒙版”。

在右側(cè)的檢視口中確保它有一個(gè)透明度梯度填充。值得注意的是,sketch對(duì)alpha透明度敏感而非顏色。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容