今天我們來說說如何通過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á)到了最滿意的效果。