大家好，給大家推薦一篇挺不錯的AI和PS打造精致麥克風(fēng)圖標(biāo)教程，AI和PS的結(jié)合在平面設(shè)計當(dāng)中也是最常用的組合，個人覺得這個教程挺棒的，推薦過來和大家一起分享學(xué)習(xí)了，先來看看最終繪制出來的麥克風(fēng)圖標(biāo)吧！
 
這個是我做的
這個麥克風(fēng)就是這次教程的主角咯~！前幾天有一個可愛的女生問偶這個麥克風(fēng)里面的圈圈怎么做的，然后偶就很勤快的跑去找這個素材的資料，注：這個麥克風(fēng)不是我原創(chuàng)的，但教程是偶做的，同時這個麥克風(fēng)好像也是蘋果手機(jī)里面的那個麥克風(fēng)，呵呵~！這個教程偶做了很多天了，處理了300多張圖片，弄了好幾千個字。。。。。。。希望大伙們能夠看的明白的，有什么問題可以留言給偶哦~！ 嘻嘻
這個麥克風(fēng)是在國外的網(wǎng)站上下載的，對比我做的，我還是有很多的不足，希望大家交流交流~！
觀看教程方法是文字在上面，圖片在下面~！
本人用的是Photoshop CS5版本 AI CS6版本（注意：如果是用Photoshop CS6版本的話，有些使用矢量蒙版的情況就要注意一下了，有些地方不一樣哦~?。?br />1.新建文檔 寬：508 高：680 分辨率：722.將背景圖層填充為黑色。3.對背景按右鍵調(diào)出菜單。
4.單擊轉(zhuǎn)換為智能對象。
5.在菜單欄選擇濾鏡-雜色-添加雜色。6.在圖層面板下方按fx，添加漸變疊加的命令。


7.圖層樣式參數(shù)如下。
8.圖層命名與效果。（記得要養(yǎng)成好的習(xí)慣，做一個圖層并將它們命名，每個圖層都是有生命
的哦~嘻嘻）。
9.在工具欄上選擇圓角矩形工具，按照以下參數(shù)設(shè)置，然后再畫面上有鼠標(biāo)左鍵單擊一下。（
請注意一下紅色線條的參數(shù)，因?yàn)楹苋菀壮鲥e哦~！特別是路徑和形狀的！）10.把形狀放置居中向上點(diǎn)的位置。
11.把形狀1改名為麥克風(fēng)形狀，然后添加圖層樣式。
12.漸變疊加參數(shù)。（鼠標(biāo)點(diǎn)擊紅色條上的漸變，紅色條上的參數(shù)在下一個圖片中顯示）
13.漸變疊加的漸變參數(shù)。14.麥克風(fēng)形狀復(fù)制一個。15.把麥克風(fēng)形狀形狀副本的圖層樣式刪掉。
16.因?yàn)橐鳆溈孙L(fēng)的網(wǎng)狀圈圈紋理，要用到Illustrator，轉(zhuǎn)到Illustrator新建一塊畫布。
17.選擇橢圓工具 同時把前景色設(shè)置為黑色，邊框無。



18.在畫布上單擊鼠標(biāo)左鍵，設(shè)置參數(shù)。

19.圓點(diǎn)（這個小圓點(diǎn)蠻小的哦，千萬別弄不見咯~！ 哈哈）
20. 選中圓點(diǎn)做一個變換效果。
21.變換效果參數(shù)。22.變換效果圖。（有很多人會問，看到的是很多很多個圓形，但是只能選擇一個，不用擔(dān)心
，只能選擇一個就對咯~！等下會教大家怎么才把圓形真正的變得好多好多，嘻嘻）
23.選中圓形，按快捷鍵ctrl+alt+shift+e，會出現(xiàn)變換命令，然后設(shè)置參數(shù)。（如果第一次
用的話，軟件會有提示是否新的效果，確定就可以了）~

24.再次使用變換的效果以下。（你會發(fā)現(xiàn)多了一行，記得快捷鍵哦~是ctrl+alt+shift+e??！
！因?yàn)榘瓷僖粋€效果都不一樣的哦?。?img title="AI和PS打造精致麥克風(fēng)圖標(biāo) 腳本之家 AI實(shí)例教程" alt="" src="http://img.jbzj.com/file_images/illustrator/201302/20130203154850251.jpg" />
25.選中圓形，再次使用快捷鍵ctrl+alt+shift+e，參數(shù)如下。（記得一共是用了3次變換效果
，參數(shù)別弄錯了。）
26.運(yùn)用后的效果。
27.選中圓形后，在菜單欄選擇對象-擴(kuò)展外觀，然后按確定。（你會發(fā)現(xiàn)現(xiàn)在的圓形是一個個
獨(dú)立起來了，因?yàn)橹蟮男Ч枰總€都可以編輯，所以要做擴(kuò)展，在AI里面是常常用到擴(kuò)展
命令的哦~！）
28.選中全部圓之后，效果-變形-魚眼，做一個魚眼的效果。（有人會覺得偶在這里為什么每
次都要說選中，在AI里面很容易會按到別的鍵而忘記選擇了，做出來的東西沒有效果了，ＡＩ
是一個很精確的繪圖軟件，需要很細(xì)心的做每一步。）




