打造綠色主題風格的時鐘圖標 UI設計教程

先看看效果圖：

步驟一：首先新建畫布400px*300px畫布，命名為時鐘，填充背景顏色# 63d7a6。

步驟二：使用圓角矩形、繪製一個190px*190px，圓角半徑為40px的底座，並為它添加圖層樣式。

步驟三：現在我們來繪製內圓部分吧，選擇橢圓工具繪製一個154px*154px的正圓吧，並為它添加一下圖層樣式。

步驟四：繼續選擇橢圓工具，繪製一個132px*132px的正圓吧，並為它添加一下圖層樣式。

步驟五：現在我們來繪製三角位置，選擇多邊形工具邊數設置為3，繪製一個顏色白色三角形，並將混合模式設置為疊加，命名為下側三角。

步驟六：複製下側三角執行自由變換命令，調整中心點至畫布中心，旋轉90度並執行重複上一命令並複製，shift+ctrl+alt+t複製出另外兩個三角形狀，將上側三角混合模式設置為柔光，透明度設置為70%，左右兩側三角混合模式正常。

步驟七：現在我們將指針的位置繪製一下吧，選擇圓角矩形工具，畫兩個圓角矩形，旋轉放到合適的位置。

步驟八：接下來我們為兩個指針添加一下相同的圖層樣式吧。

步驟九：現在我們繪製秒針吧，選擇矩形工具，繪製一個顏色為#ff5758長寬2px*24px的矩形，並添加圖層樣式。

步驟十：指針完成之後我們選擇橢圓工具繪製一個20px*20px的正圓吧，並為它添加一下圖層樣式。

步驟十一：現在我們趕緊來繪製最後一個圓吧，使用橢圓工具繪製一個10px*10px正圓，給它起名叫小內圓吧,並為它添加圖層樣式。