教你如何用photoshop制作網(wǎng)頁外殼界面(7)
16.
回到背景層新建一新層Chrome Detail.
選擇圓形選取工具 畫出一橢圓形,填充灰色.在橢圓的右邊畫一較小的圓形,按Delete 鍵刪除.
接著如圖十六,再次畫出一橢圓選取區(qū)域,按Ctrl + Shift + I進(jìn)行反選, 按Delete 鍵刪除.
17.
Duplicate(復(fù)制)此層,執(zhí)行 Edit - Transform - Flip Horizontal(編輯 – 變形 – 水平翻轉(zhuǎn)).
將Chrome Detail copy 層向右移動.
接著添加一些Drop Shadow(陰影) (默認(rèn)設(shè)置) 和 Gradient Overlay(漸變覆蓋)見下圖.
18.
回到背景層新建一新層 Ring 1.
選擇圓形選取工具 畫出如圖十八的橢圓選取工具.
確保你的前景色為深灰色(#212121) 執(zhí)行
Edit - Stroke – Center(編輯 – 描邊 – 中心) - 9 pixels - ok.
保持選擇區(qū)域的浮動!
新建一新層 Ring 2, 將前景色該邊為亮灰色 (#4B4B4B) 執(zhí)行Edit - Stroke – Inside(編輯 – 描邊 – 內(nèi)部) - 5 pixels - ok.
取消選定.
19.
在 Ring 2 層上畫出一矩形選擇區(qū)域如圖十九,按Delete 刪除.
移動選擇區(qū)域到圓環(huán)的底部,同樣按Delete 刪除.
20.
回到 Ring 1 layer.
畫出一圓形選擇區(qū)域如圖二十,按Delete 刪除.
現(xiàn)在是給Ring 1 層和 Ring 2 層添加特效的時候了.
Ring 1層的設(shè)置見下圖.
Ring 2層特效設(shè)置:
用和Ring 1層同樣的Bevel and Emboss(斜面和浮雕)效果.
接著增加Drop Shadow(陰影) 特效. Distance(距離): 2 pixels 和 Size(尺寸): 2 pixels.
如果你愿意 – 可以加入Stroke(描邊)特效: 1 pixel - Outside – 黑色.
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 界面設(shè)計(jì)
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類陰影教程
- banner教程,設(shè)計(jì)一個簡單的母親節(jié)Banner教程
- 陰影效果,制作網(wǎng)頁常見的圖片投影效果
- 網(wǎng)頁圖片,設(shè)計(jì)一個網(wǎng)頁登陸框圖片教程
- 設(shè)計(jì)知識,新手詳情頁制作誤區(qū)
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- 圖片教程,教你怎么做圓形圖表
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯誤頁面圖片
- banner教程,超簡單三步設(shè)計(jì)一個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)小效果