UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)風(fēng)格播放圖標(biāo)教程(3)

來(lái)源:站酷 作者:全棧UI筆記 學(xué)習(xí):4543人次

繼續(xù)來(lái)繪制內(nèi)圓的位置吧,用橢圓工具、繪制一個(gè)205px的正圓顏色為#040404,并為它添加圖層樣式。

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)風(fēng)格播放圖標(biāo)教程_tgudhdp.cn

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)風(fēng)格播放圖標(biāo)教程_tgudhdp.cn

步驟十:

我們繼續(xù)來(lái)繪制內(nèi)圓的部分,先繪制一個(gè)188px的正圓,在繪制一個(gè)三角形,合并為一個(gè)形狀,使用直接選擇工具移動(dòng)錨點(diǎn),顏色改為#d5d5d5并為它添加圖層樣式。

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)風(fēng)格播放圖標(biāo)教程_tgudhdp.cn

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)風(fēng)格播放圖標(biāo)教程_tgudhdp.cn

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)風(fēng)格播放圖標(biāo)教程_tgudhdp.cn

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)風(fēng)格播放圖標(biāo)教程_tgudhdp.cn

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)風(fēng)格播放圖標(biāo)教程_tgudhdp.cn

步驟十一:

繼續(xù)繪制內(nèi)圓的部分,用橢圓工具、繪制一個(gè)40px的正圓,并為它添加圖層樣式。

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)風(fēng)格播放圖標(biāo)教程_tgudhdp.cn

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)風(fēng)格播放圖標(biāo)教程_tgudhdp.cn

步驟十二:

繼續(xù)繪制內(nèi)圓的部分,用橢圓工具、繪制一個(gè)25px的正圓,顏色為#272121。

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)風(fēng)格播放圖標(biāo)教程_tgudhdp.cn

步驟十三:

現(xiàn)在我們來(lái)繪制最后一個(gè)小圓吧,用橢圓工具、繪制一個(gè)17px的正圓,并為它添加圖層樣式就完成這個(gè)案例了哦。

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)風(fēng)格播放圖標(biāo)教程_tgudhdp.cn

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)風(fēng)格播放圖標(biāo)教程_tgudhdp.cn

UI圖標(biāo),設(shè)計(jì)旋轉(zhuǎn)風(fēng)格播放圖標(biāo)教程_tgudhdp.cn

以上就是本次教程的全部?jī)?nèi)容,雖然步驟有點(diǎn)多,大家細(xì)心跟著教程做,一定能成功做出來(lái)。

學(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)論
Elyvan2020-05-02 11:34
我的作業(yè):

沖刺在愛(ài)情前方2017-08-24 01:26
我的作業(yè):
weixin8654837462017-08-23 09:58
分享圖片
閃電下路2017-08-20 11:28
我的作業(yè):
靜854312017-08-20 05:16
嗯嗯,很受用
痛痛9508282017-08-20 12:10
喜歡,收藏了,謝謝
眼角的夏沫秋涼2017-08-20 11:55
收藏了
美女_俄是先森2017-08-20 11:07
學(xué)習(xí)下
你阿瑪突然2017-08-20 11:02
好教程
趕路的旅人2017-08-20 05:01
謝謝
悲傷上小情調(diào)2017-08-20 04:58
簽到
李炻2017-08-20 04:55
打卡

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

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