05-sketch蒙版(Mask)的使用詳解

作為新手上手一款軟件,最大的攔路虎是可能就是軟件的專業(yè)術(shù)語,今天我們就來看一下Sketch中蒙版(Mask)的正確使用方法。

一、Sketch中的蒙版

我們來看看官方對(duì)蒙版(Mask)的定義:

Masks in Sketch are used to selectively show parts of other layers. For example, masking an image layer to a circle will give the image a circular shape.——Sketch里的蒙版可以讓你有選擇性的顯示出圖層的一部分。比如說在一個(gè)圖片上圓形蒙版,那么這張圖片就只會(huì)顯示出圓形內(nèi)部的內(nèi)容。

看官方的解釋就能大致明白這個(gè)術(shù)語的意思,它相當(dāng)于一個(gè)形狀遮罩,遮擋下方的內(nèi)容后,下方的內(nèi)容會(huì)按照它當(dāng)前的形狀來展示。

Sketch中提供兩種Mask,一種是Outline Mask,即普通的Mask,讓遮罩的內(nèi)容按照Mask的形狀來展示;另外一種是Alpha Mask,即透明的Mask,利用透明Mask的顏色透明度實(shí)現(xiàn)被遮罩內(nèi)容的處理。下圖是官方給的兩種Mask對(duì)比圖。

2.Outline Mask使用

普通Mask的應(yīng)用場(chǎng)景主要是利用Mask處理圖像的形狀,典型的應(yīng)用是處理社交網(wǎng)絡(luò)的頭像,下面以圓形頭像為例看看在Sketch中是怎么操作的。

方法步驟如下:

(1)首先在Sketch中導(dǎo)入想要處理的頭像圖片

(2)繪制一個(gè)圓形,位于頭像圖片上方,需要注意的是,圓形的大小不可超過圖像的大小,因?yàn)槌^遮罩內(nèi)容后,超出的部分會(huì)顯示Mask的內(nèi)容,失去遮罩的效果。

(3)選中頭像圖片和圓形,在圖像上右鍵點(diǎn)擊,在彈出的菜單中選擇“Mask”即可

(4)最后來看看效果吧,如圖所示,得到一枚圓形頭像,Sketch會(huì)把Mask自動(dòng)編組

3.Alpha Mask的使用

細(xì)心的同學(xué)應(yīng)該發(fā)現(xiàn)了,上文中普通Mask的圓形顏色填充和邊框都不用進(jìn)行處理,只是使用了圓形的遮擋效果;而Alpha Mask實(shí)質(zhì)是在普通Mask的基礎(chǔ)上,使用圓形的顏色透明度效果,所以Alpha Mask的應(yīng)用場(chǎng)景是對(duì)圖像進(jìn)行簡(jiǎn)單的透明度處理。

方法步驟如下:

(1)按照普通Mask的方式先生成普通的mask,然后在組合中選中mask,再在功能菜單中依次選中“Layer”→“Mask Mode”→“Alpha Mask”。

(2)變更為Alpha Mask,我們就可以調(diào)整 Mask的透明度,對(duì)圖像進(jìn)行進(jìn)一步的處理,選中Mask,再在檢查器Fills中,點(diǎn)擊fill上方的顏色選擇器,再調(diào)整透明度即可。這里例子模擬了一下宇宙大爆炸產(chǎn)生的光芒效果,其他效果還有很多,例如透明漸變等等,需要童鞋們具體去摸索。


文章內(nèi)容有摘抄來之靜電

?著作權(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)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

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