Sketch是矢量設(shè)計工具,我們可以用軟件自帶的工具繪制標準的圖形,例如圓形、矩形或者三角形等。遇到復(fù)雜的圖形時,我們可能需要使用鋼筆工具進行手工繪制,但顯然這樣處理方法耗時較長,有沒有更簡單的方法繪制復(fù)雜圖形呢?答案就是布爾運算。

1.布爾運算的原理
布爾運算的原理是任意的復(fù)雜圖形都可以被分解為基本形狀,換而言之就是任何復(fù)雜圖形都可以通過基本圖形進行布爾運算組成。舉個例子,一個心形圖標,我們固然可以用鉛筆工具繪制成“心”的形狀,但也可以把“心”形視作是2個○和一個□組成,如下圖所示:

另外,幾個基本形狀執(zhí)行布爾運算之后,就會變成新形狀的子路徑,新形狀的外觀會取決于子路徑的布爾運算方式,例如上述基本形狀○和□用了union(合并)之后,就組成了新形狀——心形。

2.布爾運算的方式
在Sketch工具欄上,我們可以找到布爾運算的操作圖標,當選中2個以上形狀圖層時,布爾運算操作圖標才會被激活。

布爾運算一共分為4種運算方式,分別是:
合并(Union):執(zhí)行合并后,你將得到兩個形狀區(qū)域的和。
減去(Subtract):將上層形狀區(qū)域與下層形狀中的重疊部分,從下層區(qū)域中挖去,同時只保留下層被挖去后的區(qū)域。
相交(Intersect):取兩個形狀重疊的部分。
排除(Difference):將兩個形狀相交的部分挖去,保留其它部分。
如下圖所示,其中綠色部分是經(jīng)過運算后最終保留的內(nèi)容。

3.布爾運算示例
我們以美國游戲制造商TENGEN公司制作的一款益智休閑游戲“吃豆子”為例,具體示范一下怎么使用布爾運算來繪制可愛的吃豆子圖標。

首先,我們需要使用工具繪制兩個基本形狀,正圓形和三角形,然后把它們按照下圖的方法疊在一起。

然后,選中兩個圖層,然后執(zhí)行布爾運算操作——減去(Subtract),即可得到吃豆子形狀圖標,十分的簡單。在圖層列表查看新形狀時,我們會發(fā)現(xiàn)原來兩個基本形狀圖層變成了新形狀的子路徑,點擊子路徑右側(cè)的布爾運算符號,我們可以看到當前運算方式是減去(Subtract)。

進行布爾運算之后,我們還可以對圖標進行Flattening Shapes(扁平化形狀)操作,大體意思就是把所有的子路徑合并成一個新的路徑。具體操作步驟是:選中新形狀,然后在菜單欄中依次選擇Layer>Combine>Flatten,然后我們在圖層列表就會發(fā)現(xiàn)新形狀變成了單一路徑的圖層。

Sketch51最新官方正式版下載地址:【網(wǎng)盤下載】【官方下載】
推薦閱讀:
最新版:Sketch51正式版更新解讀:更多箭頭端點樣式選擇