Photoshop設(shè)計(jì)教程:UI界面的設(shè)計(jì)(6)
來源：
作者：
學(xué)習(xí)：6158人次
作者：小林設(shè)計(jì)
最終效果圖
開始：
1、新建一個(gè)黑色背景的文檔，新建圖層1，創(chuàng)建圓角矩形，使用銀色漸變
2、為圖層1添加投影、內(nèi)陰影、內(nèi)發(fā)光和斜面浮雕圖層樣式
3、創(chuàng)建一個(gè)三角形選區(qū)，按DELETE刪除內(nèi)部顏色
4、新建圖層2，在三角形選區(qū)內(nèi)部使用漸變
5、選擇—修改—收縮[收縮4個(gè)像素]，然后新建圖層3，使用白色到透明漸變
CTRL+D取消選擇，改變圖層3透明度，效果如下：
6、用鋼筆工具創(chuàng)建路徑，并利用轉(zhuǎn)換點(diǎn)工具改變路徑的形狀，如下：
將路徑轉(zhuǎn)變?yōu)檫x區(qū)，將多余的顏色刪除，CTRL+D取消選擇
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 界面設(shè)計(jì)
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果，教你制作各類陰影教程
- banner教程，設(shè)計(jì)一個(gè)簡單的母親節(jié)Banner教程
- 陰影效果，制作網(wǎng)頁常見的圖片投影效果
- 網(wǎng)頁圖片，設(shè)計(jì)一個(gè)網(wǎng)頁登陸框圖片教程
- 設(shè)計(jì)知識(shí)，新手詳情頁制作誤區(qū)
- 界面設(shè)計(jì)，設(shè)計(jì)音樂播放器界面圖片
- 圖片教程，教你怎么做圓形圖表
- 圖片設(shè)計(jì)，教你設(shè)計(jì)扁平化404錯(cuò)誤頁面圖片
- banner教程，超簡單三步設(shè)計(jì)一個(gè)BANNER
- 圓角教程，教你制作網(wǎng)頁常用的圓角矩形邊角
推薦教程
- Photoshop在設(shè)計(jì)商業(yè)數(shù)碼類網(wǎng)站的應(yīng)用實(shí)例
- ps設(shè)計(jì)網(wǎng)頁定價(jià)表
- ps基礎(chǔ)制作白紙翹邊的立體陰影特效教
- 臨摹播放條
- Photoshop制作網(wǎng)站流程圖解揭密
- Photoshop教程:設(shè)計(jì)復(fù)古絲帶風(fēng)格網(wǎng)頁導(dǎo)航
- ps cs6繪畫像素圖標(biāo)技巧
- 如何用photoshop制作一個(gè)時(shí)尚現(xiàn)代的登錄表單
- Photoshop打造非常精致的條紋水晶導(dǎo)航欄
- ps制作window7移動(dòng)導(dǎo)航網(wǎng)頁界面設(shè)計(jì)教
關(guān)注大神微博加入>>
網(wǎng)友求助，請(qǐng)回答！