當前位置:首頁>ps實例教程>ps網頁設計>按鈕圖標>教程內容

ps設計時針小圖標教程(6)

來源:站酷 作者:DearSalt 學習:3370人次
作者雖然沒有詳細介紹每一步制作方法。不過分解圖非常有用,一看就知道整個圖標的構成,然后按一定的順序慢慢刻畫即可。

最終效果

Photoshop制作光滑的時針小圖標圖標

1、首先我們來分解這個圖標,觀察其各個組成部分,然后我們分層制作。

Photoshop制作光滑的時針小圖標圖標
2、接下來我們先制作“時鐘底座”,這個圖層看起來很復雜,實際上整個效果只用一個圖層便能完成。以下截圖的參數僅供參考,因為你新建圓的大小將會影響這些參數數值,具體大家自行測試吧。

新建畫布,拖入背景素材,使用橢圓工具建立一個橢圓,雙擊此圖層為其添加圖層樣式。

Photoshop制作光滑的時針小圖標圖標

Photoshop制作光滑的時針小圖標圖標

Photoshop制作光滑的時針小圖標圖標

Photoshop制作光滑的時針小圖標圖標

Photoshop制作光滑的時針小圖標圖標
3、時鐘底座的效果大家已經看到了,下面我們來制作表盤底座,它同樣也是一個圖層完成的。新建圖層,在畫布上建立一個小一點的正圓行,并將此層放在時鐘底座圖層的上方,雙擊添加圖層樣式。

Photoshop制作光滑的時針小圖標圖標

Photoshop制作光滑的時針小圖標圖標

Photoshop制作光滑的時針小圖標圖標

Photoshop制作光滑的時針小圖標圖標
4、表盤的制作:這一步像表盤的數字、時針、分針、秒針這些制作起來很容易。時針的顏色數值為#724042,圖層模式為“疊加”,秒針的顏色數值為:#162020。特別注意的是這三個針的陰影方向,光源在左上角。在這里我只貼出金屬帽的圖層樣式,以供大家參考。

Photoshop制作光滑的時針小圖標圖標

Photoshop制作光滑的時針小圖標圖標

Photoshop制作光滑的時針小圖標圖標

5、最后我們來制作高光,整個高光圖層是由兩部分組成。

Photoshop制作光滑的時針小圖標圖標

Photoshop制作光滑的時針小圖標圖標

6、剩下的就是在圖片下加點文字,然后合并圖層稍微銳化一下就大功告成了。

Photoshop制作光滑的時針小圖標圖標

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!