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

2023-11-08 17:27:07 來源/作者: / 己有:1人學習過

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

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

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

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

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

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

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

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

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

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

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

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

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