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

圖標教程,ps設計播放器圖標。(2)

來源:tieba.baidu 作者:P大點S 學習:13671人次

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

圖標教程,ps設計播放器圖標。
圖標教程,ps設計播放器圖標。
圖標教程,ps設計播放器圖標。
圖標教程,ps設計播放器圖標。

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

圖標教程,ps設計播放器圖標。

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

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

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

圖標教程,ps設計播放器圖標。

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

圖標教程,ps設計播放器圖標。

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

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

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

圖標教程,ps設計播放器圖標。

學習 · 提示

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

關注大神微博加入>>

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