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

Photoshop設計時尚質(zhì)感的圓形按鈕

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

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

先看效果圖。

Photoshop設計時尚質(zhì)感的圓形按鈕,PS教程,思緣教程網(wǎng)

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

Photoshop設計時尚質(zhì)感的圓形按鈕,PS教程,思緣教程網(wǎng)

添加圖層樣式。

Photoshop設計時尚質(zhì)感的圓形按鈕,PS教程,思緣教程網(wǎng)

Photoshop設計時尚質(zhì)感的圓形按鈕,PS教程,思緣教程網(wǎng)

效果如下。

Photoshop設計時尚質(zhì)感的圓形按鈕,PS教程,思緣教程網(wǎng)

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

Photoshop設計時尚質(zhì)感的圓形按鈕,PS教程,思緣教程網(wǎng)

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

Photoshop設計時尚質(zhì)感的圓形按鈕,PS教程,思緣教程網(wǎng)

添加圖層顏色。

Photoshop設計時尚質(zhì)感的圓形按鈕,PS教程,思緣教程網(wǎng)

效果如下。

Photoshop設計時尚質(zhì)感的圓形按鈕,PS教程,思緣教程網(wǎng)

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

Photoshop設計時尚質(zhì)感的圓形按鈕,PS教程,思緣教程網(wǎng)

添加圖層樣式。

Photoshop設計時尚質(zhì)感的圓形按鈕,PS教程,思緣教程網(wǎng)

效果如下。

Photoshop設計時尚質(zhì)感的圓形按鈕,PS教程,思緣教程網(wǎng)

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

Photoshop設計時尚質(zhì)感的圓形按鈕,PS教程,思緣教程網(wǎng)

 

學習 · 提示

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

關注大神微博加入>>

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