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

PhotoShop輕松打造IPOD效果的網(wǎng)頁按鈕(4)

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

效果圖

1、建立一個400*400的圖像,背景設(shè)置為白色。

2、新建一個圖層,使用橢圓選擇工具,按住SHIFT拉一個正圓出來,填充白色。





 

3、對“圓”這層加載圖形樣式。實現(xiàn)按鈕的效果全靠這一步。圖層樣式里有取之不盡的寶藏,大家多發(fā)掘吧!

這里我用了4種 圖層樣式效果。

   

   





 

4、做到這一步,就是添加按鈕了。新建層,選擇“自定義形狀工具”,選擇你需要的三角形。
、

5、按住shift拉出大小合適的三角形。





 

6、選擇蒙版層,進(jìn)入路徑選項版,建立選區(qū)。

7、回到圖層選項版,隱藏蒙版層。點選剛才新建立的圖層,出現(xiàn)選區(qū)填充黑色。

8、CTRL+T變形這個三角形,按住shift旋轉(zhuǎn)并調(diào)整到合適位置。





 

9、對三角形這個圖層加載圖層樣式。

10、OK 大功告成!再試著做個 正方形的按鈕吧!

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

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

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

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