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

按鈕教程,設計一個圓形的點擊按鈕(6)

來源:xueuisheji 作者:xueuisheji 學習:14184人次

本篇按鈕教程跟大家分享如何設計一枚由條紋組成的圓形按鈕,制作方法不難,用到幾個圖層樣式來制作質(zhì)感,喜歡設計的同學來學習一下吧。最終效果:

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn
m.tgudhdp.cn

新建文檔1200X1000像素,填充顏色#3d3d42,再添加雜色》添加雜色。

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

添加雜色

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

給這個調(diào)整層添加內(nèi)陰影。

模式:正片疊加

顏色:#000000

不透明度:75%

角度:90°

距離:5

大。250

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

選擇橢圓工具,按住shift建畫一個黑色的正圓,圓的大小是600X600像素,將填充修改為25%,并添加圖層樣式。

內(nèi)陰影

模式:正片疊底

顏色:#000000

不透明度:76%

角度:90°

距離:5

大。32

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

投影

模式:線性減淡(添加)

顏色:#ffffff

不透明度:10%

角度:12°

距離:2

大小:2

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

利用布爾運算中的減去,你很容易的畫出下面這個黑色的圓環(huán)。

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

 

畫一個矩形,設置好角度后,應用Ctrl+Alt+Shift+T,就是得到360°的直線,同時配合蒙版,將直線內(nèi)置圓圈里面。

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

下面,回到直線的下層,我們畫一個圓,添加圖層樣式。

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

內(nèi)發(fā)光

模式:正片疊底

不透明度:75%

顏色:#000000

方法:柔和

大。24

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

漸變疊加

模式:正常

不透明度:100%

漸變:這里你這個自己選定

樣式:角度

角度:73%

縮放:100%

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

投影

模式:正片疊底

顏色:#e509ce(這里根據(jù)你上面選擇的顏色進行調(diào)整)

不透明度:75%

角度:90度

距離:33

大。35

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

接下來,我們來畫那個內(nèi)圓,同樣的在直線圖層的下層,我畫了一個黑色的圓,將填充修改為25%,并添加了一個圖層樣式。

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

內(nèi)發(fā)光

模式:正片疊底

不透明度:22%

顏色:#000000

方法:柔和

大小:16

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

外發(fā)光

模式:疊加

不透明度:56%

顏色:#ffffff

方法:柔和

大小:32

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

下面,我們來畫那個按紐,畫一個正圓,添加圖層樣式。

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

 

斜面浮雕

樣式:內(nèi)斜面

方法:平滑

深度:100%

方向:上

大小:10

角度:90°

高度:30°

高光模式:濾色

顏色:#ffffff

不透明度:34%

陰影模式:正片疊底

顏色:#000000

不透明度:29%

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

漸變疊加

模式:正常

不透明度:100%

漸變:這里你可以自己調(diào)整

樣式:線性

角度:90°

縮放100%外發(fā)光

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

模式:正片疊加

不透明度:60%

顏色:#000000

方法:柔和

大小:160

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

投影

模式:正片疊加

顏色:#000000

不透明度:59%

角度:90°

距離:5

大。10

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

最后,我這邊就添加一個UI,效果如下。

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

內(nèi)陰影

模式:正片疊底

顏色:#000000

不透明度:75%

角度:120°

距離:2

大。2

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

投影

模式:線性減淡(添加)

顏色:#ffffff

不透明度:11%

角度:90°

距離:2

大。2

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn

按鈕教程,設計一個圓形的點擊按鈕_m.tgudhdp.cn
m.tgudhdp.cn

 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
太子2017-06-21 06:57
某日,我與兒子到撒哈拉沙漠里探險,不幸中途我們的水喝光了。一段時間后我兒子快渴死,野外生存題: 如果在沙漠中快被渴死了有兩杯水,一杯動物血,一杯尿(注:只能選一樣),你選擇喝哪個?璧靛ぇ鐜塎MM 的原帖:我選兩杯水,兒子
趙大玉MMM2017-06-17 05:59
某日,我與兒子到撒哈拉沙漠里探險,不幸中途我們的水喝光了。一段時間后我兒子快渴死,野外生存題: 如果在沙漠中快被渴死了有兩杯水,一杯動物血,一杯尿(注:只能選一樣),你選擇喝哪個?
若相惜吧22017-06-17 03:26
做不出來呀
星散渃月2017-06-17 08:42
太難了
清朝辛棄疾2017-06-17 03:19
贊贊贊贊你
微波爐打鐵盆2017-06-17 02:33
簽到
倔強一路向北2017-06-17 02:30
很好

關注大神微博加入>>

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