臨摹鼠繪錄音機圖片的Photoshop教程

2021-10-14 15:03:40 來源/作者: 未知 / 騫濤 己有:747人學習過

今天這個教程適合有基礎的同學進階練習,原作者是追波大神,效果逼真到翻天,這篇臨摹教程也特別用心,光截圖打字就花了三個多小時,強烈推薦同學們馬起來練習。

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

臨摹鼠繪錄音機圖片的Photoshop教程

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

效果是真的好,讓我不僅手癢癢,而且還牙癢癢,我決定來臨摹這個放音機,下面開始臨摹過程,為了效率起見,我不打算詳細解說使用那些樣式或者濾鏡之類的話。

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

我右鍵了那幅作品之后,粘貼,然后CTRL+ALT+C把畫布橫向放大200%,在右邊臨摹這個放音機,而不是亦步亦趨的照著原作畫,一成不變的復制沒有一點意義。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

下面我要先做它的背景,就如你看到的那樣,背景的效果有點像漸變,但它不是單純的漸變,有點類似用大號畫筆描出來的效果,色彩之間的過度非常的柔和。用什么辦法比較簡單?最后我想到一個辦法。新建一個畫布,非常小的畫布。4X3像素。你沒看錯!確實是4X3~

臨摹鼠繪錄音機圖片的Photoshop教程

 

然后參考原圖的顏色在這個小畫布上用小號畫筆點出一些顏色。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

拷貝,粘貼,真的不用在意它是不是跟原作一模一樣,一點意思都沒有~

臨摹鼠繪錄音機圖片的Photoshop教程

 

百度了一張星空圖。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

用矢量矩形畫一個放音機的上半部分機箱。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

 

把這個矩形復制一層,清除掉圖層樣式之后往下移動,變換。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

用鋼筆個矢量橢圓工具畫半個拾音器,另外一半我只要復制過去就行。

臨摹鼠繪錄音機圖片的Photoshop教程

 

組合。

臨摹鼠繪錄音機圖片的Photoshop教程

 

復制過來之后照樣合并它們。

臨摹鼠繪錄音機圖片的Photoshop教程

 

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

同樣用鋼筆畫一個形狀,復制,合并。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

 

現(xiàn)在科學了。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

中場休息,看下半成品。

臨摹鼠繪錄音機圖片的Photoshop教程

 

開始面板上的按鍵和旋鈕,簡單的斜面和浮雕,這是旋鈕的凹槽。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

旋鈕上面的小把手。

臨摹鼠繪錄音機圖片的Photoshop教程

 

我故技重施 又建立了一個層來強化它的陰影效果。

臨摹鼠繪錄音機圖片的Photoshop教程

 

 

復制一個,打亂一下方向,增加真實感。

臨摹鼠繪錄音機圖片的Photoshop教程

 

按鈕的凹槽。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

工程浩大,我有點后悔了,不應該弄這么復雜的東西,可是騎虎難下。

我新建一個新畫布來制作兩邊大點的旋鈕。

臨摹鼠繪錄音機圖片的Photoshop教程

 

旋鈕的凹槽。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

旋鈕的漸變設置。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

左邊復制一個,下面紅色的圓圈我是用來做麥克風的插孔的。

臨摹鼠繪錄音機圖片的Photoshop教程

 

插孔的雛形。

臨摹鼠繪錄音機圖片的Photoshop教程

 

插孔的金屬部件。

臨摹鼠繪錄音機圖片的Photoshop教程

 

插孔里的卡簧。

臨摹鼠繪錄音機圖片的Photoshop教程

 

上面凹槽里的按鈕,這是第一個。

臨摹鼠繪錄音機圖片的Photoshop教程

 

凹槽里的凹槽。

臨摹鼠繪錄音機圖片的Photoshop教程

 

中間的按鈕我都是復制了周圍的圖層樣式,減輕勞動強度。

臨摹鼠繪錄音機圖片的Photoshop教程

 

右邊凹槽里的八個按鈕一樣的手法。

臨摹鼠繪錄音機圖片的Photoshop教程

 

按鈕上面的顯示燈,左邊我只要復制過去就行了。

臨摹鼠繪錄音機圖片的Photoshop教程

 

 

只有一盞等亮著。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

 

制作小旋鈕的軌道,完成后復制一個到另一邊。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

像前面我制作旋鈕一樣,我新建一個畫布來做錄音帶盤。

臨摹鼠繪錄音機圖片的Photoshop教程

 

用矢量橢圓工具畫一個圓形,讓它居中很重要。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

進入通道,隨便復制一個通道,反色,高斯模糊。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

復制一層,清除掉圖層樣式,重新添加圖層樣式,完成后復制一層,CTRL+T縮小一點。

臨摹鼠繪錄音機圖片的Photoshop教程

 

鑒于時間的關系,我不再詳細講解這個錄音帶盤的制作過程,反正也就這么幾個效果,如果有人喜歡我可以在以后單獨做個詳細的教程,這是完成圖。

臨摹鼠繪錄音機圖片的Photoshop教程

 

把它復制到錄音機上。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

進入收尾階段,底下的一個墊腳,同樣給一點漸變之后復制到右邊。

臨摹鼠繪錄音機圖片的Photoshop教程

 

 

做陰影我有自己的土辦法,先用一個畫筆點一下,然后CTRL+T。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

機箱周圍的幾顆螺絲 復制到各個位置。

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

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

臨摹鼠繪錄音機圖片的Photoshop教程

 

加上一些英語外教都不認識的英文。

臨摹鼠繪錄音機圖片的Photoshop教程

 

大功告成!

臨摹鼠繪錄音機圖片的Photoshop教程

 

這是最后完成的大圖 。

臨摹鼠繪錄音機圖片的Photoshop教程

 

標簽(TAG) Photoshop教程