當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

Photoshop制作Apple風(fēng)格的按鈕(9)

來源: 作者: 學(xué)習(xí):11680人次

作者:涂健  來源:eNet硅谷動力

在這個教程中,我們將學(xué)習(xí)用PS來制作一個類似于APPLE 風(fēng)格的時間機器按鈕。制作過程可能會有些復(fù)雜但我相信這對你以后的設(shè)計將有所幫助。……

先看一下最終效果:

  下面我們開始制作:
  1.建立一新文檔,用深灰色填充背景層。在文檔的水平居中位置用橢圓工具建立一正圓選區(qū)并用白色填充選區(qū)再將其重命名為 B CircLe。



  2.復(fù)制該圖層并用自由變換工具將復(fù)制層圖中的略微小一些。然后按住CTRL+點擊該復(fù)制層載入其選區(qū)。
  下面選擇 B CircLe并執(zhí)行圖層-圖層蒙版-隱藏選區(qū)。


 



3.重復(fù)第1.2步驟用橢圓選框工具另外建立2個圖層將2個圖層的顏色分別設(shè)置成為綠色和紅色。將這個2個圖層分別重命名為M CircLe和S CircLe。



4.選中B CircLe雙擊該圖層加入漸變疊加圖層樣式。

在加入斜面與浮雕圖層樣式



5.復(fù)制B CircLe層然后改變之前的圖層樣式。將之前附加的漸變疊加和斜面與浮雕圖層樣式去除加入內(nèi)陰影圖層樣式。(注意將填充不透明度也設(shè)置為0)。


 



6.選擇M CircLe層加入漸變疊加和描邊圖層樣式。


7.選擇S CircLe層加入顏色疊加和描邊圖層樣式。



8.建立一個名為Metels圖層組的文件夾,將以上4個圖層放置于該圖層組中。



 



9.建立一新圖層為Screen,再在文檔中心位置用橢圓選框工具建立一正圓選區(qū)用白色填充。雙擊該圖層加入漸變疊加圖層樣式。



10.建立一新圖層,將前景色和背景色設(shè)置為白色和黑色。然后執(zhí)行濾鏡-渲染-云彩。設(shè)置圖層混合模式為疊加,F(xiàn)在按住CTRL+點擊Screen層載入其選區(qū),再回到云彩圖層上來執(zhí)行圖層-圖層蒙版-顯示選區(qū)。

11.復(fù)制云彩層,將復(fù)制層命名為Twirl并將圖層混合模式設(shè)置為顏色減淡。執(zhí)行圖層-圖層蒙版-應(yīng)用。之后再次按住CTRL+點擊Screen層載入其選區(qū),然后執(zhí)行濾鏡-扭曲-旋轉(zhuǎn)扭曲。



12.執(zhí)行濾鏡以后不要區(qū)需要選擇區(qū),再接著執(zhí)行濾鏡-液化并選擇褶皺工具。進一步加大扭曲度


 



13.接著用橡皮擦工具載入Twirl層中的一些標(biāo)注出來的位置。



14.建立一新圖層并命名為S stars,用黑色填充后設(shè)置圖層混合模式為顏色減淡。再執(zhí)行濾鏡-像素化-銅板雕刻。

15.執(zhí)行濾鏡-模糊-徑向模糊,設(shè)置如下。下面再次按住CTRL+點擊Screen層載入其選區(qū),然后回到云彩層上執(zhí)行圖層-圖層蒙版-顯示選區(qū)。



16.下面我們來制作一些星星。建立一新圖層并用黑色填充再重命名為B Stars,設(shè)置圖層混合模式為顏色減淡。之后選擇畫筆工具對其做一下設(shè)置在圖中編輯出如下所示的星星。


 



17.重復(fù)第14步的方法用縮放模糊做出大一些的星星,但是這次數(shù)量設(shè)置為50就可以了。



18.復(fù)制Screen層并改變其圖層樣式,選擇漸變疊加圖層樣式設(shè)置漸變色為白色到白色,但是透明度設(shè)置為100%-0%,F(xiàn)在選擇橢圓選框工具建立建立一橢圓選區(qū),然后執(zhí)行圖層-圖層蒙版-顯示選區(qū),調(diào)整好漸變疊加圖層的位置并改變圖層不透明度為40%。


 



19.再用第1.2步的方法在邊框上做出一些小圓。



再給它加入顏色疊加和描邊圖層樣式。

20.在把做好的“小圓”復(fù)制幾個按比例放置于按鈕上的合適位置,最終效果如下。

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

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

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

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