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

2023-11-09 17:40:31 來源/作者: / 己有:2人學(xué)習(xí)過

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

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

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

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

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

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

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

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

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

到這里,就算是完成了,來看看我們的效果吧!

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

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

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