29.魚眼效果參數(shù)。
30.做完魚眼的效果圖。
31.選中魚眼效果之后，在菜單欄-效果-變形-凸出，點(diǎn)擊凸出命令。（選擇的時候可以按快捷
鍵V ，選擇工具，黑色的小箭頭）。

32.凸出效果參數(shù)。33.最終的AI圖形。選擇圖形，按快捷鍵ctrl+c復(fù)制一個。

34.回到Photoshop里面，選中麥克風(fēng)形狀副本的矢量蒙版（記住是矢量蒙版），然后按ctrl+v
粘貼命令，選擇路徑后確定。
不好意思～跟大家說聲抱歉～　　　在這一步驟里，有一個重要的過程偶忽略了，使得很多人都沒有辦法繼續(xù)下去，跟大家說聲抱歉~！ 現(xiàn)在增加以下步驟~！
（在粘貼AI的路徑之前，一定要選中麥克風(fēng)副本的矢量蒙版，然后按快件Ａ路徑選擇工具，選中矢量蒙版的內(nèi)容按delete鍵刪掉，這時會有提示選擇"僅矢量蒙板內(nèi)容"，只留下一個空白的矢量蒙版，最后才粘貼AI的路徑~?。?br />
35.把圓點(diǎn)的位置調(diào)整一下，命名為麥克風(fēng)紋理。36.給麥克風(fēng)紋理加上圖層樣式。37.投影參數(shù)。38.內(nèi)陰影參數(shù)。


39.顏色疊加參數(shù)。
40.漸變疊加參數(shù)。
41.漸變疊加中的漸變參數(shù)。（不透明度是上面2個小箭頭的設(shè)置哦，別搞錯了。）42.圖案疊加參數(shù)。（里面有一個圖案，已經(jīng)上傳文件，可以下載使用。）
43.按著shift鍵把麥克風(fēng)紋理和麥克風(fēng)形狀選中，然后按快捷鍵ctrl+G編組命令，并名為為麥
克風(fēng)主體。選擇麥克風(fēng)主體（組），按著ctrl鍵并鼠標(biāo)單擊添加圖層蒙版。（記得因?yàn)槭且?br />加矢量蒙版，所以一定要按ctrl鍵！）
44.將麥克風(fēng)形狀里面的矢量蒙版內(nèi)容按ctrl+c復(fù)制一個。（記得是矢量蒙版的內(nèi)容，選中蒙
版里面的東西按ctrl+c復(fù)制，在矢量蒙版上要用快捷鍵A路徑選擇工具，才能移動或者編輯哦
。）

45.將麥克風(fēng)主體（組）的矢量蒙版選中，然后按ctrl+v粘貼一個。（這時你會看到框框之外
的圈圈已經(jīng)不見咯，也就是說在這個組里面的所有內(nèi)容將會被這個蒙版的內(nèi)容約束著，不會超
出這個蒙版的范圍，這就代表你有這么高的技術(shù)都不能越獄了，哈哈哈?。?br />
46.把麥克風(fēng)形狀復(fù)制一個 然后放到麥克風(fēng)紋理的上面，命名為明暗交界線，記得要把它原來
的圖層樣式給刪掉。（如何刪圖層樣式，就是那個fx的小圖標(biāo)，需要在改圖層上按鼠標(biāo)右鍵，
就會出現(xiàn)菜單，選擇清除圖層樣式。）
47.給明暗交界線 添加新的圖層樣式。（記得把填充設(shè)置為0）



48.內(nèi)陰影參數(shù)。
49.斜面與浮雕參數(shù)。
50.效果圖。
51.將明暗交界線復(fù)制一個，得到明暗交界線副本，把不透明改成50%，填充為0%。52.效果圖
53.新建圖層，命名為右圓柱陰影。54.選擇圓角矩形工具，參數(shù)如下，畫一個圓角矩形。（記得要選擇路徑，就是左上角小紅線
上的鋼筆。）
55.畫了路徑后，按ctrl+Enter載入選區(qū)，就會出現(xiàn)螞蟻線。
56.填充黑色。（是不是有點(diǎn)像磨指甲的磨砂棒呢，呵呵）
57.在菜單欄，選擇濾鏡-模糊-高斯模糊命令，高斯模糊參數(shù)如下。58.給右圓柱陰影添加蒙版（點(diǎn)擊圖層面板小紅線的按鈕），并拉出一個漸變效果，效果如下
。
59.給右圓柱陰影添加圖層樣式。（填充為：0%）



