【 PS電腦繪圖 】Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

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

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

教學大綱:

教程開始之前我們先要學會分析效果圖,這裡我們主要分為二個部分:底座、內圓、其它問題都不大,主要是內圓部分、需要用到多個圖層及圖層樣式,來表現圖標的立體感,圖標的整體質感也是圖層圖層樣式來完成的,感興趣的朋友讓我們一起來學習吧。


鼠繪教程教學開始

最終效果:

Photoshop繪製金屬拉絲質感的音樂APP圖標

下面是教程:

Photoshop繪製金屬拉絲質感的音樂APP圖標

步驟一:首先新建畫布1000px*1000px畫布,命名為音樂圖標,為背景填充顏色#475479,並添加雜色。

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

步驟二:我們最先來繪製底座吧,使用圓角矩形工具、繪製一個650px*650px圓角半徑90px的底座,並為它添加圖層樣式。

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

步驟三:高逼格的底座一下就出來了,有木有!!!繼續繪製一個620px*620px圓角半徑90px的底座,並為它添加圖層樣式。

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

步驟四:現在繪製一下底座的金屬拉絲效果吧,繼續繪製一個620px*620px圓角半徑90px的形狀,添加雜色效果並執行動感模糊命令,調整不透明度。

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

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

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

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

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

步驟七:現在繪製一下內圓的金屬拉絲效果吧,繪製一個425px*425px的正圓,添加雜色效果並執行動感模糊命令,調整不透明度,操作同上。

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

步驟八:現在我們來繪製一下音樂圖標吧,選擇自動以形狀工具,繪製一個145px*260px的形狀並為它添加圖層樣式。

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

步驟九:就剩高光部分了哦,選擇繪製兩個大小為420px的正圓,將填充設置為0,添加圖層樣式吧。

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

Photoshop繪製金屬拉絲質感的音樂APP圖標

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

文章永久連結為: Photoshop繪製金屬拉絲質感的音樂APP圖標