很多讀者常會詢問我類似于上圖中的按鈕的光效是怎么做出來的?其實非常簡單，新建圖層，筆刷或橢圓畫出白色，高斯模糊，再將圖層混合模式更改為圖層疊加就可以了。但是這篇文章里我們不討論具體的技術，而來看看如同上面的按鈕通過白色的疊加創建出按鈕的高光，我們來了解一下圖層疊加模式在網頁設計中的應用，再通過不同的實例來深層次的了解圖層疊加混合模式的基本效果，將其更自由的應用于我們的設計中。
案例一 圖標設計中增加色彩的飽和度和明暗對比度
之所以會引出要討論圖層疊加混合模式的問題，是由于我個人按照網上的教程在做圖標設計練習的時候，發現設計師有意識的使用了圖層疊加來增加明暗的對比度，創建出了非常好的色彩效果，而如果不了解疊加混合模式的原理的話，很難想到用這樣的方式來完成設計。下面就是我在練習中要完成的設計，一個復古的圓形金色座椅：
在創建座椅的椅背過程中，設計師首先使用了角度方式的漸變疊加來創建椅背的金屬質感。
接下來，他將此圖層復制了一層，放置于原圖層的上方，并將圖層混合模式更改為疊加，這里正是值得我們注意的地方，由于這一步，我們可以看到，椅背增加了整體色彩的飽和度，拉開了高光部分和陰影部分的亮度，從而讓金色的質感更為凸顯。當然你完全可以通過細微的調整漸變疊加而直接實現下圖的效果，略過圖層疊加這一步驟，但是在初步調整色彩不太滿意的情況下，要知道通過圖層疊加的方式也能夠實現的方法。
在創建座椅周圍一圈的高光效果上，同樣使用了我在前面提到的白色圖層疊加的方法，這里使用了柔軟的筆刷來完成設計效果。
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。