當前位置：首頁>ps實例教程>ps網頁設計>按鈕圖標>教程內容

ps設計播放器按鈕

來源：站酷 作者：wenjunliao 學習：11765人次

本教程主要使用Photoshop制作立體質感的播放器按鈕，教程主要通過鋼筆工具勾畫形狀，然后使用圖層樣式和漸變來完成立體效果和光感效果完成效果圖

先看看效果圖

Photoshop繪制立體大氣的播放器按鈕

1.漸變背景

文件>新建，尺寸為800X600像素，72分辨率的文件

在顏色面板，設置前景色值#eceff6，背景色值#bec1cc

圖像>新建填充圖層>漸變(確定)>下拉找到剛才設置的顏色>勾上(反向-仿色-與圖層對齊)

Photoshop繪制立體大氣的播放器按鈕

Photoshop繪制立體大氣的播放器按鈕

2.創(chuàng)建和調整圓

Photoshop繪制立體大氣的播放器按鈕

用形狀工具畫3個圓，選擇3個圓的圖層，回到選擇工具然后如下圖點擊紅色部分對齊

Photoshop繪制立體大氣的播放器按鈕

Photoshop繪制立體大氣的播放器按鈕

3.樣式

回到圖層面板雙擊其中一個圓設置圖層樣式如下：

·斜面浮雕·內陰影·漸變疊加·外發(fā)光·陰影

Photoshop繪制立體大氣的播放器按鈕

學習 · 提示

  • 一定要打開PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習時，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問：新手求助
  • 加官方微信，隨時隨地，想學就能學：ps_bbs，或掃右側二維碼！
  • 關注我們學更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
張德帥2017-08-29 05:03
還是讀書好
貝爾吃了凱文2014-04-25 08:18
學習了
貝爾吃了凱文2014-04-25 08:04
學習了
俺是小李莊來的2014-04-24 01:36
老師好利害
紅酒_冰塊2014-04-24 12:23
好象好多東西還是不理解啊
晶彩人生go2014-04-24 12:08
還要學習學習啊
愛你成夢2014-04-23 06:07
效果很好~~~~~~~~支持你
情用劇毒2014-04-23 03:16
適用，謝謝~
蔡昌吉2014-04-23 11:51
很漂亮
麥兜好糾結2014-04-23 10:01
學習了看看行嗎？
深血坦2014-04-23 08:26
有點不好弄
記憶淩亂不堪2014-04-23 05:42
脫了褲子放屁！
阡陌大地2014-04-23 05:41
照著做了下 每步都能做　但效果沒樓主好

關注大神微博加入>>

網友求助，請回答！