用Photoshop輕松打造精致MP4播放器
先看一下效果:
制作工具:Photoshop CS
制作過(guò)程:
1、新建一個(gè)文件,選擇工具箱中的“圓角矩形工具”,設(shè)置半徑為10,顏色RGB分別為225、225、225,在窗口中繪制如圖01所示的圓角矩形,將生成的圖層命名為圖層01。

2、雙擊圖層01打開(kāi)圖層樣式對(duì)話框,在彈出的圖層樣式對(duì)話框中選擇“投影”“斜面和浮雕”“漸變疊加”樣式,設(shè)置參數(shù)如圖02-04所示,其中漸變疊加的顏色為RGB255、255、255和RGB236、236、236。圖像效果如圖05所示。

4、雙擊圖層02打開(kāi)圖層樣式對(duì)話框,在圖層樣式對(duì)話框中選擇“投影”,設(shè)置如圖06,選擇“斜面和浮雕”,設(shè)置參數(shù)如圖07所示,將漸變疊加取消,圖像效果如圖08所示。




6、復(fù)制圖層01,生成的圖層命名為圖層03,并將圖層03移至圖層的最上方。
7、雙擊圖層03,打開(kāi)圖層樣式對(duì)話框,將“投影”“斜面和浮雕”樣式取消。選擇“漸變疊加”,如圖10所示。設(shè)置圖層03的圖層混合模式為“正片疊底”。

8、按Ctrl T鍵,將對(duì)象縮小,效果如圖11所示,按Enter鍵確認(rèn)后效果如圖12所示。





11、雙擊S02圖層的圖層縮覽圖,更改為白色后確認(rèn)大小和位置,效果如圖16所示。







14、用白色填充選區(qū),效果如圖23所示。


16、復(fù)制圖層A為圖層B,選擇“編輯”“變換”“垂直翻轉(zhuǎn)”命令,將圖像移動(dòng)到下方,效果如圖25所示。




19、將制作好的按鈕和文字拖入圖像中放到適當(dāng)?shù)奈恢茫Ч鐖D29所示。



