編者按：今天這個教程很適合學習臨摹，作者@DearSalt?教同學同學們分解圖標，觀察組成部分以及分層制作，專業范兒十足，絕對是新手快速上道的最貼身教程 >>>

桂桂教程：

• 《PS新手教程！手把手教你打造炫酷的冰凍特效字體》
• 《PS字體教程！手把手教你繪制一個春意盎然的字體效果》
• 《這效果炫酷！教你輕松6步打造大氣震撼的立體字效果》
• 《PS新手教程！手把手打造復古典雅的金色字體效果》

這幾天突然對UI很感興趣，于是就做了這個小時鐘，整體效果很絢麗，圖層樣式中的參數我已經給出，僅供大家參考，邵飛老師說得對“多試參數，沒有人可以一步到位，多花時間去調試不同的參數，可以幫助提高設計經驗，細節靠折騰，而不是靠大量效果”我現在就是這樣做的，雖然有時候會花很多時間，但真的是會積累經驗的，期待大家的作品！

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

二、接下來我們先制作“時鐘底座”。

這個圖層看起來很復雜，實際上整個效果只用了一個圖層便能搞定，以下截圖的參數僅供參考，因為你新建圓的大小將會影響這些參數數值，具體大家自行測試吧，新建畫布，拖入背景素材，使用橢圓工具建立一個橢圓，雙擊此圖層為其添加圖層樣式。

三、時鐘底座的效果大家已經看到了吧，下面我們來制作表盤底座。

它同樣也是一個圖層完成的，新建圖層，在畫布上建立一個小一點的正圓形并將此層放在時鐘底座圖層的上方，雙擊添加圖層樣式。

四、表盤的制作。

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

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

高光素材：《14套PS頂級光效筆刷打包下載》

最終效果：

【優設四月免費神器+資源下載人氣榜】

Top 1：超級好用的免費切圖神器！
《免費了！切圖標記外掛神器ASSISTOR PS深入解讀（上）》

Top 2：無代碼做APP動效的最佳幫手！
《SKETCH神助攻！無代碼做動效神器HYPE3入門教程》

Top 3：四月份的免費英文字體打包下載
《挑個任性！四月份高質量精選英文字體免費打包下載》

原文地址：blog.dearsalt.me

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量94萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：