photoshop-realistic-radio-icon-1

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

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

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

1syj20150620

效果是真的好,讓我不僅手癢癢,而且還牙癢癢,我決定來臨摹這個放音機~

下面開始臨摹過程,為了效率起見,我不打算詳細解說使用那些樣式或者濾鏡之類的話~

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

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

2syj20150620

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

3syj20150620

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

4syj20150620

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

5syj20150620

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

6syj20150620

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

7syj20150620

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

8syj20150620

百度了一張星空圖。

9syj20150620

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

10syj20150620

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

11syj20150620

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

12syj20150620

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

13syj20150620

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

14syj20150620

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

15syj20150620

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

16syj20150620

添加漸變和內發光。

17syj20150620

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

18syj20150620

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

19syj20150620

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

20syj20150620

組合。

21syj20150620

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

22syj20150620

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

23syj20150620

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

24syj20150620

添加漸變和內發光。

25syj20150620

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

26syj20150620

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

27syj20150620

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

28syj20150620

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

29syj20150620

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

30syj20150620

現在科學了。

31syj20150620

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

33syj20150620

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

32syj20150620

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

34syj20150620

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

35syj20150620

中場休息,看下半成品。

36syj20150620

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

37syj20150620

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

38syj20150620

旋鈕上面的小把手。

39syj20150620

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

40syj20150620

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

41syj20150620

按鈕的凹槽。

42syj20150620

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

43syj20150620

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

44syj20150620

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

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

45syj20150620

旋鈕的凹槽。

46syj20150620

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

47syj20150620

旋鈕的漸變設置。

48syj20150620

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

49syj20150620

又是一個凹槽,這里將會出現一大堆的東西。

50syj20150620

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

51syj20150620

插孔的雛形。

52syj20150620

插孔的金屬部件。

53syj20150620

插孔里的卡簧。

54syj20150620

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

55syj20150620

凹槽里的凹槽。

56syj20150620

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

57syj20150620

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

58syj20150620

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

59syj20150620

只有一盞等亮著。

60syj20150620

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

61syj20150620

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

62syj20150620

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

63syj20150620

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

64syj20150620

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

65syj20150620

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

66syj20150620

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

67syj20150620

把那些旋鈕安排在該出現的地方。

68syj20150620

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

69syj20150620

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

70syj20150620

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

71syj20150620

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

72syj20150620

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

73syj20150620

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

74syj20150620

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

75syj20150620

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

76syj20150620

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

77syj20150620

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

78syj20150620

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

79syj20150620

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

80syj20150620

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

81syj20150620

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

82syj20150620

把它復制到錄音機上。

83syj20150620

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

84syj20150620

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

85syj20150620

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

86syj20150620

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

87syj20150620

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

88syj20150620

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

89syj20150620

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

90syj20150620

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

91syj20150620

這里我放了一個杜比環繞音LOGO 杜比很牛啊。

93syj20150620

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

94syj20150620

大功告成!

95syj20150620

這是最后完成的大圖 。

96syj20150620

【優設五月PS教程人氣榜】

Top 1:高手教你調出澄澈純凈色調!
《PS高手教程!后期如何調出畫面文藝澄凈的風格?》

Top 2:效果超級贊的時鐘圖標!
《PS圖標教程!手把手教你繪制一枚幻彩絢麗的時鐘》

Top 3:清新淡雅的圖標教程一枚!
《PS新手教程!手把手教你繪制一枚淡雅的播放器圖標》

作者:_projava_

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量97萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的”福利”嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

sdcweixin

點贊
收藏 2

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