【基礎(chǔ)篇】夜雨原創(chuàng)玩轉(zhuǎn)Sketch教程課時(shí)5:Sketch旋轉(zhuǎn)副本、布爾運(yùn)算等高級(jí)工具的使用

《玩轉(zhuǎn)Sketch教程》是由夜雨出品的入門(mén)級(jí)免費(fèi)工具教學(xué)課程,該課程承諾內(nèi)容免費(fèi)觀看、課程配套資源免費(fèi)下載以及后續(xù)迭代課程更新免費(fèi),是零基礎(chǔ)設(shè)計(jì)師上手Sketch的首選福利課程。

基于最新版Sketch61.1制作,迭代更新速度快。

內(nèi)容目錄:

1.剪刀工具的使用

2.旋轉(zhuǎn)副本的使用

3.布爾運(yùn)算的使用


1.剪刀工具的使用

1.1用剪刀工具剪去目標(biāo)路徑

剪刀工具,顧名思義,可以剪掉目標(biāo)圖形的一部分路徑,使之變成新的形狀,例如把圓剪去一部分路徑。

1.2巧用剪刀工具,制作百分比圓環(huán)

我們可以巧用剪刀工具,得到我們想要的圖形,例如百分比圓環(huán),具體過(guò)程見(jiàn)下圖。

2.旋轉(zhuǎn)副本的使用

2.1旋轉(zhuǎn)副本工具,本質(zhì)就是復(fù)制

旋轉(zhuǎn)副本工具,本質(zhì)就是用來(lái)復(fù)制用的,只不過(guò)是圍繞中心旋轉(zhuǎn)的方式來(lái)進(jìn)行復(fù)制。例如,我們可以按照它的規(guī)則,復(fù)制多個(gè)圓。

2.2借助旋轉(zhuǎn)副本,可以設(shè)計(jì)圍繞中心旋轉(zhuǎn)圖形

借助旋轉(zhuǎn)副本,我們可以得到三葉草、電風(fēng)扇、蘋(píng)果的Photo圖標(biāo),需要多開(kāi)腦洞,都可以實(shí)現(xiàn)。

3.布爾運(yùn)算的使用

3.1布爾運(yùn)算的原理

Sketch支持布爾預(yù)算功能,通過(guò)數(shù)字符號(hào)化的推演運(yùn)算,可以把簡(jiǎn)單的圖形通過(guò)聯(lián)集、交集等得到復(fù)雜的圖形。

例如,心形圖標(biāo),可以由2個(gè)圓形+1個(gè)正方形,通過(guò)布爾運(yùn)算的“聯(lián)集”得到。

3.2布爾運(yùn)算的4種方式

布爾運(yùn)算的方式,一共有4種:聯(lián)集、減去頂層、交集、差集。

3.3布爾運(yùn)算的應(yīng)用:通過(guò)聯(lián)集得到心形圖標(biāo)

執(zhí)行聯(lián)集后,可以得到兩個(gè)形狀區(qū)域的和,也就是數(shù)學(xué)上所謂的并集。

3.4布爾運(yùn)算的應(yīng)用:通過(guò)減去頂層得到吃豆子圖標(biāo)

以美國(guó)游戲制造商TENGEN公司制作的一款益智休閑游戲“吃豆子”為例,示范怎么使用減去頂層繪制吃豆子圖標(biāo)。

3.5布爾運(yùn)算的應(yīng)用:通過(guò)交集得到葉子

通過(guò)布爾運(yùn)算的交集,可以得到一片規(guī)則的葉子,同時(shí),進(jìn)一步運(yùn)用旋轉(zhuǎn)復(fù)制,可以得到三葉草圖形。

3.6布爾運(yùn)算的應(yīng)用:通過(guò)差集得到外圓內(nèi)方的古錢(qián)幣

通過(guò)布爾運(yùn)算的差集,可以得到一枚外圓內(nèi)方的“古錢(qián)幣”。


更多推薦

交互設(shè)計(jì)精品課程:零基礎(chǔ)入行交互設(shè)計(jì)課程已上架網(wǎng)易云課堂

Sketch免費(fèi)課程:專(zhuān)“鼠”福利,這套免費(fèi)Sketch課程快快收下!

最后編輯于
?著作權(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ù)。

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