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

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

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

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

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

步驟十:

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

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

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

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

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

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

步驟十一:

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

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

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

步驟十二:

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

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

步驟十三:

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

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

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

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

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

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
Elyvan2020-05-02 11:34
我的作業(yè):

沖刺在愛情前方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)友求助,請回答!