這是Sketch蒙版(Mask)+漸變綜合運(yùn)用的教程葱椭,利用其中的Alpha Mask(透明蒙版)捂寿,通過改變Alpha Mask的透明度漸變來實(shí)現(xiàn)頭像發(fā)光的效果。
1.效果圖及原理說明
我們先來看看最終實(shí)現(xiàn)的效果圖孵运,分析一下實(shí)現(xiàn)的原理秦陋。首先,原始素材是一張方形的頭像治笨,我們要將它變?yōu)閳A形驳概,則需要用到Sketch Mask的功能;然后旷赖,要在頭像中實(shí)現(xiàn)透明度漸變顺又,則需要將蒙版設(shè)置為Alpha Mask(透明蒙版)模式;最后杠愧,要實(shí)現(xiàn)發(fā)光效果(透明度漸變)待榔,則需要用到Sketch線性漸變的功能。具體的操作步驟見下文講解流济。
關(guān)于Mask的介紹和使用,可參考早前的文章《Sketch基礎(chǔ)教程:蒙版(Mask)的使用詳解》腌闯。
2.制作Alpha Mask圓形頭像
首先绳瘟,把需要處理的方形頭像導(dǎo)入/復(fù)制到Sketch中,并且使用圓形工具(Oval姿骏,快捷鍵O)繪制一個(gè)和頭像同樣大小的圓形糖声。
然后,把圓形疊加在頭像上分瘦,并選中兩者蘸泻,右鍵呼出菜單,并選擇“Mask”嘲玫。
最后悦施,選中蒙版,依次選擇“Layer”→“Mask”→“Mask Mode”→“Alpha Mask”去团,將其設(shè)置為透明蒙版抡诞,為下一步做準(zhǔn)備。
3.處理透明度漸變
只有將蒙版的類型設(shè)置為Alpha Mask土陪,漸變才會對蒙版起作用昼汗,將其設(shè)置為Alpha Mask后,點(diǎn)擊Fill鬼雀,并選擇線性漸變顷窒,自由調(diào)整漸變條的角度,選擇漸變點(diǎn)源哩,并調(diào)節(jié)漸變點(diǎn)的透明度即可鞋吉。值得注意的是出刷,蒙版只會受到透明度漸變的影響,跟選取哪一種顏色無關(guān)坯辩。
更多蒙版(Mask)+漸變系列文章
個(gè)人精品文章(過萬閱讀馁龟,700+贊)