臨摹鼠繪錄音機(jī)圖片的Photoshop教程

2021-10-14 15:03:40 來(lái)源/作者: 未知 / 騫濤 己有:747人學(xué)習(xí)過(guò)

今天這個(gè)教程適合有基礎(chǔ)的同學(xué)進(jìn)階練習(xí),原作者是追波大神,效果逼真到翻天,這篇臨摹教程也特別用心,光截圖打字就花了三個(gè)多小時(shí),強(qiáng)烈推薦同學(xué)們馬起來(lái)練習(xí)。

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

效果是真的好,讓我不僅手癢癢,而且還牙癢癢,我決定來(lái)臨摹這個(gè)放音機(jī),下面開(kāi)始臨摹過(guò)程,為了效率起見(jiàn),我不打算詳細(xì)解說(shuō)使用那些樣式或者濾鏡之類(lèi)的話(huà)。

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

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

組合。

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

旋鈕上面的小把手。

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

按鈕的凹槽。

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

旋鈕的凹槽。

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

插孔的雛形。

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

插孔的金屬部件。

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

插孔里的卡簧。

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

凹槽里的凹槽。

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

中間的按鈕我都是復(fù)制了周?chē)膱D層樣式,減輕勞動(dòng)強(qiáng)度。

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

 

只有一盞等亮著。

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

機(jī)箱周?chē)膸最w螺絲 復(fù)制到各個(gè)位置。

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

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

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

大功告成!

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

這是最后完成的大圖 。

臨摹鼠繪錄音機(jī)圖片的Photoshop教程

 

標(biāo)簽(TAG) Photoshop教程