您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> ps教程 >> 瀏覽設(shè)計(jì)教程

Photoshop簡單設(shè)計(jì)網(wǎng)頁時(shí)尚感藍(lán)色登錄框

先看下最終效果圖。

步驟一:新建文檔450x300像素,背景做一灰白漸變,建新層,畫一黑色圓角矩形。

添加圖層樣式。

效果如下

步驟二:建新層,畫2個(gè)白色矩形,添加文字和箭頭

步驟三:建新層,畫一個(gè)白色的小正方形。

Photoshop制作時(shí)尚藍(lán)色會(huì)員登錄框,破洛洛

添加1像素灰色描邊樣式,效果如下。


步驟四:圖層面板底部建新層,前景色#b3b3b3畫一圓角矩形。

Photoshop制作時(shí)尚藍(lán)色會(huì)員登錄框,破洛洛

新建層,用鋼筆做下圖所示路徑,填充同樣的顏色。

Photoshop制作時(shí)尚藍(lán)色會(huì)員登錄框,破洛洛

添加白色文字,我感覺背景漸變不太好看,填充了一種淺灰色,最終效果如下,是不是很簡單明了,你也可以試一下

Photoshop制作時(shí)尚藍(lán)色會(huì)員登錄框,破洛洛
 

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/ps927.html
網(wǎng)頁設(shè)計(jì)教程:打造華麗的房地產(chǎn)網(wǎng)站首頁效果
網(wǎng)頁設(shè)計(jì)中導(dǎo)航hover狀態(tài)高光效果示例
圖趣網(wǎng)微信
建議反饋
×