我的頭像會發(fā)光筏餐,Sketch蒙版(Mask)和漸變的綜合運(yùn)用

這是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)+漸變系列文章

用Sketch畫出大自然中最美的漸變色

靈活運(yùn)用Sketch徑向漸變繪制立體球

Sketch基礎(chǔ)教程:蒙版(Mask)的使用詳解

個(gè)人精品文章(過萬閱讀馁龟,700+贊)

干貨:讓你全方位學(xué)習(xí)成為一名交互設(shè)計(jì)師(1.6萬字誠意之作)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市漆魔,隨后出現(xiàn)的幾起案子坷檩,更是在濱河造成了極大的恐慌,老刑警劉巖改抡,帶你破解...
    沈念sama閱讀 212,816評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件矢炼,死亡現(xiàn)場離奇詭異,居然都是意外死亡阿纤,警方通過查閱死者的電腦和手機(jī)句灌,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來欠拾,“玉大人胰锌,你說我怎么就攤上這事∶暾” “怎么了资昧?”我有些...
    開封第一講書人閱讀 158,300評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長荆忍。 經(jīng)常有香客問我格带,道長,這世上最難降的妖魔是什么刹枉? 我笑而不...
    開封第一講書人閱讀 56,780評論 1 285
  • 正文 為了忘掉前任叽唱,我火速辦了婚禮,結(jié)果婚禮上微宝,老公的妹妹穿的比我還像新娘棺亭。我一直安慰自己,他們只是感情好芥吟,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,890評論 6 385
  • 文/花漫 我一把揭開白布侦铜。 她就那樣靜靜地躺著,像睡著了一般钟鸵。 火紅的嫁衣襯著肌膚如雪钉稍。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,084評論 1 291
  • 那天棺耍,我揣著相機(jī)與錄音贡未,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛俊卤,可吹牛的內(nèi)容都是我干的嫩挤。 我是一名探鬼主播,決...
    沈念sama閱讀 39,151評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼消恍,長吁一口氣:“原來是場噩夢啊……” “哼岂昭!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起狠怨,我...
    開封第一講書人閱讀 37,912評論 0 268
  • 序言:老撾萬榮一對情侶失蹤约啊,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后佣赖,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體恰矩,經(jīng)...
    沈念sama閱讀 44,355評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,666評論 2 327
  • 正文 我和宋清朗相戀三年憎蛤,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了外傅。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,809評論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡俩檬,死狀恐怖萎胰,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情豆胸,我是刑警寧澤奥洼,帶...
    沈念sama閱讀 34,504評論 4 334
  • 正文 年R本政府宣布,位于F島的核電站晚胡,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏嚼沿。R本人自食惡果不足惜估盘,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,150評論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望骡尽。 院中可真熱鬧遣妥,春花似錦、人聲如沸攀细。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽谭贪。三九已至境钟,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間俭识,已是汗流浹背慨削。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人缚态。 一個(gè)月前我還...
    沈念sama閱讀 46,628評論 2 362
  • 正文 我出身青樓磁椒,卻偏偏與公主長得像,于是被迫代替她去往敵國和親玫芦。 傳聞我的和親對象是個(gè)殘疾皇子浆熔,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,724評論 2 351

推薦閱讀更多精彩內(nèi)容