Zi 字媒體
2017-07-25T20:27:27+00:00
Photoshop繪製金屬拉絲風格的麥克風圖標
這一次的教學是屬於PS教程領域中的鼠繪教程的相關教學。
文章出處是來自站酷的PS教程類文章，寫教學的作者是全棧UI筆記，感謝全棧UI筆記提供鼠繪教程的實作教學。
教學大綱:
教程主要分為四個部分來完成：底座、內圓、漸變圓、麥克，其它問題都不大，主要是內圓質感部分、需要用到濾鏡樣式，來表現圖標的質感，感興趣的朋友可以一起來學習吧。
鼠繪教程教學開始
PSD源文件下載：金屬質感的麥克風圖標PS教程素材
最終效果：
下面是教程開始
步驟一：
首先新建畫布500px*500px畫布，命名為麥克風，為背景填充#484a4a添加圖案疊加圖層樣式。
步驟二：
使用橢圓工具、繪製一個350px*350px的正圓顏色為#9e9e9e並命名為底座，並為它添加圖層樣式。
步驟三：
高逼格的底座一下就出來了，有木有!!!接下來使用橢圓工具、繪製一個300px*300px的正圓命名為內圓，並為它添加圖層樣式。
步驟四：
接下來我們來繪製內圓金屬拉絲質感，繪製一個300px*300px的正圓，獲取選區，添加雜色效果,之後將其高斯模糊一下，調整填充數值25%。
步驟五：
現在我們來繪製麥克風形狀的位置吧，使用圓角矩形、繪製一個48px*98px，圓角半徑為60px的形狀，顏色設置為#222222。
步驟六：
現在我們來繪製半圓部分，使用橢圓工具繪製二個正圓，大小分別為180px*180px、140px*14px將兩個形狀圖層合併形狀，使用小黑工具單擊選中內圓，並減去頂層形狀。
步驟七：
現在繼續使用布爾運算按住alt鍵當箭頭出現“-”號繪製矩形，剪切不需要的地方。
步驟八：
現在繼續繪製繪製兩個20px*20px正圓，放在合適位置，合併形狀,最後合併形狀組件，ctrl+t適當縮放形狀。
步驟九：
現在繪製一個20px*48px的矩形，及100px*20px的圓角矩形，圓角半徑為60px。
步驟十：
現在將麥克風所有形狀合併為一個形狀，並添加一下圖層樣式。
步驟十一：
現在我們來繪製漸變圓，利用形狀圖層布爾運算方式，大小分別為350px*350px、300px*300px將兩個形狀圖層合併形狀，使用小黑工具單擊選中內圓，並減去頂層形狀。
步驟十二：
現在繼續使用布爾運算按住alt鍵當箭頭出現“-”號繪製矩形，剪切不需要的地方，之後合併形狀組件。
步驟十三：
現在利用直接選擇工具，將下側錨點選中移動到合適位置，並為圖層添加圖層樣式。
步驟十四：
最後我們將漸變圓，執行一下高斯模糊效果吧。
–本文轉載自 http://www.missyuan.net 教學網 —
文章永久連結為: Photoshop繪製金屬拉絲風格的麥克風圖標
寫了
5860316篇文章，獲得
23313次喜歡