教你如何用photoshop制作網(wǎng)頁外殼界面(6)
9.
接著如圖九,每移動(dòng)矩形選擇區(qū)域12 pixels,按Delete刪除 一次.
效果如圖九.
10.
用圓形選擇工具畫出入圖十的圓形.
按Delete鍵刪除所選區(qū)域.
11.
接著我將Interface details 層向左移動(dòng)了一些 (方法是選擇移動(dòng)工具并按下鍵盤上的方向鍵).
12.
現(xiàn)在是給我們的界面填加些Cool原料的時(shí)候了 :)
在背景層上新建一層叫 Aqua Triangles.
選擇圓形選取工具在界面內(nèi)畫出一圓形. 填充灰色 -#595959.
依照?qǐng)D十二,再畫一相似的小圓.按下Delete鍵..
13.
依照?qǐng)D十三,再畫一橢圓.按下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)見我們前面的教程.
我又為其添加了Bevel and Emboss(斜面和浮雕)效果,見下圖.
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 界面設(shè)計(jì)
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類陰影教程
- banner教程,設(shè)計(jì)一個(gè)簡(jiǎn)單的母親節(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教程,超簡(jiǎn)單三步設(shè)計(jì)一個(gè)BANNER
- 圓角教程,教你制作網(wǎng)頁常用的圓角矩形邊角
推薦教程
- banner教程,用ps制作960*90的廣告圖片
- 用ps制作豎列導(dǎo)航
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- Photoshop制作網(wǎng)頁搜索條
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- 陰影效果,教你制作各類陰影教程
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果