網(wǎng)頁圖片，設(shè)計(jì)一個(gè)網(wǎng)頁登陸框圖片教程(2)
來源：pdadians
作者：P大點(diǎn)S
學(xué)習(xí)：16545人次
5、為這個(gè)圓角矩形添加一個(gè)圖層樣式。這里，我添加了描邊、內(nèi)陰影以及投影。
6、下面，復(fù)制一層這個(gè)圓角矩形，按照構(gòu)思， 我們將用第一個(gè)圓角矩形來當(dāng)作輸入用戶名 的框框，復(fù)制來的這一個(gè)圓角矩形，我們下 移一定的像素，用來當(dāng)作輸入密碼的框框。
7、接下來，我們繼續(xù)復(fù)制一層這個(gè)圓角矩形， 依舊下移一定的像素，用來當(dāng)作確定的框框。右鍵清除掉圖層樣式，并將形狀填充顏色更改為#749e5e，添加一個(gè)圖層樣式。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- P大點(diǎn)S
- ps網(wǎng)頁設(shè)計(jì)
- 登陸界面
- 登錄界面
- 登陸框
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果，教你制作各類陰影教程
- banner教程，設(shè)計(jì)一個(gè)簡單的母親節(jié)Banner教程
- 陰影效果，制作網(wǎng)頁常見的圖片投影效果
- 設(shè)計(jì)知識(shí)，新手詳情頁制作誤區(qū)
- 界面設(shè)計(jì)，設(shè)計(jì)音樂播放器界面圖片
- 圖片教程，教你怎么做圓形圖表
- 圖片設(shè)計(jì)，教你設(shè)計(jì)扁平化404錯(cuò)誤頁面圖片
- 圓角教程，教你制作網(wǎng)頁常用的圓角矩形邊角
- 進(jìn)度條，設(shè)計(jì)一個(gè)彩色進(jìn)度條
- 圖標(biāo)設(shè)計(jì)，ps設(shè)計(jì)六邊形圖標(biāo)實(shí)例
推薦教程
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- Photoshop制作網(wǎng)頁搜索條
- banner教程，用ps制作960*90的廣告圖片
- 陰影效果，教你制作各類陰影教程
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- 界面設(shè)計(jì)，設(shè)計(jì)音樂播放器界面圖片
- 用ps制作豎列導(dǎo)航
關(guān)注大神微博加入>>
網(wǎng)友求助，請回答！