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

2023-12-21 17:44:38 來源/作者: / 己有:1人學(xué)習(xí)過

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

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

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

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

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

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

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

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