ICON教程，臨摹國(guó)外大師的一個(gè)錄音機(jī)圖標(biāo)實(shí)例(13)

主要模仿國(guó)外大師設(shè)計(jì)的一個(gè)錄音機(jī)圖標(biāo)，教程比較長(zhǎng)，步驟比較多，適合有一定基礎(chǔ)的同學(xué)學(xué)習(xí)。

昨天在某個(gè)網(wǎng)站看到一位高手臨摹國(guó)外大師的一張ICON，效果逼真。一整夜我都手癢癢得無(wú)法入睡，早上起來(lái)也打算來(lái)一個(gè)，不過(guò)這樣那樣的瑣事之后又是午后，估計(jì)整個(gè)下午應(yīng)該能完成~

他說(shuō)是臨摹Dribbble里一位大神的作品，我也去Dribbble找了一圈，果然看到這位大神的作品。

效果是真的好，讓我不僅手癢癢，而且還牙癢癢，我決定來(lái)臨摹這個(gè)放音機(jī)~

下面開(kāi)始臨摹過(guò)程，為了效率起見(jiàn)，我不打算詳細(xì)解說(shuō)使用那些樣式或者濾鏡之類的話~

就像平時(shí)我們臨摹一幅美術(shù)作品一樣，你不可能把畫(huà)紙直接鋪在原作上直接描出來(lái)，那樣是描紅而不是臨摹。臨摹就是練習(xí)你的觀察能力和表現(xiàn)能力，不知道我這么說(shuō)對(duì)不對(duì)。

我右鍵了那幅作品之后，粘貼，然后CTRL+ALT+C把畫(huà)布橫向放大200%，在右邊臨摹這個(gè)放音機(jī)，而不是亦步亦趨的照著原作畫(huà)，一成不變的復(fù)制沒(méi)有一點(diǎn)意義~

下載的原圖很小，我不得不放大一下，不然一些細(xì)節(jié)根本顯示不了。

放大過(guò)后的圖根本看不清什么細(xì)節(jié)，這里要靠自己的想象力了~

下面我要先做它的背景，就如你看到的那樣，背景的效果有點(diǎn)像漸變，但它不是單純的漸變，有點(diǎn)類似用大號(hào)畫(huà)筆描出來(lái)的效果，色彩之間的過(guò)度非常的柔和。用什么辦法比較簡(jiǎn)單？最后我想到一個(gè)辦法。新建一個(gè)畫(huà)布，非常小的畫(huà)布。4X3像素。你沒(méi)看錯(cuò)！確實(shí)是4X3~

然后參考原圖的顏色在這個(gè)小畫(huà)布上用小號(hào)畫(huà)筆點(diǎn)出一些顏色。

接著是一個(gè)石破天驚的技巧，放大這個(gè)小畫(huà)布，放大400倍！我好想得到了跟原作成本的效果的背景圖~

拷貝，粘貼，真的不用在意它是不是跟原作一模一樣，一點(diǎn)意思都沒(méi)有~

百度了一張星空?qǐng)D。

左上角和右下角的星星效果合乎我的要求，粘貼上去之后放大那個(gè)部位就行了，然后把圖層模式改為“變亮。

跟原作相比星星的數(shù)量是多了一點(diǎn)，用色階來(lái)減少星星的數(shù)量，色階真是好用。

那些太顯眼的星星可以選擇擦除，減低透明度，效果不錯(cuò)。

背景下半部分的顏色要深好多，先不用去處理那個(gè)陰影，用加深工具處理一下。

用矢量矩形畫(huà)一個(gè)放音機(jī)的上半部分機(jī)箱。

添加漸變和內(nèi)發(fā)光，我覺(jué)得原作有些內(nèi)發(fā)光，有沒(méi)有，當(dāng)然還有深色的描邊，我打算先不去處理。

把這個(gè)矩形復(fù)制一層，清除掉圖層樣式之后往下移動(dòng)，變換。

添加漸變和內(nèi)發(fā)光。

接著制作那個(gè)描邊，按住SHIFT+CTRL左鍵這兩個(gè)矩形得到選擇框，新建一層填充任意顏色，在圖層樣式里添加描邊。

箱體的結(jié)合處有個(gè)凹陷的效果，我用畫(huà)筆結(jié)合SHIFT模擬了這個(gè)效果。

