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

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

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

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

最終效果圖預(yù)覽

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

圖00

教程相關(guān)資源

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

圖01

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

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

圖02

第一步

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

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

圖03

第二步

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

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

圖04

第三步

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

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

圖05

第四步

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

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

圖06

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

第五步

對(duì)于上部的金屬部分做法與底部相同(步驟3-4),但這次不使用漸變調(diào)整層。使用色彩調(diào)整圖層來(lái)代替。這是因?yàn)榻饘俜瓷溆幸稽c(diǎn)復(fù)雜。

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

圖07

第六步

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

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

圖08

第七步

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

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

圖09

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

圖10

第八步

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

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

圖11

3制作取景器光暈效果

第九步

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

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

圖12

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

圖13

第十步

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

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

圖14

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

圖15

第十一步

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

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

圖16


第十二步

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

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

圖17

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

第十三步

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

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

圖18

第十四步

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

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

圖19

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

圖20

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

圖21

第十五步

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

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

圖22

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

圖23

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

圖24

5制作快門(mén)按鈕和手柄

第十六步

對(duì)于快門(mén)按鈕,我們使用圓形工具(U)創(chuàng)建一個(gè)細(xì)的形狀如下。接下來(lái),添加一個(gè)這種風(fēng)格的漸變調(diào)整層,F(xiàn)在,所有你所要做的的是拖放前文中形狀圖層的矢量圖層蒙版漸變之一。簡(jiǎ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


第十九步

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

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

圖30

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

第二十步

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

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

圖31

第二十一步

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

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

圖32

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

圖33

第二十二步

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

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

圖34

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

圖35

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

圖36

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

第二十三步

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

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

圖37

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

圖38

第二十四步

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

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ì)表面

第二十五步

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

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

圖43

第二十六步

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

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

圖44

第二十七步

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

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

圖45

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

圖46


第二十八步

讓我們?cè)賮?lái)做鏡頭。首先,畫(huà)一個(gè)金屬色的圓并添加這種風(fēng)格。

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

圖47

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

圖48

9繪制鏡頭圓圈

第二十九步

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

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

圖49

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

圖50

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

圖51

第三十步

選擇暗灰色并在下面畫(huà)一個(gè)圓圈。添加此圖層樣式。

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

圖52

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

圖53

10完成鏡頭所需圓圈

第三十一步

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

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

圖54

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

圖55

第三十二步

這是第二個(gè)的樣式。

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

圖56

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

圖57

第三十三步

最后一個(gè)。

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

圖58

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

圖59

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

圖60

11制作鏡頭玻璃

第三十四步

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

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

圖61


第三十五步

對(duì)于鏡頭玻璃過(guò)程都是一樣的。按照下面的圖層樣式添加一個(gè)圓。

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ù)文字

第三十六步

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

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

圖67

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

圖68

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

圖69

第三十七步

畫(huà)一個(gè)與第36步大小相同的圓圈,并使用此圖層樣式添加一個(gè)反射效果。嘗試改變漸變的位置,讓這個(gè)圖層樣式窗口在畫(huà)布上通過(guò)簡(jiǎn)單的點(diǎn)擊打開(kāi)的。

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

圖70

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

圖71

第三十八步

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

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

圖72

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

第三十九步

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

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

圖73

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

圖74

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

圖75

第四十步

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

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

圖76

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

圖77

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

圖78

 

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

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

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

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