本教程主要使用Photoshop繪制半透明的Web登錄框效果圖，作者P大點S給同學們來一發(fā)登錄界面教程，教程不是很難的，技巧點都集中在圖層樣式的運用，操作非常細致，零基礎也可以學會，附上源文件供參考，喜歡的朋友一起來學習吧。

教程源文件：透明風格的網(wǎng)頁登陸框PS教程源文件

先看看效果圖

1、新建一個文檔，這里我用的是400*300像素，填充一個#d0c0be的顏色填充調(diào)整層。

2、選擇畫筆工具，使用圓角柔邊畫筆，設置前景色為#364e35，畫出如下圖中的形狀出來。

3、執(zhí)行“濾鏡—模糊—高斯模糊”，我用的數(shù)值是46.9像素，賦予這個顏色層一個模糊效果，跟我們的背景融合。

4、選擇圓角矩形工具，并設置前景色為#313c45，畫一個圓角矩形，并將圓角矩形的填充設置為11%

5、為這個圓角矩形添加一個圖層樣式。這里，我添加了描邊、內(nèi)陰影以及投影。