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