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

Photoshop設計時尚質感的圓形按鈕

來源：未知 作者：bbs.16xx8.com 學習：229人次

 本教程使用Photoshop設計時尚質感的圓形按鈕，主要應用了圖層樣式和自定義形狀工具的減法模式

先看效果圖。

Photoshop設計時尚質感的圓形按鈕,PS教程,思緣教程網

新建文檔400x400像素，背景黑色，建新層，自定義形狀工具畫一白色正圓。

Photoshop設計時尚質感的圓形按鈕,PS教程,思緣教程網

添加圖層樣式。

Photoshop設計時尚質感的圓形按鈕,PS教程,思緣教程網

Photoshop設計時尚質感的圓形按鈕,PS教程,思緣教程網

效果如下。

Photoshop設計時尚質感的圓形按鈕,PS教程,思緣教程網

建新層，畫一白色橢圓，圖層不透明度10%，效果如右圖。

Photoshop設計時尚質感的圓形按鈕,PS教程,思緣教程網

建新層，畫一個大的白色正圓，之后減法模式畫一個小的正圓，這樣我們得到了一個白色圓環(huán)。

Photoshop設計時尚質感的圓形按鈕,PS教程,思緣教程網

添加圖層顏色。

Photoshop設計時尚質感的圓形按鈕,PS教程,思緣教程網

效果如下。

Photoshop設計時尚質感的圓形按鈕,PS教程,思緣教程網

復制一層，清除圖層樣式，減法模式畫一個橢圓。

Photoshop設計時尚質感的圓形按鈕,PS教程,思緣教程網

添加圖層樣式。

Photoshop設計時尚質感的圓形按鈕,PS教程,思緣教程網

效果如下。

Photoshop設計時尚質感的圓形按鈕,PS教程,思緣教程網

輸入文字，加上陰影，最終效果如下。

Photoshop設計時尚質感的圓形按鈕,PS教程,思緣教程網

 

學習 · 提示

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

關注大神微博加入>>

網友求助，請回答！