什么是霓虹燈玻璃，基本上，整個(gè)霓虹燈玻璃效果都與設(shè)置適當(dāng)?shù)膬?nèi)部陰影和背景模糊有關(guān)。重要的是要必須要注意使用背景，在帶有細(xì)微圖案和一些抽象元素的深色背景上，效果會更最佳。你們可以放在UI，網(wǎng)頁，平面設(shè)計(jì)等領(lǐng)域運(yùn)用，或許會有不一樣的視覺感觀，創(chuàng)新點(diǎn)子！
接下來，我們就來教大家如何去實(shí)現(xiàn)火爆設(shè)計(jì)圈的霓虹燈玻璃效果，很簡單五步就搞定了。使用軟件不限定，建議先Sketch，XD，PS，怎么方便就使用那個(gè)，示例軟件：Sketch 。
第一步：畫一個(gè)形狀
從下面的示例中創(chuàng)建一個(gè)簡單的圓角矩形或橢圓形。然后你可以將相同效果復(fù)制并粘貼到其他圖層上。
第二步：添加背景模糊
沒有模糊，就無法說出玻璃效果。此效果定義了整個(gè)樣式。將背景模糊值設(shè)置為40左右，以查看形狀表面如何變化。當(dāng)然，你也可使用其他方法實(shí)現(xiàn)。
第三步：應(yīng)用內(nèi)部陰影
霓虹玻璃效果是由一系列內(nèi)部陰影構(gòu)建的，效果的順序也很重要。
從白色開始，不透明度為40％，Y = 6，Blur = 12。然后添加深色（黑色或背景顏色），不透明度為10％或20％，Y = -40，Blur = 40?，F(xiàn)在添加另一個(gè)白色內(nèi)部陰影，其Y = -6 Blur = 18。
還添加不透明度為24％，Y = 40和Blur = 40的白色。最后，最后一個(gè)模仿光反射的物體：白色，不透明度為80％，Y = 2，Blur = 1。
所有選項(xiàng)可能會有所不同。始終查看你的形狀，如果看起來正確，就可以完成，但是可能需要進(jìn)行一些調(diào)整。從下面的示例中查看內(nèi)部陰影列表，僅供參考。
第四步：應(yīng)用陰影
微妙的陰影有助于建立更好的層次結(jié)構(gòu)。在此示例中，我使用不透明度為20％的黑色，并使用值20進(jìn)行模糊處理。
第五步：添加內(nèi)容
添加上一些文字或特殊形狀進(jìn)行排版以充實(shí)頁面，不過需要注意的是霓虹燈玻璃效果最適合深色背景。
分享結(jié)束，感謝大家閱讀，建議大家可以去做下，學(xué)以致用，提升技術(shù)，你們可以放在UI，網(wǎng)頁，平面設(shè)計(jì)等領(lǐng)域運(yùn)用，或許會有不一樣的視覺感觀，創(chuàng)新點(diǎn)子！如果你覺得不錯(cuò)記得收藏并轉(zhuǎn)發(fā)哦！歡迎關(guān)注我們！設(shè)計(jì)路上繼續(xù)努力向前奔跑！
站長資訊網(wǎng)