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

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

先看看效果圖

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

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

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

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

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