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


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



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

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

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




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

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

34.回到Photoshop里面，選中麥克風(fēng)形狀副本的矢量蒙版（記住是矢量蒙版），然后按ctrl+v
粘貼命令，選擇路徑后確定。
不好意思～跟大家說(shuō)聲抱歉～　　　在這一步驟里，有一個(gè)重要的過(guò)程偶忽略了，使得很多人都沒(méi)有辦法繼續(xù)下去，跟大家說(shuō)聲抱歉~！ 現(xiàn)在增加以下步驟~！
（在粘貼AI的路徑之前，一定要選中麥克風(fēng)副本的矢量蒙版，然后按快件Ａ路徑選擇工具，選中矢量蒙版的內(nèi)容按delete鍵刪掉，這時(shí)會(huì)有提示選擇"僅矢量蒙板內(nèi)容"，只留下一個(gè)空白的矢量蒙版，最后才粘貼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個(gè)小箭頭的設(shè)置哦，別搞錯(cuò)了。）42.圖案疊加參數(shù)。（里面有一個(gè)圖案，已經(jīng)上傳文件，可以下載使用。）
43.按著shift鍵把麥克風(fēng)紋理和麥克風(fēng)形狀選中，然后按快捷鍵ctrl+G編組命令，并名為為麥
克風(fēng)主體。選擇麥克風(fēng)主體（組），按著ctrl鍵并鼠標(biāo)單擊添加圖層蒙版。（記得因?yàn)槭且?br />加矢量蒙版，所以一定要按ctrl鍵?。?img title="AI和PS打造精致麥克風(fēng)圖標(biāo) 腳本之家 AI實(shí)例教程" alt="" src="http://img.jbzj.com/file_images/illustrator/201302/20130203154850270.jpg" />
44.將麥克風(fēng)形狀里面的矢量蒙版內(nèi)容按ctrl+c復(fù)制一個(gè)。（記得是矢量蒙版的內(nèi)容，選中蒙
版里面的東西按ctrl+c復(fù)制，在矢量蒙版上要用快捷鍵A路徑選擇工具，才能移動(dòng)或者編輯哦
。）

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



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



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

65.選擇矩形工具，設(shè)置參數(shù)。
66.畫(huà)一個(gè)矩形，把它放在正中央的位置。（可以拉出一條參考線來(lái)對(duì)齊）
67.選中形狀1的矢量蒙版內(nèi)容，在正中間用鋼筆工具上下各加2個(gè)錨點(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.效果圖。（我在做教程的時(shí)候，沒(méi)有把鐵環(huán)和明暗交界線對(duì)好，你們可以稍微移動(dòng)一下，
它們對(duì)齊。）
76.將鐵環(huán)復(fù)制一個(gè),把原來(lái)的原樣式去除，命名為鐵環(huán)投影，放置于麥克風(fēng)主體（組）里面的
第一個(gè)位置，然后添加新的圖層樣式。77.鐵環(huán)投影圖層樣式投影參數(shù)。
78.外發(fā)光參數(shù)。79.效果圖。
80.選擇矩形工具，畫(huà)一個(gè)矩形，寬度和鐵環(huán)差不多，高度短一些，參照下圖并命名為鐵環(huán)上
陰影。
81.把圖層位置改變一下。



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

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



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

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



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

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

最新評(píng)論