UI圖標(biāo)，設(shè)計(jì)旋轉(zhuǎn)開關(guān)UI圖標(biāo)教程(3)

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

UI圖標(biāo)，設(shè)計(jì)旋轉(zhuǎn)開關(guān)UI圖標(biāo)教程_theoat.com.cn

UI圖標(biāo)，設(shè)計(jì)旋轉(zhuǎn)開關(guān)UI圖標(biāo)教程_theoat.com.cn

UI圖標(biāo)，設(shè)計(jì)旋轉(zhuǎn)開關(guān)UI圖標(biāo)教程_theoat.com.cn

UI圖標(biāo)，設(shè)計(jì)旋轉(zhuǎn)開關(guān)UI圖標(biāo)教程_theoat.com.cn

UI圖標(biāo)，設(shè)計(jì)旋轉(zhuǎn)開關(guān)UI圖標(biāo)教程_theoat.com.cn

步驟八：

繼續(xù)使用橢圓工具，繪制一個(gè)180px*180px的正圓，并添加圖層樣式。

UI圖標(biāo)，設(shè)計(jì)旋轉(zhuǎn)開關(guān)UI圖標(biāo)教程_theoat.com.cn

UI圖標(biāo)，設(shè)計(jì)旋轉(zhuǎn)開關(guān)UI圖標(biāo)教程_theoat.com.cn

步驟九：

現(xiàn)在我們來(lái)繪制一下最后的小圓吧，繪制一個(gè)20px*20px的正圓，并添加圖層樣式。

UI圖標(biāo)，設(shè)計(jì)旋轉(zhuǎn)開關(guān)UI圖標(biāo)教程_theoat.com.cn

UI圖標(biāo)，設(shè)計(jì)旋轉(zhuǎn)開關(guān)UI圖標(biāo)教程_theoat.com.cn

步驟十：

就剩高光部分了哦，繪制一個(gè)大小為180px的正圓，將填充設(shè)置為0，添加圖層樣式吧。

UI圖標(biāo)，設(shè)計(jì)旋轉(zhuǎn)開關(guān)UI圖標(biāo)教程_theoat.com.cn

UI圖標(biāo)，設(shè)計(jì)旋轉(zhuǎn)開關(guān)UI圖標(biāo)教程_theoat.com.cn

本篇UI圖標(biāo)設(shè)計(jì)教程到這里就完整結(jié)束了，大家跟著做，應(yīng)該能做出來(lái)。

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

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

Elyvan2020-04-30 06:04
我的作業(yè)：

刺猬yang2019-07-24 08:29
數(shù)值沒嚴(yán)格按照樓主的做哦。
半溫柔小姐mm2017-09-16 03:29
高光那里沒弄懂，填充為0，那就是黑色，，做不出來(lái)那效果啊�？磮D層那里又是白色weixin872258832 的原帖：內(nèi)陰影的顏色要改為白色
半溫柔小姐mm2017-09-16 03:28
第一次進(jìn)這個(gè)網(wǎng)站，做的第一個(gè)作業(yè)，嘻嘻。我的作業(yè)：
weixin8722588322017-09-01 02:54
高光那里沒弄懂，填充為0，那就是黑色，，做不出來(lái)那效果啊。看圖層那里又是白色
海豚有海2017-09-01 11:07
第四步怎么做的？卡住了嫻瘋睔鏈夋搗 的原帖：自己想出來(lái)了
海豚有海2017-09-01 11:01
第四步怎么做的？卡住了
qq8717074742017-08-31 05:29
我的作業(yè)：
qq8717074742017-08-31 05:29
交作業(yè)
逍遙南聲2017-08-26 07:14
效果很好~~~~~~~~支持你
帥滴鬼哭神泣2017-08-26 09:33
有點(diǎn)不好弄
黑客大學(xué)吧務(wù)組2017-08-26 07:52
浪費(fèi)時(shí)間
幸福百米跑2017-08-26 06:49
脫了褲子放屁！
夢(mèng)或痛或心痛oO2017-08-26 06:28
給力

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

網(wǎng)友求助，請(qǐng)回答！