用鋼筆個(gè)矢量橢圓工具畫(huà)半個(gè)拾音器，另外一半我只要復(fù)制過(guò)去就行。

組合。

復(fù)制過(guò)來(lái)之后照樣合并它們。

我是直接復(fù)制了箱體下半部分的漸變，之后稍微減低透明度，看著還不錯(cuò)。

同樣用鋼筆畫(huà)一個(gè)形狀，復(fù)制，合并。

添加漸變和內(nèi)發(fā)光。

還有鏡面效果，用多邊形套索工具或者鋼筆畫(huà)一個(gè)選區(qū)，填充稍深點(diǎn)的顏色，用添加蒙版的方式去掉多余的步伐.別去用吸管去采原作的顏色，既然我是臨摹，態(tài)度就要認(rèn)真，再三要求大家。

左下角有些模糊的效果，用羽化為100的橢圓選區(qū)工具圈出左下角，高斯模糊一下，如果不夠的話多重復(fù)幾次。

用矢量矩形工具制作下面的一個(gè)部件，我不知道這個(gè)叫什么，結(jié)合“直接選擇工具”重新編輯一下它的現(xiàn)狀。

還有邊上也有個(gè)小零件，給他們添加一樣的圖層樣式。

現(xiàn)在我看著這些大小總有點(diǎn)別扭，總覺(jué)得結(jié)構(gòu)有問(wèn)題，果然，當(dāng)我給它們加了一條錄音帶之后我就找到問(wèn)題所在了，有些部件的現(xiàn)狀跟錄音帶不在一條直線上，幸虧我一直用矢量工具，這樣修改起來(lái)也很方便。

現(xiàn)在科學(xué)了。

當(dāng)這個(gè)拾音器所有部件都差不多完成后我新建了一個(gè)層做它們的陰影，拾音器上面的LOGO可以放在最后來(lái)完成。

繼續(xù)下面的按鍵面板，注意到面板層里的面板嗎？它是用來(lái)限制面板的底邊不出現(xiàn)圖層樣式里的效果。

凹陷的顯示屏，是顯示屏嗎？我畫(huà)了圈的部分起碼調(diào)了有三分鐘。

有些地方的陰影是圖層樣式無(wú)法實(shí)現(xiàn)的，慶幸的是PS里有最強(qiáng)大的工具—畫(huà)筆。

中場(chǎng)休息，看下半成品。

開(kāi)始面板上的按鍵和旋鈕，簡(jiǎn)單的斜面和浮雕，這是旋鈕的凹槽。

我一直在糾結(jié)這個(gè)旋鈕的效果，原圖根本看不出什么效果，最后決定憑自己想象。

旋鈕上面的小把手。

我故技重施 又建立了一個(gè)層來(lái)強(qiáng)化它的陰影效果。

復(fù)制一個(gè)，打亂一下方向，增加真實(shí)感。

按鈕的凹槽。

按鈕的制作，我使用了等高線和光澤等高線來(lái)模擬它的金屬效果。

排列成型，那些文字上面的我都等到最后添加。

工程浩大，我有點(diǎn)后悔了，不應(yīng)該弄這么復(fù)雜的東西，可是騎虎難下。

我新建一個(gè)新畫(huà)布來(lái)制作兩邊大點(diǎn)的旋鈕。

旋鈕的凹槽。

我江郎技窮，再次用光澤等高線來(lái)模擬金屬效果，這個(gè)旋鈕的底座。

旋鈕的漸變?cè)O(shè)置。

制作旋鈕上面的金屬拉絲效果。

又是一個(gè)凹槽，這里將會(huì)出現(xiàn)一大堆的東西。

左邊復(fù)制一個(gè)，下面紅色的圓圈我是用來(lái)做麥克風(fēng)的插孔的。

插孔的雛形。

插孔的金屬部件。

插孔里的卡簧。

上面凹槽里的按鈕，這是第一個(gè)。

凹槽里的凹槽。

中間的按鈕我都是復(fù)制了周圍的圖層樣式，減輕勞動(dòng)強(qiáng)度。

右邊凹槽里的八個(gè)按鈕一樣的手法。

按鈕上面的顯示燈，左邊我只要復(fù)制過(guò)去就行了。

只有一盞等亮著。

由于自帶字體很少，幾乎沒(méi)有 我PS里的字體都是默認(rèn)的，所以我在網(wǎng)上找了一張這種液晶字體，裁了一部分。

