教你如何用photoshop制作網(wǎng)頁(yè)外殼界面(9)
24.
在 Buttons 層之下新建一Inset Buttons層.
Ctrl + 單擊左鍵Buttons 層,使按鈕浮動(dòng).
取消較低按鈕的浮動(dòng)線(xiàn),只保留頂部的按鈕被選中.
方法是在屬性面板上選擇相減按鈕,勾選出要?jiǎng)h除的部分即可.
如圖二十三!
執(zhí)行Select - Modify - Expand(選擇 – 修改 – 擴(kuò)展)- 2 pixels.
按D鍵恢復(fù)默認(rèn)顏色 (黑色前景,白色背景)
選擇Gradient Tool(漸變工具)從上到下填充選擇區(qū)域.
取消選定.
復(fù)制這一層,將它移動(dòng)到底部的按鈕上.
如圖二十四.
連接這兩個(gè)Inset buttons 層進(jìn)行合并.
執(zhí)行 Gaussian Blur (高斯模糊)- 4 pixels.
25.
現(xiàn)在是進(jìn)一步修整的時(shí)間了.
Ctrl + 單擊左鍵Chrome Detail 層,使Chrome Detail 浮動(dòng)并且復(fù)制該層.
制作一如圖二十五的選擇區(qū)域并進(jìn)行反選 (Ctrl + Shift + I).
按Delete刪除. 取消選定.
接著關(guān)閉Drop Shadow(陰影)特效 !
26.
執(zhí)行 Gaussian Blur (高斯模糊)- 5 pixels.
停留在Chrome detail copy 層, Ctrl + 單擊左鍵Chrome Detail 層,使Chrome Detail 浮動(dòng).
反選選擇區(qū)域 (Ctrl + Shift + I).
按Delete刪除(確定你是在Chrome detail copy 層). 取消選定.
復(fù)制 Chrome detail copy 層執(zhí)行Edit - Transform - Flip horizontal (編輯 – 變形 – 水平翻轉(zhuǎn)) – 移動(dòng)置右邊部分.
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 界面設(shè)計(jì)
學(xué)習(xí) · 提示
相關(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)小效果