萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps入門教程 >> Photoshop繪制時尚大氣的播放界面

Photoshop繪制時尚大氣的播放界面

  首先這個作品創意來源於網絡上的一張作品圖,我只是稍做加工將寫成教程。本效果分為兩個教程,第一個是繪制黑膠唱片(利用PS濾鏡及漸變制作黑膠唱片技巧),第二個是繪制播放界面,制作過程並不難,重要的是創意和細節。

  效果:

Photoshop繪制時尚大氣的播放界面,三聯

  教程:

  1、新建800*600像素的畫布,按Ctrl+N新建圖層,使用#aac6d1 ~ #fafbfd的徑向漸變,並填充制作出背景效果。

Photoshop繪制時尚大氣的播放界面,三聯
Photoshop繪制時尚大氣的播放界面,三聯
Photoshop繪制時尚大氣的播放界面,三聯

  2、將我們學過的一篇制作黑膠唱片教程中的效果圖拖入進來(教程地址:http://www.missyuan.com/thread-669217-1-1.html),擺上在中上左右。

  如果唱片做的比較大,可以縮小一些,並添加投影,數值效果如下。

Photoshop繪制時尚大氣的播放界面,三聯
Photoshop繪制時尚大氣的播放界面,三聯

  3、在唱片圖層下面新建圖層,用矩形工具拉出矩形圖形。

Photoshop繪制時尚大氣的播放界面,三聯

  添加投影,數值效果如下。

Photoshop繪制時尚大氣的播放界面,三聯
Photoshop繪制時尚大氣的播放界面,三聯

  4、復制剛才的矩形圖層,將投影取消掉,按Ctrl+T打開自由變換路徑,按住最上方中間的點往下拖5分之三的距離,如下圖效果。

Photoshop繪制時尚大氣的播放界面,三聯

  執行‘編輯-變換路徑-透視’,按住Shift鍵不放,拖著左上角的點往左移動,如下效果。

Photoshop繪制時尚大氣的播放界面,三聯

  執行‘編輯-變換路徑-變形’,按住Shift鍵不放,拖住如下圖藍色圈住位置往裡面移,兩邊移動的大小根據感覺來,兩邊差不多要一樣。

Photoshop繪制時尚大氣的播放界面,三聯

  按確定,並將此圖層移到唱片圖層上面。

Photoshop繪制時尚大氣的播放界面,三聯

  5、右鍵圖層-柵格化圖層,用橢圓選框工具在唱片下方拉出橢圓選區,然後刪除,效果如下。

Photoshop繪制時尚大氣的播放界面,三聯
Photoshop繪制時尚大氣的播放界面,三聯

  6、添加圖層樣式-漸變疊加,數值如下,這樣是制作交紙折皺的效果。

Photoshop繪制時尚大氣的播放界面,三聯
Photoshop繪制時尚大氣的播放界面,三聯

  本帖隱藏的內容7、在背景圖層上面新建圖層,用矩形選框工具拉出如下選區,然後用拉出半透明漸變,按Ctrl+D取消選區。

Photoshop繪制時尚大氣的播放界面,三聯

Photoshop繪制時尚大氣的播放界面,三聯
Photoshop繪制時尚大氣的播放界面,三聯

  執行‘濾鏡-模糊-高斯模糊’半徑10像素,再將圖層填充調整為:30%

Photoshop繪制時尚大氣的播放界面,三聯

  8、打開一張歌手的專輯封面圖,就選周傑倫七裡香吧,拖入後將此圖層移到最頂層,縮小擺放好位置。

Photoshop繪制時尚大氣的播放界面,三聯

  添加圖層樣式-投影,數值效果如下。

Photoshop繪制時尚大氣的播放界面,三聯
Photoshop繪制時尚大氣的播放界面,三聯

  9、開始畫播放元素,先畫播放狀態的三角形按鈕,可以用鋼筆工具畫,今天教大家用矩形工具+透視功能來畫。

  將前景設為:#7999a4,用矩形工具畫出小圖形,執行‘編輯-變換路徑-透視’按住如下角的點往中間移,使上下兩點重合在一起後,按確定做出了三角形。

Photoshop繪制時尚大氣的播放界面,三聯
Photoshop繪制時尚大氣的播放界面,三聯

  10、前景設為#7898a3色,選擇鉛筆工具,2像素,按住Shift鍵不往畫出直線;

Photoshop繪制時尚大氣的播放界面,三聯

  再用1像素鉛筆工具在緊挨著下方畫出同樣長度的白色直線,這樣會顯的更細膩。

Photoshop繪制時尚大氣的播放界面,三聯
Photoshop繪制時尚大氣的播放界面,三聯

  11、繼續添加其它元素,比較簡單,大家可以根據自己喜歡添加。

  播放進度按鈕,添加投影;

Photoshop繪制時尚大氣的播放界面,三聯

  歌曲時間和播放了的時間;

Photoshop繪制時尚大氣的播放界面,三聯

  播放器上的收藏和下載按鈕;

Photoshop繪制時尚大氣的播放界面,三聯

  歌曲名和專輯名稱;

Photoshop繪制時尚大氣的播放界面,三聯

  整體效果;

Photoshop繪制時尚大氣的播放界面,三聯

  12、白色1像素鉛筆將折紙上邊畫條白色突出細膩,用灰色2像素鉛筆在折紙下邊畫黑色突出質感。

  最後根據自己需要調整一下小細節,比如再給專輯圖片添加投影,給最大的投影用透視做視覺效果,添加文字等,完成最終效果圖。

copyright © 萬盛學電腦網 all rights reserved