Sketch布爾運算(Boolean Operations)功能講解

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正式版更新解讀:更多箭頭端點樣式選擇

AxureRP9:【譯文】Axure RP 9新功能預(yù)告:簡化移動端設(shè)計的工作流程

近期熱文:怎么三言兩語把“世界杯”這款產(chǎn)品介紹清楚?

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

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

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