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

2022-12-26 14:58:57 來源/作者: / 己有:7人學(xué)習(xí)過

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

先看效果圖。

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

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

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

添加圖層樣式。

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

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

效果如下。

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

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

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

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

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

添加圖層顏色。

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

效果如下。

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

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

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

添加圖層樣式。

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

效果如下。

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

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

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

 

標(biāo)簽(TAG) 按鈕圖標(biāo) 按鈕教程