圖標設計,用Photoshop制作一個麥克風圖標

2022-12-26 10:56:18 來源/作者: / 己有:81人學習過

又是圖標繪制襲來,這次帶你制作一個麥克風圖標,本教程通俗易懂,上手快,效果贊,但是需要同學們用心制作,等不及的雙手快點來試試吧。

最終效果:

圖標設計,用Photoshop制作一個麥克風圖標

老規(guī)矩,先來分析一下。這里我們主要分為四個部分:底座、內圓、漸變圓、麥克,其它問題都不大,主要是內圓質感部分、需要用到濾鏡樣式,來表現圖標的質感,騷年分析完已經成功一半了,離成功還會遠么,噢耶?。?!

圖標設計,用Photoshop制作一個麥克風圖標

步驟一:

首先新建畫布500px*500px畫布,命名為麥克風,為背景填充#484a4a添加圖案疊加圖層樣式。

圖標設計,用Photoshop制作一個麥克風圖標

圖標設計,用Photoshop制作一個麥克風圖標

圖標設計,用Photoshop制作一個麥克風圖標

步驟二:

使用橢圓工具、繪制一個350px*350px的正圓顏色為#9e9e9e并命名為底座,并為它添加圖層樣式。

圖標設計,用Photoshop制作一個麥克風圖標

圖標設計,用Photoshop制作一個麥克風圖標

圖標設計,用Photoshop制作一個麥克風圖標

圖標設計,用Photoshop制作一個麥克風圖標

步驟三:

高逼格的底座一下就出來了,有木有!??!接下來使用橢圓工具、繪制一個300px*300px的正圓命名為內圓,并為它添加圖層樣式。

圖標設計,用Photoshop制作一個麥克風圖標

圖標設計,用Photoshop制作一個麥克風圖標

圖標設計,用Photoshop制作一個麥克風圖標

圖標設計,用Photoshop制作一個麥克風圖標


步驟四:

接下來我們來繪制內圓金屬拉絲質感,繪制一個300px*300px的正圓,獲取選區(qū),添加雜色效果,之后將其高斯模糊一下,調整填充數值25%。

圖標設計,用Photoshop制作一個麥克風圖標

圖標設計,用Photoshop制作一個麥克風圖標

圖標設計,用Photoshop制作一個麥克風圖標

步驟五:

現在我們來繪制麥克風形狀的位置吧,使用圓角矩形、繪制一個48px*98px,圓角半徑為60px的形狀,顏色設置為#222222。

圖標設計,用Photoshop制作一個麥克風圖標

步驟六:

現在我們來繪制半圓部分,使用橢圓工具繪制二個正圓,大小分別為180px*180px、140px*14px將兩個形狀圖層合并形狀,使用小黑工具單擊選中內圓,并減去頂層形狀。

圖標設計,用Photoshop制作一個麥克風圖標

圖標設計,用Photoshop制作一個麥克風圖標