Photoshop設(shè)計(jì)金色發(fā)光效果的暫停按鈕教程
今天為大家介紹Photoshop設(shè)計(jì)金色發(fā)光效果的暫停按鈕方法,教程設(shè)計(jì)出來的按鈕非常漂亮,難度不是很大,值得大家學(xué)習(xí),推薦過來,一起來學(xué)習(xí)吧!
先看看效果圖

首先,打開ps 軟件,新建一個(gè)圖層
聲明一下:因?yàn)槭侵谱饕粋€(gè)界面圖標(biāo),所以新建一個(gè)400*400像素的圖層,分辨率是72

首先我們填充一個(gè)黑色的底,用橢圓選框工具,填充一個(gè)白色的圓,加一個(gè)外發(fā)光效果。


然后ctrl+J復(fù)制一個(gè)圓,填充為棕色,按住alt+shift向中心縮小。
疊到白色圓的上方,并且在圖層樣式填充一個(gè)顏色漸變和投影。


按照上一步,制作一個(gè)黃色的圓。


之后在黃色面上加一些深色的圓斑,模仿類似奶酪的效果。


圓點(diǎn)加內(nèi)陰影,注意一下光效來源,圓點(diǎn)也不要畫的太小,也不要太密集。
這里要給整個(gè)底面加一個(gè)矩形反光條

直接用矩形選框工具填充純白色的矩形,之后降低圖層透明度。

這里再加一個(gè)圓邊,可以直接用圓形選框工具加描邊,然后在這個(gè)圖層上面加一個(gè)漸變疊加,或者直接用一個(gè)噴槍筆刷去涂抹,這里要記住,鎖定透明圖層哦~才不會(huì)畫出圓圈。
最后一步,畫暫停鍵。

首先用圓角矩形工具

再做一個(gè)圖層顏色疊加和內(nèi)陰影

按照上一個(gè)步驟做一個(gè)深色的圓角矩形

同樣按住alt+shift等比例縮小。

單個(gè)做好之后,給這兩個(gè)圖層建一個(gè)組,命名為矩形1,然后復(fù)制組,水平拖動(dòng)。

給第二個(gè)組也命名,建個(gè)組。這樣,圖標(biāo)就完成了,希望有興趣的小盆友可以自己嘗試做一個(gè)

暫停按鈕的制作方法就講解到這里,大家可以舉一反三,設(shè)計(jì)出其它樣式的暫停按鈕,希望能對(duì)大家有所幫助。
相關(guān)文章

PS基礎(chǔ)教程之橡皮擦工具組和填充工具組使用知識(shí)
今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個(gè)工具在修圖的時(shí)候是比較常用的,下面我們就來看看基礎(chǔ)教程2025-05-01
photoshop圖層初識(shí) ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡(jiǎn)單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個(gè)部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來看2025-04-25
PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時(shí)候,我們經(jīng)常會(huì)在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請(qǐng)看下文介紹2024-12-23
ps如何把一張長(zhǎng)圖切成幾張小圖片? ps把長(zhǎng)圖切成短圖的技巧
有時(shí)候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時(shí)可以拿出來使用,該怎么操作呢?詳細(xì)請(qǐng)看下文介紹2024-09-10
PS調(diào)整字體大小是一個(gè)非?;A(chǔ)的操作,但也是非常實(shí)用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請(qǐng)看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時(shí)發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請(qǐng)看下文介紹2024-02-02
ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細(xì)的解決辦法2023-12-19
ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30
PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30
Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30




