當(dāng)前位置:首頁>ps實(shí)例教程>ps繪畫教程>鼠繪教程>教程內(nèi)容

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

來源:不詳 作者:佚名 學(xué)習(xí):629人次
發(fā)表于 2007-8-30 08:21 用Photoshop輕松打造精致MP4播放器作者:王偉光 來源:eNet硅谷動力 PS教程論壇:http://bbs.16xx8.com
先看一下效果:

按此在新窗口瀏覽圖片

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

按此在新窗口瀏覽圖片



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

按此在新窗口瀏覽圖片


按此在新窗口瀏覽圖片


按此在新窗口瀏覽圖片

按此在新窗口瀏覽圖片3、選擇圖層01,單擊圖層面板有上端的擴(kuò)展按鈕,選擇“復(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ù)奈恢茫Ч鐖D29所示。

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

按此在新窗口瀏覽圖片


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

按此在新窗口瀏覽圖片

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
夢無間2007-08-30 08:39
哈哈果然是有點(diǎn)感覺呀...........

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!