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

來源:站酷 作者:wenjunliao 學習: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繪制立體大氣的播放器按鈕

窗口>樣式>新建樣式>確定

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

 

設(shè)置另外2個圓的只要點擊保存的剛才保存的樣式就可以了(如上圖)。

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

4.創(chuàng)建真實陰影

復制一個圓,刪除樣式(拉到垃圾桶),CTRL+T縮小,填充顏色如下

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

濾鏡>模糊>動感模糊

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

用矩形框選工具>刪除多余部分,把圖層放在圓的底層,透明度設(shè)置在25%-75%

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

5.斜面和浮雕

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

這是一個很簡單的步驟,只需要一分鐘。創(chuàng)建了一個更大的圈,重復剛才的步驟,

其中斜面浮雕和陰影設(shè)置如下。

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

現(xiàn)在你明白了圖層樣式的應(yīng)用了,然后往里面增加播放按鈕或者你喜歡圖形。

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

 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(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
很漂亮
麥兜好糾結(jié)2014-04-23 10:01
學習了看看行嗎?
深血坦2014-04-23 08:26
有點不好弄
記憶淩亂不堪2014-04-23 05:42
脫了褲子放屁!
阡陌大地2014-04-23 05:41
照著做了下 每步都能做 但效果沒樓主好

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

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