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

來源:tieba.baidu 作者:P大點(diǎn)S 學(xué)習(xí):13671人次

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

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

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

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

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

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

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

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

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

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

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

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

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

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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
王弘邦2017-12-21 05:56
簡(jiǎn)直不要太簡(jiǎn)單,三人行必有我?guī)熝,謝謝老師的教程我的作業(yè):
星宿閣2017-05-28 02:44
確實(shí)很牛扒 !!!
淚水淡殤2017-05-28 09:54
我要學(xué)
木禾子夕2017-05-28 09:11
好東西

關(guān)注大神微博加入>>

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