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

2023-11-04 17:37:00 來(lái)源/作者: / 己有:1人學(xué)習(xí)過(guò)

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

網(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è)登陸框圖片教程
網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程

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

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

7、接下來(lái),我們繼續(xù)復(fù)制一層這個(gè)圓角矩形, 依舊下移一定的像素,用來(lái)當(dāng)作確定的框框。右鍵清除掉圖層樣式,并將形狀填充顏色更改為#749e5e,添加一個(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è)登陸框圖片教程
網(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è)登陸框圖片教程
網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程