當(dāng)前位置:首頁>ps實例教程>ps繪畫教程>鼠繪教程>教程內(nèi)容

ps畫逼真富士X100相機(jī)(6)

來源:pconline 作者:UISHEJI翻譯 作者:佚名  學(xué)習(xí):1768人次

圖標(biāo)制作中會有很多的樂趣。簡單的圖標(biāo)是比較容易創(chuàng)造的,但更逼真的圖標(biāo)更具有挑戰(zhàn)性。在今天的教程中,我們將詳細(xì)演示如何在Photoshop中創(chuàng)建一個的富士X100相機(jī)圖標(biāo)。這篇翻譯教程有點長,但絕對值得你認(rèn)真看下去

最終效果圖預(yù)覽

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖00

教程相關(guān)資源

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖01

2.皮革材質(zhì)設(shè)計教程

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖02

第一步

在Photoshop創(chuàng)建一副新的圖像,分辨率設(shè)置為1024×1024像素。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖03

第二步

然后置入照相機(jī)原圖用作引用,用鋼筆工具(P)開始跟蹤底部的金屬部分。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖04

第三步

載入金屬層并按住Ctrl鍵用鼠標(biāo)點擊選擇圖層面板的金屬層,添加如下的漸變樣式的調(diào)整圖層,然后轉(zhuǎn)換為智能對象的漸變層,并添加一些雜色:濾鏡>雜色>添加雜色。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖05

第四步

添加顏色調(diào)整圖層,并選擇黑色。然后用畫筆工具(B)圖畫至圖層蒙版,用軟刷制造類似下面的金屬陰影。為了達(dá)到更好的效果降低畫筆的不透明度。設(shè)置為剪貼蒙版層。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖06

2制作相機(jī)上部金屬和取景器

第五步

對于上部的金屬部分做法與底部相同(步驟3-4),但這次不使用漸變調(diào)整層。使用色彩調(diào)整圖層來代替。這是因為金屬反射有一點復(fù)雜。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖07

第六步

創(chuàng)建上面的金屬反射效果,選擇鋼筆工具(P)并且跟蹤一個白色的基本形狀。轉(zhuǎn)換為智能對象,并添加高斯模糊濾鏡,在菜單:濾鏡>模糊>高斯模糊。你必須重復(fù)這一過程對其他反射效果。正如你可以看到我已經(jīng)添加了左側(cè)部分反映一點點陰影圖層樣式。盡量降低圖層的不透明度了。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖08

第七步

取景器是由兩個主要部分組成。我們將從外部的一部分開始。用圓角矩形形狀工具(U)繪制如下一個暗灰色的矩形,并添加以下樣式。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖09

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖10

第八步

現(xiàn)在用矩形形狀工具繪制一個暗灰色的矩形,并且添加一個近距離的內(nèi)陰影圖層樣式。重復(fù)這個矩形,并且這一次設(shè)置更高的距離值。使用下面的圖片作為參考。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖11

3制作取景器光暈效果

第九步

用橢圓形狀工具繪制一個深藍(lán)色的形狀,并添加以下樣式。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖12

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖13

第十步

用相同的工具創(chuàng)建另一個形狀,但使用白色,并添加以下樣式。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖14

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖15

第十一步

在徑向模式并按照下面的梯度設(shè)置下添加一個漸變調(diào)整工具來度創(chuàng)建一個玻璃反射效果。使用圖層蒙版來限制反射效果。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖16


第十二步

下一步是繪制一個矩形的形狀和添加這種樣式。然后減少該形狀,填充不透明度為0%。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖17

4制作相機(jī)閃光燈

第十三步

如下,使用常用的色彩調(diào)整層為金屬部分創(chuàng)建一些陰影。然后創(chuàng)建一個灰色的矩形形狀并添加高斯模糊濾鏡。將形狀放置在取景器下,并設(shè)置混合模式為疊加,不透明度為33%。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖18

第十四步

取景器搞定。讓我們開始制作閃光燈。畫出準(zhǔn)確的形狀并添加此圖層樣式。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖19

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖20

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖21

第十五步

重復(fù)此步驟,但這次使用這個圖層樣式來替代。如果你喜歡,你可以添加一個亮度/對比度圖層調(diào)整,照亮閃光燈,就像我做的那樣。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖22

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖23

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖24

5制作快門按鈕和手柄

第十六步

對于快門按鈕,我們使用圓形工具(U)創(chuàng)建一個細(xì)的形狀如下。接下來,添加一個這種風(fēng)格的漸變調(diào)整層,F(xiàn)在,所有你所要做的的是拖放前文中形狀圖層的矢量圖層蒙版漸變之一。簡單且容易。最后加少許的內(nèi)陰影圖層樣式的漸變圖層。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖25

