UI教程，設(shè)計(jì)錘子時(shí)鐘圖標(biāo)教程(2)

來源：站酷 作者：xinyi_2009 學(xué)習(xí)：21384人次

第三步，底板做好了之后，我們開始要表盤里面的凹下去的效果，我們這一塊分為兩大塊做，選中橢圓工具，按住Shift鍵，新建一個(gè)420px X 420px的正圓，命名為表盤1，并添加相應(yīng)的圖層樣式。

UI教程，設(shè)計(jì)錘子時(shí)鐘圖標(biāo)教程_tgudhdp.cn

UI教程，設(shè)計(jì)錘子時(shí)鐘圖標(biāo)教程_tgudhdp.cn

接著復(fù)制一層，命名為表盤2，選擇清除圖層樣式，重新添加新的圖層樣式。

UI教程，設(shè)計(jì)錘子時(shí)鐘圖標(biāo)教程_tgudhdp.cn

UI教程，設(shè)計(jì)錘子時(shí)鐘圖標(biāo)教程_tgudhdp.cn

第四步，做完以上之后，我們做指針，用圓角矩形工具繪制一個(gè)160px X 32px的圓角矩形，圓角設(shè)置成15px ，顏色為白色。命名為指針1

UI教程，設(shè)計(jì)錘子時(shí)鐘圖標(biāo)教程_tgudhdp.cn

UI教程，設(shè)計(jì)錘子時(shí)鐘圖標(biāo)教程_tgudhdp.cn

拉出輔助線，放到圓心的位置，擺放好位置，并設(shè)置指針1的圖層樣式。

UI教程，設(shè)計(jì)錘子時(shí)鐘圖標(biāo)教程_tgudhdp.cn

做完指針1之后，我們要做指針2，設(shè)置參數(shù)為：

UI教程，設(shè)計(jì)錘子時(shí)鐘圖標(biāo)教程_tgudhdp.cn

UI教程，設(shè)計(jì)錘子時(shí)鐘圖標(biāo)教程_tgudhdp.cn

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

  • 一定要打開PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習(xí)時(shí)，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問：新手求助
  • 加官方微信，隨時(shí)隨地，想學(xué)就能學(xué)：ps_bbs，或掃右側(cè)二維碼！
  • 關(guān)注我們學(xué)更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
酷酷的阿陽2018-05-28 01:04
有視頻就好了
夢(mèng)的翅膀2017-07-24 02:29
謝謝提供的教程，自己嘗試做了一遍，做成功了，效果還不錯(cuò)。但是教程中也有一點(diǎn)不足，就是表盤的圖層樣式的數(shù)據(jù)沒有提到，也沒有詳細(xì)的解釋，這個(gè)很容易讓人忽略，導(dǎo)致與效果不同，但是整體還是點(diǎn)個(gè)贊的。繼續(xù)加油。
久伴i2017-04-14 05:20
第二步的 效果數(shù)據(jù)是多少
久伴i2017-04-14 05:04
鍟嗗姟S14-4鏂規(guī)槺娣
商務(wù)S14-4方昱淇2016-12-05 10:29
商務(wù)S14-4方昱淇2016-12-05 10:12
劉婷2016-03-02 04:43
劉婷2016-03-02 04:03
施林2016-02-14 04:15
4
施林2016-02-14 04:02
4
Jinpeng2015-12-27 01:52
Jinpeng2015-12-27 01:12
布拉德皮蛋2015-12-26 05:07
謝樓主，教程寫的很詳細(xì)，希望樓主能做出更多更好的教程
布拉德皮蛋2015-12-26 05:07
謝樓主，教程寫的很詳細(xì)，希望樓主能做出更多更好的教程
布拉德皮蛋2015-12-26 05:07
謝樓主，教程寫的很詳細(xì)，希望樓主能做出更多更好的教程

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

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