反色，把圖層模式改為變亮，添加圖層樣式。

用矢量矩形工具做一排，復(fù)制一層移到上面，CTRL+T稍微壓扁一點(diǎn)，天氣炎熱，節(jié)省體力。

選擇其中幾個(gè)矩形，CTRL+T再壓扁一點(diǎn)。順便做了中間的度量尺模樣的東西。

在尾巴位置加了一個(gè)三角形，我看不清楚原圖里的現(xiàn)狀，自己猜的。

把這個(gè)顯示內(nèi)容合并成組，復(fù)制一組，CTRL+T垂直變換，減低透明度，添加蒙版，模擬底下的倒影。

在顯示屏里框出一個(gè)選區(qū)，選擇大號(hào)畫(huà)筆點(diǎn)去稍淺的灰色隨意一揮，我都不清楚我想干什么，我只是想讓這個(gè)顯示屏顯得豐富一點(diǎn)。

把那些旋鈕安排在該出現(xiàn)的地方。

制作小旋鈕的軌道，完成后復(fù)制一個(gè)到另一邊。

利用漸變制作旋鈕下面的一個(gè)部件，完成后也復(fù)制一個(gè)到右邊。

修改一下漸變的角度，這難不倒你們 我知道的。

像前面我制作旋鈕一樣，我新建一個(gè)畫(huà)布來(lái)做錄音帶盤。

用矢量橢圓工具畫(huà)一個(gè)圓形，讓它居中很重要。

下面好辦了 用各種工具制作一個(gè)錄音帶盤的雛形。

進(jìn)入通道，隨便復(fù)制一個(gè)通道，反色，高斯模糊。

調(diào)一下色階 我們得到一個(gè)像模像樣的錄音帶盤的外輪廓。

在這個(gè)通道取得選區(qū)，回到圖層新建一層填充任意顏色，添加圖層樣式。

在錄音帶盤下面新建一個(gè)矢量橢圓形，添加圖層樣式，主要是漸變。

在上面繼續(xù)新建一層，重置前景色很背景色，填充白色。添加雜色，添加徑向模糊，像剛才做旋鈕一樣，把這個(gè)層的模式改成疊加，加一個(gè)蒙版限制它的顯示范圍。

再新建一個(gè)矢量橢圓形，添加圖層樣式。

復(fù)制一層，清除掉圖層樣式，重新添加圖層樣式，完成后復(fù)制一層，CTRL+T縮小一點(diǎn)。

鑒于時(shí)間的關(guān)系，我不再詳細(xì)講解這個(gè)錄音帶盤的制作過(guò)程，反正也就這么幾個(gè)效果，如果有人喜歡我可以在以后單獨(dú)做個(gè)詳細(xì)的教程，這是完成圖。

把它復(fù)制到錄音機(jī)上。

用鋼筆描邊，我只簡(jiǎn)單的添加了陰影，錄音帶的效果非常的好。

進(jìn)入收尾階段，底下的一個(gè)墊腳，同樣給一點(diǎn)漸變之后復(fù)制到右邊。

做陰影我有自己的土辦法，先用一個(gè)畫(huà)筆點(diǎn)一下，然后CTRL+T。

我感覺(jué)這個(gè)陰影還不夠“虛”，高斯模糊了一些，再加一個(gè)蒙版讓底部的陰影“硬”一些。

左邊的小面積陰影也用同樣的手法處理，底下的直接用畫(huà)筆刷一下就行了。

機(jī)箱周圍的幾顆螺絲 復(fù)制到各個(gè)位置。

錄音帶盤上的編號(hào)。PS里字體有限 最后找了這么個(gè)難看的數(shù)字 復(fù)制到另一個(gè)錄音帶盤把1改成2。

給那些按鈕和旋鈕加上說(shuō)明文就差不多， 可是我根本看不清楚那些字母是什么 ，最后找了一個(gè)英文網(wǎng)頁(yè)， 隨便給那些按鈕什么的亂加字。反正是逮到什么加什么，誰(shuí)會(huì)在意那些字母的含義。

這里我放了一個(gè)杜比環(huán)繞音LOGO 杜比很牛啊。

加上一些英語(yǔ)外教都不認(rèn)識(shí)的英文。

大功告成！

這是最后完成的大圖 。