【 PS電腦繪圖 】Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

這一次的教學是屬於PS教程領域中的鼠繪教程的相關教學。

文章出處是來自站酷的PS教程類文章,寫教學的作者是全棧UI筆記,感謝全棧UI筆記提供鼠繪教程的實作教學。

教學大綱:

首選先來分析一下教程的效果圖,教程主要分為三個部分來完成,具體如下底座、內圓、指針,其它問題都不大,主要是指針部分、需要用到多個圖層及圖層樣式,來表現圖標的立體感,教程的視頻和源文件已經打包了,感興趣的朋友一起來學習吧。


鼠繪教程教學開始

教程源文件和視頻教程:綠色風格的立體鐘錶圖標PS教程素材

最終效果:

Photoshop繪製綠色主題風格的時鐘圖標

先看看效果圖:

Photoshop繪製綠色主題風格的時鐘圖標

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

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

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

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

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

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

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

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

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

Photoshop繪製綠色主題風格的時鐘圖標

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

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

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

Photoshop繪製綠色主題風格的時鐘圖標

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

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

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

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

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

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

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

Photoshop繪製綠色主題風格的時鐘圖標

Photoshop繪製綠色主題風格的時鐘圖標

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: Photoshop繪製綠色主題風格的時鐘圖標