越來(lái)越多的人開(kāi)始用Sketch進(jìn)行UI設(shè)計(jì)线得，Sketch作為一款非常容易上手的軟件流椒，很多人完全可以依靠自學(xué)便能熟練掌握這款軟件垦巴，但是大部分人都只是掌握Sketch的基本實(shí)用方法，對(duì)于一些實(shí)用的小技巧邑彪，了解的并不是特別多瞧毙。
從今天開(kāi)始，我將向大家介紹Sketch的一系列實(shí)用小技巧寄症，這些小技巧能幫助大家更好的使用Sketch宙彪，提升工作效率。
這是該系列教程的第四篇——鋼筆工具的運(yùn)用有巧。
本教程的第一篇：http://www.reibang.com/p/109aac030ded
本教程的第二篇：http://www.reibang.com/p/80b606f87f53
本教程的第三篇：http://www.reibang.com/p/410f2ef8b424
本教程的第四篇：http://www.reibang.com/p/7acc514dc2e3
本教程的第五篇：http://www.reibang.com/p/84235319ca6a
本教程的第六篇：http://www.reibang.com/p/c59ae25c770d
在進(jìn)行圖標(biāo)繪制時(shí)释漆，不得不提到的一個(gè)知識(shí)點(diǎn)就是布爾運(yùn)算，通過(guò)對(duì)基本形狀做布爾運(yùn)算剪决，可以繪制出千萬(wàn)種不同的圖形灵汪。
布爾運(yùn)算包括Union（合并）、Subtract（減去頂層）柑潦、Intersect（區(qū)域相交）和Difference（排除重疊）四種，在Sketch的工具欄中峻凫，提供了四種布爾運(yùn)算工具渗鬼，如下圖所示。
為了能更好的理解四種運(yùn)算的效果荧琼，現(xiàn)繪制兩個(gè)不同顏色的正方形譬胎，如下圖所示，其中紅色正方形在藍(lán)色正方形的下方命锄，兩者面積有1/4的重疊堰乔。并且為了更加能說(shuō)明效果，兩個(gè)正方形均給了10px的描邊脐恩。選中兩個(gè)形狀圖層镐侯，對(duì)其做布爾運(yùn)算。
Union（合并）驶冒，快捷鍵為option?+ command + U苟翻，效果如下圖所示∑郏可以看到兩個(gè)圖層合并為一個(gè)圖層崇猫，且描邊變成一個(gè)描邊，顏色與下方圖層顏色相同需忿。
Subtract（減去頂層）诅炉，快捷鍵為option+command+S蜡歹，效果如下圖所示。兩個(gè)圖層雖然也合并為一個(gè)圖層涕烧，但是上方圖層已經(jīng)被減去月而，且下方圖層中被上方圖層覆蓋的區(qū)域也被減去。
Intersect（區(qū)域相交）澈魄，快捷鍵為option+command+I景鼠，效果如下圖所示。兩個(gè)圖層經(jīng)過(guò)運(yùn)算只剩下相交區(qū)域痹扇，且顏色取決于下方圖層顏色铛漓。
Difference（排除重疊），快捷鍵為option+command+X鲫构，效果如下圖所示浓恶。可以看到兩個(gè)圖層中重疊的部分已經(jīng)被減去结笨，且顏色變成下方圖層顏色包晰，描邊相互封閉。
同時(shí)大家可以注意到炕吸，在圖層列表中伐憾，進(jìn)行了布爾運(yùn)算的圖層雖然合并為一個(gè)圖層，但是在圖層左側(cè)會(huì)有小箭頭赫模，單擊箭頭可以展開(kāi)树肃，并分別對(duì)原始圖層進(jìn)行調(diào)整，包括位置瀑罗、大小的調(diào)整胸嘴。且在原始圖層頂部圖層的右側(cè)有布爾運(yùn)算的標(biāo)記，單擊如下圖所示斩祭，可以快速對(duì)運(yùn)算規(guī)則進(jìn)行切換劣像。若選擇None，則取消布爾運(yùn)算摧玫，原圖層恢復(fù)成普通圖層耳奕。
總之，通過(guò)對(duì)普通圖層進(jìn)行布爾運(yùn)算一定可以達(dá)到大家想要的效果席赂，布爾運(yùn)算支持多個(gè)圖層間的運(yùn)算吮铭，而不僅限于兩個(gè)圖層間。大家在平時(shí)中看到各種圖標(biāo)颅停，可以試著去分析谓晌，看是由哪些基本形狀組成。
另外需要注意的是癞揉，圖層順序不同纸肉，相同圖層執(zhí)行相同運(yùn)算也會(huì)得出不一樣的效果溺欧，大家在平時(shí)工作中若遇到執(zhí)行布爾運(yùn)算跟想象不同的時(shí)候，可以試著看圖層之間的順序是否出現(xiàn)了錯(cuò)誤柏肪。
