圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。

2022-12-26 11:08:47 來源/作者: / 己有:85人學(xué)習(xí)過

接下來,我們畫出中間的那個播放按紐,同樣的,還是使用橢圓工具,畫一個180*180像素的正圓,顏色還是無所謂,我們會使用圖層樣式來得到我們需要的顏色。圖層樣式設(shè)置如下:

圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。
圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。
圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。
圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。

當(dāng)然,別忘了,到目前為止,要把所有的圓的形狀都需要居中對齊一下,目前我們得到如下效果:

圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。

現(xiàn)在,我們開始來折騰那四個按鈕,尖銳的扇形,我不喜歡,我希望來一個圓角的扇形,看上去舒服一些,好像更具科技感一些。

圓角的扇形用PS畫起來相對來說會比較麻煩一些,但是我們今天是用PS而不是用AI,那PS怎么畫呢,太復(fù)雜的方法,我不想用,因為我想要用一個簡單而且直觀的方法來實現(xiàn)它,雖然有很多法方法可以實現(xiàn),但是我覺得,最簡單的操作,最直觀的表述,才是真正的好方法,大家做起來也會方便一點。 于是我直接用的圓角矩形來做了。

用圓角矩形工具畫一個130*75像素的圓角矩形,圓角的角度默認就行,圓角矩形的顏色也無所謂,一會我們用圖層樣式來更改它的顏色。圓角矩形的位置擺放無所謂,我們等會可以再調(diào)整。

圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。

選擇圓角矩形圖層,執(zhí)行“編輯—變形”,將變形的模式設(shè)置為“扇形”,彎曲設(shè)置為“45度”,我們將得到如下的效果:

圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。

這里需要注意的是,圓角矩形的大小,決定了其變形后的大小,圓角矩形變形為扇形后,長度差不多會擴展1.7倍左右,而高度是一致的,是不變的。所以,我們要得到多大的扇形,我們需要粗略的估計下圓角矩形要畫多大。怎么感覺像是在研究數(shù)學(xué),哭瞎,學(xué)渣咋辦。其實,好多這些圖形的繪制,都需要粗略的算一算尺寸或者角度什么的,但是,基本上都不會復(fù)雜的,至少比那些什么高等數(shù)學(xué)之類的簡單多了,在這里我也不多說了,畢竟當(dāng)初我上學(xué)的時候,全班倒數(shù)是跑不掉的。

大家自己理解一下,我想,不會有太大的問題的。不管做什么東西,理解著做,才能吸收到東西,而不是一味的照抄,一味的搬。

扇形有了,接下來就簡單了,首先先微調(diào)一下扇形的位置,讓其基本上處于我們最中間的播放按紐和內(nèi)圓組成的圓環(huán)的中心位置。 然后選擇住扇形圖層,CTRL+T,設(shè)置中心點為畫布的中心,設(shè)置旋轉(zhuǎn)角度為90度,應(yīng)用。 CTRL+ALT+SHIFT+T,得到四個扇形。

圖標(biāo)教程,ps設(shè)計播放器圖標(biāo)。