Sketch - 教你正確的做iOS Blur的姿勢

今天我們來說說如何通過Sketch,制作iOS8的透明毛玻璃效果,相當(dāng)快捷,可能有些朋友已經(jīng)知道了,那就當(dāng)是給其他朋友掃盲了。

Sketch,都知道吧,Mac系統(tǒng)的新晉設(shè)計(jì)軟件。輕量,矢量是它的兩個Keywords,很多便捷的功能也就不一一介紹了,大家可以去官網(wǎng)看看Features。


做設(shè)計(jì)的很多朋友經(jīng)常會運(yùn)用iOS毛玻璃的效果,在PS里進(jìn)行高斯模糊操作,圖層疊加在一個完成的模糊背景圖層,最后利用蒙版設(shè)計(jì)出一個按鈕。

其實(shí)在Sketch里進(jìn)行這個操作很簡單,但如果你不知道的話,那你也肯定也不會知道這是多簡單的事兒了。(精分!)

First

選擇想要添加模糊背景的圖層或者目標(biāo),大部分應(yīng)該會是一個按鈕,當(dāng)然你選擇其他的,我也不會管你。

Paste_Image.png

Next

在選中后可以看到Sketch界面右邊的inspector,這部分有很多的選項(xiàng)(啊好多英文,看不懂,主人救我)。

沒事,別慌,我們只用到一個。

找到最下面的那個選項(xiàng):高斯模糊(Gaussian Blur),這時候會看到有一個指著上下的小箭頭,沒錯,點(diǎn)擊它。

Paste_Image.png

Last

選擇“ Background Blur”。注意:請先確保選對了圖層,再進(jìn)行這步操作。

Paste_Image.png

現(xiàn)在要做的就是調(diào)整像素的數(shù)量,來達(dá)到你想要的效果。我在這的設(shè)置是10px,預(yù)覽效果會根據(jù)像素數(shù)量的改變而變化,選擇最滿意的效果即可。

就這么幾步操作,就達(dá)到了最滿意的效果。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

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