Photoshop簡單設(shè)計(jì)網(wǎng)頁時(shí)尚感藍(lán)色登錄框
2011/11/16 9:55:28來源:破洛洛
先看下最終效果圖。
步驟一:新建文檔450x300像素,背景做一灰白漸變,建新層,畫一黑色圓角矩形。
添加圖層樣式。
效果如下
步驟二:建新層,畫2個(gè)白色矩形,添加文字和箭頭
步驟三:建新層,畫一個(gè)白色的小正方形。
添加1像素灰色描邊樣式,效果如下。
步驟四:圖層面板底部建新層,前景色#b3b3b3畫一圓角矩形。
新建層,用鋼筆做下圖所示路徑,填充同樣的顏色。
添加白色文字,我感覺背景漸變不太好看,填充了一種淺灰色,最終效果如下,是不是很簡單明了,你也可以試一下
[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/ps927.html
本文地址:http://irelandcustomcontracting.com/tutorial/ps927.html
這些是最新的
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏
最熱門的教程