UI圖標，設計旋轉風格播放圖標教程(2)

來源：站酷 作者：全棧UI筆記 學習：4543人次

UI圖標，設計旋轉風格播放圖標教程_tgudhdp.cn

UI圖標，設計旋轉風格播放圖標教程_tgudhdp.cn

UI圖標，設計旋轉風格播放圖標教程_tgudhdp.cn

UI圖標，設計旋轉風格播放圖標教程_tgudhdp.cn

步驟五：

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

UI圖標，設計旋轉風格播放圖標教程_tgudhdp.cn

步驟六：

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

UI圖標，設計旋轉風格播放圖標教程_tgudhdp.cn

UI圖標，設計旋轉風格播放圖標教程_tgudhdp.cn

UI圖標，設計旋轉風格播放圖標教程_tgudhdp.cn

步驟七：

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

UI圖標，設計旋轉風格播放圖標教程_tgudhdp.cn

步驟八：

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

UI圖標，設計旋轉風格播放圖標教程_tgudhdp.cn

UI圖標，設計旋轉風格播放圖標教程_tgudhdp.cn

UI圖標，設計旋轉風格播放圖標教程_tgudhdp.cn

UI圖標，設計旋轉風格播放圖標教程_tgudhdp.cn

UI圖標，設計旋轉風格播放圖標教程_tgudhdp.cn

UI圖標，設計旋轉風格播放圖標教程_tgudhdp.cn

步驟九：

學習 · 提示

  • 一定要打開PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習時，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問：新手求助
  • 加官方微信，隨時隨地，想學就能學：ps_bbs，或掃右側二維碼！
  • 關注我們學更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(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
學習下
你阿瑪突然2017-08-20 11:02
好教程
趕路的旅人2017-08-20 05:01
謝謝
悲傷上小情調2017-08-20 04:58
簽到
李炻2017-08-20 04:55
打卡

關注大神微博加入>>

網友求助，請回答！