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

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

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

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

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

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

步驟五：

現(xiàn)在繪制一下內(nèi)圓的線條吧，選擇直線工具繪制一條長度20px粗細(xì)1px的直線吧，顏色為#5c5857。

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

步驟六：

復(fù)制直線執(zhí)行自由變換命令，調(diào)整中心點(diǎn)至畫布中心，旋轉(zhuǎn)90度，并執(zhí)行重復(fù)上一命令并復(fù)制操作shift+ctrl+alt+t復(fù)制出另外兩條直線段，并添加一下圖層樣式吧。

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

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

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

步驟七：

繼續(xù)繪制一下內(nèi)圓的線條吧，選擇直線工具繪制一條長度15px粗細(xì)1px的直線吧，顏色為#5c5857。

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

步驟八：

重復(fù)上述操作，旋轉(zhuǎn)7.5度并將復(fù)制出的多余直線段利用布爾運(yùn)算減去，并添加圖層樣式。

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

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

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

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

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

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

步驟九：

學(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)友求助，請回答！