用Photoshop輕松打造精致MP4播放器

2022-12-26 17:45:04 來源/作者: / 己有:78人學(xué)習(xí)過
發(fā)表于 2007-8-30 08:21 用Photoshop輕松打造精致MP4播放器作者:王偉光 來源:eNet硅谷動力 PS教程論壇:http://bbs.16xx8.com
先看一下效果:

按此在新窗口瀏覽圖片

制作工具:Photoshop CS
制作過程:
1、新建一個文件,選擇工具箱中的“圓角矩形工具”,設(shè)置半徑為10,顏色RGB分別為225、225、225,在窗口中繪制如圖01所示的圓角矩形,將生成的圖層命名為圖層01。

按此在新窗口瀏覽圖片



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

按此在新窗口瀏覽圖片


按此在新窗口瀏覽圖片


按此在新窗口瀏覽圖片

按此在新窗口瀏覽圖片3、選擇圖層01,單擊圖層面板有上端的擴展按鈕,選擇“復(fù)制圖層”命令,打開復(fù)制圖層對話框,將復(fù)制的圖層命名為圖層02。
4、雙擊圖層02打開圖層樣式對話框,在圖層樣式對話框中選擇“投影”,設(shè)置如圖06,選擇“斜面和浮雕”,設(shè)置參數(shù)如圖07所示,將漸變疊加取消,圖像效果如圖08所示。

按此在新窗口瀏覽圖片


按此在新窗口瀏覽圖片


按此在新窗口瀏覽圖片
5、設(shè)置圖層02的圖層混合模式為“正片疊底”,圖像效果如圖09所示。

按此在新窗口瀏覽圖片


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

按此在新窗口瀏覽圖片
8、按Ctrl T鍵,將對象縮小,效果如圖11所示,按Enter鍵確認(rèn)后效果如圖12所示。

按此在新窗口瀏覽圖片


按此在新窗口瀏覽圖片9、在工具箱中選擇“圓角矩形工具”,設(shè)置顏色RGB為73、73、73,繪制圓角矩形效果如圖13所示,命名該圖層為S01。

按此在新窗口瀏覽圖片
10、雙擊S01圖層,打開圖層樣式對話框,選擇“外發(fā)光”樣式,設(shè)置參數(shù)如圖14所示,然后Ctrl T鍵,縮小對象,圖像效果如圖15所示。

按此在新窗口瀏覽圖片


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

按此在新窗口瀏覽圖片12、雙擊S02圖層,打開圖層樣式對話框,選擇“內(nèi)陰影”,設(shè)置參數(shù)如圖17所示。選擇“內(nèi)發(fā)光”樣式,設(shè)置參數(shù)如圖18所示,圖像效果如圖19所示。選擇“漸變疊加”樣式,設(shè)置參數(shù)如圖20所示,其中漸變顏色的RGB分別為125、184、230和65、121、185,圖像效果如圖21所示。

按此在新窗口瀏覽圖片


按此在新窗口瀏覽圖片


按此在新窗口瀏覽圖片


按此在新窗口瀏覽圖片


按此在新窗口瀏覽圖片13、新建圖層,命名為圖層A。然后選擇圖層A,按住Ctrl鍵單擊S02圖層,載入選區(qū),效果如圖22所示。

按此在新窗口瀏覽圖片


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

按此在新窗口瀏覽圖片
15、按Ctrl T鍵,稍微縮小對象,然后給圖層A添加圖層蒙版,設(shè)置前景色和背景色為默認(rèn)顏色,在窗口中拖動鼠標(biāo),圖像效果如圖24所示。

按此在新窗口瀏覽圖片


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

按此在新窗口瀏覽圖片
17、選擇菜單欄中的“圖像”“調(diào)整”“色相/飽和度”命令,打開色相/飽和度對話框設(shè)置參數(shù)如圖26所示,圖像效果如圖27所示。

按此在新窗口瀏覽圖片


按此在新窗口瀏覽圖片18、將圖層B的圖層不透明度設(shè)置為50%,圖像效果如圖28所示。

按此在新窗口瀏覽圖片


19、將制作好的按鈕和文字拖入圖像中放到適當(dāng)?shù)奈恢?,效果如圖29所示。

按此在新窗口瀏覽圖片
20、打開一幅自己喜歡的圖片,裁切到合適的大小,放到位置如圖30所示。設(shè)置該圖層的圖層混合模式為“正片疊底”,圖像效果如圖31所示。

按此在新窗口瀏覽圖片


按此在新窗口瀏覽圖片
21、制作投影后最終效果如圖32所示。

按此在新窗口瀏覽圖片