網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程

2023-07-02 11:54:20 來(lái)源/作者: / 己有:1人學(xué)習(xí)過(guò)

8、添加文本,會(huì)員登陸,文本顏色設(shè)置為白色#ffffff,并為其添加一個(gè)圖層樣式,這里我添加了描邊以及投影。

網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程

網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程
網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程

9、添加最底下那個(gè)綠色框中的文本:確定。設(shè)置確定兩字的顏色為白色,并添加一個(gè)圖層樣式,這里我用了描邊和投影。

網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程

網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程
網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程

10、下面,我們添加用戶名及密碼兩個(gè)文本,同樣的設(shè)置文本的顏色為白色,添加一個(gè)圖層樣式,在這里,我設(shè)置了一個(gè)投影效果。

網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程

網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程

到這里,就算是完成了,來(lái)看看我們的效果吧!

網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程

最后看看其它顏色的效果:

網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程