60.漸變疊加參數(shù)。
61.漸變疊加里的漸變參數(shù)。62.復(fù)制一個右圓柱陰影并復(fù)命名為左圓柱陰影，然后放到合適的位置上。63.你會發(fā)現(xiàn)左圓柱陰影的效果是相反方向的，要把它調(diào)整過來，打開左圓柱效果的圖層樣式
，把里面的反向打上勾。 （如果直接用自由變換命令是沒有變換的）
64.效果圖

65.選擇矩形工具，設(shè)置參數(shù)。
66.畫一個矩形，把它放在正中央的位置。（可以拉出一條參考線來對齊）
67.選中形狀1的矢量蒙版內(nèi)容，在正中間用鋼筆工具上下各加2個錨點(diǎn)。（記得要選擇矢量蒙
版的內(nèi)容后才可以添加錨點(diǎn)的）68.使用直接選擇工具和錨點(diǎn)轉(zhuǎn)換工具制作成以下的形狀。
69.運(yùn)用圖層樣式，并命名為鐵環(huán) ，把鐵環(huán)圖層放置在組的上方。
70.鐵環(huán)圖層樣式內(nèi)陰影參數(shù)。



71.內(nèi)發(fā)光參數(shù)。
72.斜面和浮雕參數(shù)。
73.漸變疊加參數(shù)。
74.漸變疊加的漸變參數(shù)。

75.效果圖。（我在做教程的時候，沒有把鐵環(huán)和明暗交界線對好，你們可以稍微移動一下，
它們對齊。）
76.將鐵環(huán)復(fù)制一個,把原來的原樣式去除，命名為鐵環(huán)投影，放置于麥克風(fēng)主體（組）里面的
第一個位置，然后添加新的圖層樣式。77.鐵環(huán)投影圖層樣式投影參數(shù)。
78.外發(fā)光參數(shù)。79.效果圖。
80.選擇矩形工具，畫一個矩形，寬度和鐵環(huán)差不多，高度短一些，參照下圖并命名為鐵環(huán)上
陰影。
81.把圖層位置改變一下。



82.選中鐵環(huán)上陰影的矢量蒙版，用鋼筆工具在正中間加一個錨點(diǎn)。83.把鐵環(huán)上陰影的路徑調(diào)整成以下形狀。（使用鋼筆工具和轉(zhuǎn)換點(diǎn)工具完成）
84.給鐵環(huán)上陰影做一個圖層樣式。85.內(nèi)陰影參數(shù)。86.效果圖。87.選擇矩形工具，參數(shù)如下。
88.在畫布中鼠標(biāo)點(diǎn)一下，出現(xiàn)矩形，然后放到鐵環(huán)的中央。
89.把該圖層命名為中心軸，并放在鐵環(huán)上陰影的下面。
90.選中中心軸的矢量蒙版內(nèi)容，然后在兩邊正中間用鋼筆工具各添加一個錨點(diǎn)。待續(xù)~！因?yàn)檎究岵荒苌蟼鞫?00張的圖片，所以再發(fā)多一個經(jīng)驗(yàn)分享~！稍后91.按A使用直接選擇工具，點(diǎn)中剛剛添加的錨點(diǎn)，往外拉一點(diǎn)，做出圓柱的效果。
92.給中心軸添加圖層樣式。

93.光澤圖層參數(shù)。



94.漸變疊加參數(shù)。95.漸變疊加的漸變參數(shù)。
96.效果圖。
97.選擇矩形工具，參數(shù)如下，然后再畫布中點(diǎn)擊一下，出現(xiàn)一個小矩形。
98.效果圖。
99.選擇橢圓工具，設(shè)置一下參數(shù)，在畫布上點(diǎn)擊一下，出現(xiàn)小圓圈。100.效果圖。
101.編輯形狀1的矢量蒙版，把圓形路徑復(fù)制一個，然后把3個路徑排列成圓柱形。（把里面的圓復(fù)制的時候，直接用快捷鍵ctrl+c，ctrl+v，然后用路徑選擇工具移動。）

102. 移動圖層位置，添加圖層效果。
103.漸變疊加參數(shù)。104.漸變疊加里的漸變參數(shù)。
105.效果圖。



149.效果圖。
150.選擇橢圓工具，參數(shù)如下，在畫面點(diǎn)擊一下。
151.把橢圓位置放置如下。152.給剛剛畫的圓，命令為圓形，添加圖層樣式。
153.投影參數(shù)。
154.漸變疊加參數(shù)。
155.漸變疊加里的漸變參數(shù)。

156.最終的圖層面板。
157.最終效果 ，至于LOGO這里就不做演示了，你們可以自己DIY一下喲~！
謝謝觀看教程~！

最新評論