音樂(lè)圖標(biāo),設(shè)計(jì)木質(zhì)的音樂(lè)播放器主題UI圖標(biāo)(3)

來(lái)源:優(yōu)設(shè)網(wǎng) 作者:P大點(diǎn)S 學(xué)習(xí):11586人次

9、接下來(lái)做音孔,新建一個(gè)256×256的圓,調(diào)整位置,添加圖層樣式。

m.theoat.com.cn_02424G255-16.jpg

m.theoat.com.cn_02424M238-17.jpg

m.theoat.com.cn_02424I310-18.jpg

10、建議CTRL+G給音孔的這個(gè)圓建個(gè)組,因?yàn)榈葧?huì)兒會(huì)有很多圖層。

新建一個(gè)直徑為11px的橢圓,與“橢圓 1”水平、垂直居中,填充顏色#5f543f。然后用矩形工具手動(dòng)畫(huà)兩根參考線,找到圓心,效果圖如下。

m.theoat.com.cn_02424G020-19.jpg

11、中間的小圓直徑一定要是奇數(shù),不然不能準(zhǔn)確找到圓心。

將小圓復(fù)制一層,CTRL+G建組,然后將被拷貝的圓移動(dòng)到大圓外圍,ALT+CTRL+T變形,按住ALT將旋轉(zhuǎn)中心移動(dòng)到剛剛找到的圓心處。

m.theoat.com.cn_02424J2N-20.jpg

12、然后旋轉(zhuǎn)到合適位置。需要注意的是,旋轉(zhuǎn)的角度一定要能被360整除。

m.theoat.com.cn_02424L634-21.jpg

13、然后多按幾下CTRL+SHIFT+ALT+T,再次變換,外圈音孔。

m.theoat.com.cn_02424JC8-22.jpg

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

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
楊布布2018-11-30 03:28
我的作業(yè):
2016-08-25 11:35
PS教程自學(xué)網(wǎng)網(wǎng)友2016-08-25 11:08
葉朝陽(yáng)2016-07-25 05:10
葉朝陽(yáng)2016-07-25 05:07
www2016-06-22 02:07
中間圓里的小孔怎么做啊、怎么能讓它有規(guī)律的復(fù)制啊’
www2016-06-22 02:06
中間圓里的小孔怎么做啊、怎么能讓它有規(guī)律的復(fù)制啊’
丸子2016-04-10 09:22
丸子2016-04-10 09:04
tidy2016-03-25 12:03
UI教程太棒了,很詳細(xì),新手都會(huì)做。
tidy2016-03-25 12:00
UI教程太棒了,很詳細(xì),新手都會(huì)做。
沙河燒星2016-03-18 09:23
好教程
陪君醉笑五千場(chǎng)2016-03-18 09:23
好教程
初遇hope2016-03-18 09:23
好教程
畫(huà)眉彎彎_z2016-03-18 09:23
好教程

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

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