教你如何用photoshop制作網(wǎng)頁(yè)外殼界面(6)
9.
接著如圖九,每移動(dòng)矩形選擇區(qū)域12 pixels,按Delete刪除 一次.
效果如圖九.
10.
用圓形選擇工具畫(huà)出入圖十的圓形.
按Delete鍵刪除所選區(qū)域.
11.
接著我將Interface details 層向左移動(dòng)了一些 (方法是選擇移動(dòng)工具并按下鍵盤(pán)上的方向鍵).
12.
現(xiàn)在是給我們的界面填加些Cool原料的時(shí)候了 :)
在背景層上新建一層叫 Aqua Triangles.
選擇圓形選取工具在界面內(nèi)畫(huà)出一圓形. 填充灰色 -#595959.
依照?qǐng)D十二,再畫(huà)一相似的小圓.按下Delete鍵..
13.
依照?qǐng)D十三,再畫(huà)一橢圓.按下Delete鍵.
取消選定.
14.
應(yīng)用第五步中我們所添加的layer style(圖層特效) (Interface 層).
接著再添加 Drop Shadow(陰影)特效.
設(shè)置 Opacity(不透明度): 97 %, Distance(距離): 3 pixels,其它都用默認(rèn)的設(shè)置.
15
接著我在Aqua Triangles層上新建了一ayers Bolts層,并放置了一些球體如圖十五,詳細(xì)的制作方法請(qǐng)見(jiàn)我們前面的教程.
我又為其添加了Bevel and Emboss(斜面和浮雕)效果,見(jiàn)下圖.
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 界面設(shè)計(jì)
學(xué)習(xí) · 提示
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
相關(guān)教程
- 陰影效果,教你制作各類(lèi)陰影教程
- banner教程,設(shè)計(jì)一個(gè)簡(jiǎn)單的母親節(jié)Banner教程
- 陰影效果,制作網(wǎng)頁(yè)常見(jiàn)的圖片投影效果
- 網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程
- 設(shè)計(jì)知識(shí),新手詳情頁(yè)制作誤區(qū)
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- 圖片教程,教你怎么做圓形圖表
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯(cuò)誤頁(yè)面圖片
- banner教程,超簡(jiǎn)單三步設(shè)計(jì)一個(gè)BANNER
- 圓角教程,教你制作網(wǎng)頁(yè)常用的圓角矩形邊角
推薦教程
- banner教程,用ps制作960*90的廣告圖片
- 用ps制作豎列導(dǎo)航
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- Photoshop制作網(wǎng)頁(yè)搜索條
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- 陰影效果,教你制作各類(lèi)陰影教程
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果