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

2023-12-15 17:34:33 來源/作者: / 己有:0人學習過

5、為這個圓角矩形添加一個圖層樣式。這里,我添加了描邊、內陰影以及投影。

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

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

6、下面,復制一層這個圓角矩形,按照構思, 我們將用第一個圓角矩形來當作輸入用戶名 的框框,復制來的這一個圓角矩形,我們下 移一定的像素,用來當作輸入密碼的框框。

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

7、接下來,我們繼續(xù)復制一層這個圓角矩形, 依舊下移一定的像素,用來當作確定的框框。右鍵清除掉圖層樣式,并將形狀填充顏色更改為#749e5e,添加一個圖層樣式。

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

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