【 PS電腦繪圖 】Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

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

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

教學大綱:

在教程開始之前先分析一下如何來完成這個效果,這裡我們主要分為三個部分:底座、錶盤、指針,底座指針問題都不大,主要是錶盤部分需要用到多個圖層及圖層樣式來表現圖標的立體感,視頻教程和教程的源文件都已經打包,有什麼不懂的地方可以下載源文件查看。


鼠繪教程教學開始

視頻教程和教程源文件:紅色立體的指南針圖標PS教程素材

最終效果:

Photoshop繪製紅色主題的指南針圖標教程

 

下面是教程:

Photoshop繪製紅色主題的指南針圖標教程

步驟一:首先新建畫布1500px*1000px畫布,命名為鐘錶,填充背景顏色#4b4b4b,添加圖案疊加圖層樣式。

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

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

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

步驟三:接下來使用橢圓工具、繪製一個550px*550px的大圓,並為它添加圖層樣式。

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

步驟四:繼續使用橢圓工具、繪製一個515px*515px的圓,並為它添加圖層樣式。

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

步驟五:同樣使用橢圓工具、繪製一個403px*403px的圓吧,並為它添加圖層樣式。

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

步驟六:我們繼續繪製一個295px*295px的圓,並為它添加圖層樣式。

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

步驟七:繼續使用橢圓工具、繪製一個117px*117px的圓,並為它添加圖層樣式。

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

步驟八:現在我們來繪製指針的位置,使用鋼筆工具繪製出指針形狀,複製指針改變指針顏色與角度,並為它們添加圖層樣式。

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

步驟九:繼續使用橢圓工具、繪製一個70px*70px的圓,並為它添加圖層樣式。

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

步驟十:現在來繪製刻度,使用矩形工具、繪製一個5px*35px的矩形,重複複製旋轉並為它添加圖層樣式。

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

步驟十一:重複上次操作、繪製一個3px*20px的矩形,重複複製旋轉並為它添加相同圖層樣式。

Photoshop繪製紅色主題的指南針圖標教程

步驟十二:現在添加文字N.E. S.W字體樣式Bebas Neue Regular ,字體大小46點並添加上述圖層樣式。

Photoshop繪製紅色主題的指南針圖標教程

步驟十三:接下來為鐘錶修飾高光和暗部,利用橢圓工具繪製二個515px*515px的正圓,填充設置為0,不透明度70%,並分為其添加圖層樣式,最後添加投影效果。

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

Photoshop繪製紅色主題的指南針圖標教程

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

文章永久連結為: Photoshop繪製紅色主題的指南針圖標教程