今天，給大家?guī)?lái)怎么用PS制作出一個(gè)Web登陸框的教程，該P(yáng)S教程比較簡(jiǎn)單，如果你是PS新手，不妨過(guò)來(lái)看看！
一、新建一個(gè)文檔，這里我用的是400*300像素，填充一個(gè)#d0c0be的顏色填充調(diào)整層 。
二、選擇畫(huà)筆工具，使用圓角柔邊畫(huà)筆，設(shè)置前景色為#364e35，畫(huà)出如下圖中的形狀出來(lái) 。
【PS教程，教你怎么用PS制作WEB登陸框】三、執(zhí)行“濾鏡—模糊—高斯模糊”，我用的數(shù)值是46.9像素，賦予這個(gè)顏色層一個(gè)模糊效果，跟我們的背景融合 。
四、選擇圓角矩形工具，并設(shè)置前景色為#313c45，畫(huà)一個(gè)圓角矩形，并將圓角矩形的填充設(shè)置為11%
五、為這個(gè)圓角矩形添加一個(gè)圖層樣式 。這里，我添加了描邊、內(nèi)陰影以及投影 。
六、下面，復(fù)制一層這個(gè)圓角矩形，按照構(gòu)思，我們將用第一個(gè)圓角矩形來(lái)當(dāng)作輸入用戶名 的框框，復(fù)制來(lái)的這一個(gè)圓角矩形，我們下 移一定的像素，用來(lái)當(dāng)作輸入密碼的框框 。
七、接下來(lái)，我們繼續(xù)復(fù)制一層這個(gè)圓角矩形，依舊下移一定的像素，用來(lái)當(dāng)作確定的框框 。右鍵清除掉圖層樣式，并將形狀填充顏色更改為#749e5e，添加一個(gè)圖層樣式 。
八、添加文本，會(huì)員登陸，文本顏色設(shè)置為白色#ffffff，并為其添加一個(gè)圖層樣式，這里我添加了描邊以及投影 。
九、添加最底下那個(gè)綠色框中的文本：確定 。設(shè)置確定兩字的顏色為白色，并添加一個(gè)圖層樣式，這里我用了描邊和投影 。
十、下面，我們添加用戶名及密碼兩個(gè)文本，同樣的設(shè)置文本的顏色為白色，添加一個(gè)圖層樣式，在這里，我設(shè)置了一個(gè)投影效果 。
好的，該WEB登陸框已經(jīng)完成了，來(lái)看看我們的效果吧！
推薦閱讀
- 準(zhǔn)星精靈怎么開(kāi)啟準(zhǔn)星
- 由你花怎么樣？由你花介紹！
- 魔獸電子骨灰盒怎么獲得
- 表帶怎么調(diào)節(jié) 如何調(diào)整手表表帶長(zhǎng)度
- 油桃怎么嫁接，油桃嫁接小技巧
- 坪山大工業(yè)區(qū)美的集團(tuán)怎么樣
- 教你怎么制作電影海報(bào)！好萊塢電影海報(bào)設(shè)計(jì)規(guī)律和方法大總結(jié)
- 抖音放映廳怎么開(kāi)通直播
- 朱瞻基怎么死的那么早朱瞻基為什么早逝
- 大棚葡萄怎么追肥？大棚葡萄追肥技巧