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

ps設(shè)計播放器按鈕

來源:站酷 作者:wenjunliao 學(xué)習(xí):11765人次

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

先看看效果圖

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

1.漸變背景

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

在顏色面板,設(shè)置前景色值#eceff6,背景色值#bec1cc

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

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

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

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

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

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

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

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

3.樣式

回到圖層面板雙擊其中一個圓設(shè)置圖層樣式如下:

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

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

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

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

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

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