UI圖標,設(shè)計旋轉(zhuǎn)開關(guān)UI圖標教程(2)

來源:站酷 作者:全棧UI筆記 學習:13668人次

步驟四:

現(xiàn)在為裝飾圓添加不同的描邊效果,并將多余的線條利用選區(qū)框選出來,在圖層蒙版遮中填充黑色。

UI圖標,設(shè)計旋轉(zhuǎn)開關(guān)UI圖標教程_www.theoat.com.cn

UI圖標,設(shè)計旋轉(zhuǎn)開關(guān)UI圖標教程_www.theoat.com.cn

UI圖標,設(shè)計旋轉(zhuǎn)開關(guān)UI圖標教程_www.theoat.com.cn

UI圖標,設(shè)計旋轉(zhuǎn)開關(guān)UI圖標教程_www.theoat.com.cn

UI圖標,設(shè)計旋轉(zhuǎn)開關(guān)UI圖標教程_www.theoat.com.cn

UI圖標,設(shè)計旋轉(zhuǎn)開關(guān)UI圖標教程_www.theoat.com.cn

步驟五:

現(xiàn)在選擇直線段工具,長度20px,粗細4px,并復(fù)制為加號移動到合適位置,添加OFF文字Adobe 黑體 Std R,字體大小20點顏色#a0a0a0。

UI圖標,設(shè)計旋轉(zhuǎn)開關(guān)UI圖標教程_www.theoat.com.cn

步驟六:

現(xiàn)在我們來繪制內(nèi)部圓,繼續(xù)使用橢圓工具、繪制一個290px*290px的正圓,并為它添加圖層樣式。

UI圖標,設(shè)計旋轉(zhuǎn)開關(guān)UI圖標教程_www.theoat.com.cn

UI圖標,設(shè)計旋轉(zhuǎn)開關(guān)UI圖標教程_www.theoat.com.cn

UI圖標,設(shè)計旋轉(zhuǎn)開關(guān)UI圖標教程_www.theoat.com.cn

UI圖標,設(shè)計旋轉(zhuǎn)開關(guān)UI圖標教程_www.theoat.com.cn

步驟七:

現(xiàn)在我們來繪制圓環(huán),繪制兩個正圓大小分別為200x,180px的正圓,將倆個合并為一個形狀層,選擇路徑選擇工具選擇內(nèi)圓,減去頂層形狀,并添加圖層樣式。

UI圖標,設(shè)計旋轉(zhuǎn)開關(guān)UI圖標教程_www.theoat.com.cn

學習 · 提示

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

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

刺猬yang2019-07-24 08:29
數(shù)值沒嚴格按照樓主的做哦。
半溫柔小姐mm2017-09-16 03:29
高光那里沒弄懂,填充為0,那就是黑色,,做不出來那效果啊?磮D層那里又是白色weixin872258832 的原帖:內(nèi)陰影的顏色要改為白色
半溫柔小姐mm2017-09-16 03:28
第一次進這個網(wǎng)站,做的第一個作業(yè),嘻嘻。我的作業(yè):
weixin8722588322017-09-01 02:54
高光那里沒弄懂,填充為0,那就是黑色,,做不出來那效果啊。看圖層那里又是白色
海豚有海2017-09-01 11:07
第四步怎么做的?卡住了嫻瘋睔鏈夋搗 的原帖:自己想出來了
海豚有海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
有點不好弄
黑客大學吧務(wù)組2017-08-26 07:52
浪費時間
幸福百米跑2017-08-26 06:49
脫了褲子放屁!
夢或痛或心痛oO2017-08-26 06:28
給力

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

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