第十七步

重復(fù)兩次前面的層。然后按下按鍵CTRL+ T減少其寬度,按下面的方式排列它們。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖26

第十八步

下面創(chuàng)建相機(jī)手柄,用圓角矩形工具(U)繪制形狀添加下面的圖層樣式。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖27

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖28

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖29


第十九步

使用矩形工具繪制一個小矩形,并把它放在以前的形狀的下面。接下來添加下面的圖層樣式。重復(fù)手柄并放置在圖像的下方。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖30

6制作相機(jī)輔助對焦器

第二十步

用圓角矩形工具(U)在閃光燈和取景器之間創(chuàng)建一個小形狀并添加以下圖層樣式。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖31

第二十一步

用橢圓形狀工具(U)繪制兩個圓形,第一個用黑色另一個用暗黃色。然后添加下下面的圖層樣式。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖32

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖33

第二十二步

用橢圓形狀工具(U)繪制另一個,并使用金屬顏色。然后添加下面圖層樣式,F(xiàn)在重復(fù)這個圓形,并按鍵其按Ctrl + T縮小他的尺寸,僅給一個橢圓加上陰影樣式。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖34

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖35

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖36

7制作金屬調(diào)節(jié)按鈕

第二十三步

然后畫出的最后一圓,并添加以下圖層樣式來創(chuàng)造金屬反射效果。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖37

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖38

第二十四步

用鋼筆工具(P)繪制出一個像下面一樣的形狀,并像往常一樣使用金屬顏色。并且添加下面的圖層樣式。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖39

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖40

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖41

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖42

8添加相機(jī)的皮質(zhì)表面

第二十五步

使用另一個圓角矩形的形狀,來實現(xiàn)小的紅色標(biāo)志。并應(yīng)用此圖層樣式。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖43

第二十六步

對于中間部分,使用鋼筆工具(P)與深灰色畫出相應(yīng)的形狀。對于皮革紋理材質(zhì)制作,你可以參考這個教程:皮革材質(zhì)PS制作。正如您可能會注意到,我已經(jīng)添加另一個洞,一個黑色的小按鈕形狀和按鈕部分底部的兩個小陰影。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖44

第二十七步

質(zhì)地完成后,你可以添加一個調(diào)整圖層,改變了他的亮度。然后給中間形狀層添加此圖層樣式。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖45

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖46


第二十八步

讓我們再來做鏡頭。首先,畫一個金屬色的圓并添加這種風(fēng)格。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖47

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖48

9繪制鏡頭圓圈

第二十九步

繪制另一個小圓圈,并換成這種圖層樣式來添加。然后選擇圖層面板的兩個圓圈層并把它們合并成一個智能對象。最后,通過:濾鏡>雜色>添加雜色 添加一些雜色。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖49

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖50

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖51

第三十步

選擇暗灰色并在下面畫一個圓圈。添加此圖層樣式。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖52

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖53

10完成鏡頭所需圓圈

第三十一步

現(xiàn)在我們需要創(chuàng)建其他三個圓。這是第一個的圖層樣式。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖54

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖55

第三十二步

這是第二個的樣式。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖56

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖57

第三十三步

最后一個。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖58

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖59

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖60

11制作鏡頭玻璃

第三十四步

創(chuàng)建另一個圓,并減少在圖層面板的填充不透明度為0%。然后用深綠色添加薄薄的一層筆觸樣式。然后重復(fù),并轉(zhuǎn)化為下面的圓圈。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖61


第三十五步

對于鏡頭玻璃過程都是一樣的。按照下面的圖層樣式添加一個圓。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖62

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖63

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖64

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖65

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖66

12制作鏡頭上面的參數(shù)文字

第三十六步

在第一個內(nèi)添加第二個較小的圓用下面的圖層樣式。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖67

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖68

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖69

第三十七步

畫一個與第36步大小相同的圓圈,并使用此圖層樣式添加一個反射效果。嘗試改變漸變的位置,讓這個圖層樣式窗口在畫布上通過簡單的點擊打開的。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖70

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖71

第三十八步

鏡頭內(nèi)添加一些文字。為了實現(xiàn)這個弧形樣式,用橢圓工具(U)創(chuàng)建一個圓形路徑,然后用文字工具點擊路徑上并添加文本。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖72

13繪制相機(jī)側(cè)邊矩形結(jié)構(gòu)

第三十九步

用鋼筆工具繪制一個黑色的C形狀并添加此圖層樣式。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖73

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖74

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖75

第四十步

在C形下面用這種風(fēng)格添加一個黑色矩形形狀。

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖76

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖77

Photoshop制作逼真富士X100相機(jī)圖標(biāo)

圖78

 

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!