當前位置:製作窩 >

創意設計 >設計教程 >

教你用PS繪製逼真的富士X100相機圖示

教你用PS繪製逼真的富士X100相機圖示

圖示製作中會有很多的樂趣。簡單的圖示是比較容易創造的,但更逼真的圖示更具有挑戰性。在今天的教程中,我們將詳細演示如何在Photoshop中建立一個的富士X100相機圖示。這篇翻譯教程有點長,但絕對值得你認真看下去。

最終效果圖預覽

教你用PS繪製逼真的富士X100相機圖示


圖00

教程相關資源

以下資源將在本教程中採用

1.富士X100相機原圖(點選可以放大)

教你用PS繪製逼真的富士X100相機圖示 第2張

圖01

2.皮革材質設計教程(點選這裡檢視)

教你用PS繪製逼真的富士X100相機圖示 第3張

圖02

第一步

在Photoshop建立一副新的影象,解析度設定為1024×1024畫素。

教你用PS繪製逼真的富士X100相機圖示 第4張

圖03

第二步

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

教你用PS繪製逼真的富士X100相機圖示 第5張

圖04

第三步

載入金屬層並按住Ctrl鍵用滑鼠點選選擇圖層面板的金屬層,新增如下的漸變樣式的調整圖層,然後轉換為智慧物件的漸變層,並新增一些雜色:濾鏡>雜色>新增雜色。

教你用PS繪製逼真的富士X100相機圖示 第6張

圖05

第四步

新增顏色調整圖層,並選擇黑色。然後用畫筆工具(B)圖畫至圖層蒙版,用軟刷製造類似下面的金屬陰影。為了達到更好的效果降低畫筆的不透明度。設定為剪貼蒙版層。

教你用PS繪製逼真的富士X100相機圖示 第7張

圖06

第五步

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

教你用PS繪製逼真的富士X100相機圖示 第8張

圖07

第六步

建立上面的金屬反射效果,選擇鋼筆工具(P)並且跟蹤一個白色的基本形狀。轉換為智慧物件,並新增高斯模糊濾鏡,在選單:濾鏡>模糊>高斯模糊。你必須重複這一過程對其他反射效果。正如你可以看到我已經添加了左側部分反映一點點陰影圖層樣式。儘量降低圖層的不透明度了。

教你用PS繪製逼真的富士X100相機圖示 第9張

圖08

第七步

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

教你用PS繪製逼真的富士X100相機圖示 第10張

圖09

教你用PS繪製逼真的富士X100相機圖示 第11張

圖10

第八步

現在用矩形形狀工具繪製一個暗灰色的矩形,並且新增一個近距離的內陰影圖層樣式。重複這個矩形,並且這一次設定更高的距離值。使用下面的圖片作為參考。

教你用PS繪製逼真的富士X100相機圖示 第12張

圖11

第九步

用橢圓形狀工具繪製一個深藍色的形狀,並新增以下樣式。

教你用PS繪製逼真的富士X100相機圖示 第13張

圖12

教你用PS繪製逼真的富士X100相機圖示 第14張

圖13

第十步

用相同的工具建立另一個形狀,但使用白色,並新增以下樣式。

教你用PS繪製逼真的富士X100相機圖示 第15張

圖14

教你用PS繪製逼真的富士X100相機圖示 第16張

圖15

第十一步

在徑向模式並按照下面的梯度設定下新增一個漸變調整工具來度建立一個玻璃反射效果。使用圖層蒙版來限制反射效果。

教你用PS繪製逼真的富士X100相機圖示 第17張

圖16

第十二步

下一步是繪製一個矩形的形狀和新增這種樣式。然後減少該形狀,填充不透明度為0%。

教你用PS繪製逼真的富士X100相機圖示 第18張

圖17

第十三步

如下,使用常用的色彩調整層為金屬部分建立一些陰影。然後建立一個灰色的矩形形狀並新增高斯模糊濾鏡。將形狀放置在取景器下,並設定混合模式為疊加,不透明度為33%。

教你用PS繪製逼真的富士X100相機圖示 第19張

圖18

第十四步

取景器搞定。讓我們開始製作閃光燈。畫出準確的形狀並新增此圖層樣式。

教你用PS繪製逼真的富士X100相機圖示 第20張

圖19

教你用PS繪製逼真的富士X100相機圖示 第21張

圖20

教你用PS繪製逼真的富士X100相機圖示 第22張

圖21

第十五步

重複此步驟,但這次使用這個圖層樣式來替代。如果你喜歡,你可以新增一個亮度/對比度圖層調整,照亮閃光燈,就像我做的那樣。

教你用PS繪製逼真的富士X100相機圖示 第23張

圖22

教你用PS繪製逼真的富士X100相機圖示 第24張

圖23

教你用PS繪製逼真的富士X100相機圖示 第25張

圖24

第十六步

對於快門按鈕,我們使用圓形工具(U)建立一個細的形狀如下。接下來,新增一個這種風格的漸變調整層。現在,所有你所要做的的是拖放前文中形狀圖層的向量圖層蒙版漸變之一。簡單且容易。最後加少許的內陰影圖層樣式的漸變圖層。

教你用PS繪製逼真的富士X100相機圖示 第26張

圖25

第十七步

重複兩次前面的層。然後按下按鍵CTRL+ T減少其寬度,按下面的方式排列它們。

教你用PS繪製逼真的富士X100相機圖示 第27張

圖26

第十八步

下面建立相機手柄,用圓角矩形工具(U)繪製形狀新增下面的圖層樣式。

教你用PS繪製逼真的富士X100相機圖示 第28張

圖27

教你用PS繪製逼真的富士X100相機圖示 第29張

圖28

教你用PS繪製逼真的富士X100相機圖示 第30張

圖29

第十九步

使用矩形工具繪製一個小矩形,並把它放在以前的形狀的下面。接下來新增下面的圖層樣式。重複手柄並放置在影象的下方。

教你用PS繪製逼真的富士X100相機圖示 第31張

圖30


第二十步

用圓角矩形工具(U)在閃光燈和取景器之間建立一個小形狀並新增以下圖層樣式。

教你用PS繪製逼真的富士X100相機圖示 第32張

圖31

第二十一步

用橢圓形狀工具(U)繪製兩個圓形,第一個用黑色另一個用暗黃色。然後新增下下面的圖層樣式。

教你用PS繪製逼真的富士X100相機圖示 第33張

圖32

教你用PS繪製逼真的富士X100相機圖示 第34張

圖33

第二十二步

用橢圓形狀工具(U)繪製另一個,並使用金屬顏色。然後新增下面圖層樣式。現在重複這個圓形,並按鍵其按Ctrl + T縮小他的尺寸,僅給一個橢圓加上陰影樣式。

教你用PS繪製逼真的富士X100相機圖示 第35張

圖34

教你用PS繪製逼真的富士X100相機圖示 第36張

圖35

教你用PS繪製逼真的富士X100相機圖示 第37張

圖36

第二十三步

然後畫出的最後一圓,並新增以下圖層樣式來創造金屬反射效果。

教你用PS繪製逼真的富士X100相機圖示 第38張

圖37

教你用PS繪製逼真的富士X100相機圖示 第39張

圖38

第二十四步

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

教你用PS繪製逼真的富士X100相機圖示 第40張

圖39

教你用PS繪製逼真的富士X100相機圖示 第41張

圖40

教你用PS繪製逼真的富士X100相機圖示 第42張

圖41

教你用PS繪製逼真的富士X100相機圖示 第43張

圖42

第二十五步

使用另一個圓角矩形的形狀,來實現小的紅色標誌。並應用此圖層樣式。

教你用PS繪製逼真的富士X100相機圖示 第44張

圖43

第二十六步

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

教你用PS繪製逼真的富士X100相機圖示 第45張

圖44

第二十七步

質地完成後,你可以新增一個調整圖層,改變了他的亮度。然後給中間形狀層新增此圖層樣式。

教你用PS繪製逼真的富士X100相機圖示 第46張

圖45

教你用PS繪製逼真的富士X100相機圖示 第47張

圖46

第二十八步

讓我們再來做鏡頭。首先,畫一個金屬色的圓並新增這種風格。

教你用PS繪製逼真的富士X100相機圖示 第48張

圖47

教你用PS繪製逼真的富士X100相機圖示 第49張

圖48

第二十九步

繪製另一個小圓圈,並換成這種圖層樣式來新增。然後選擇圖層面板的兩個圓圈層並把它們合併成一個智慧物件。最後,通過:濾鏡>雜色>新增雜色 新增一些雜色。

教你用PS繪製逼真的富士X100相機圖示 第50張

圖49

教你用PS繪製逼真的富士X100相機圖示 第51張

圖50

教你用PS繪製逼真的富士X100相機圖示 第52張

圖51

第三十步

選擇暗灰色並在下面畫一個圓圈。新增此圖層樣式。

教你用PS繪製逼真的富士X100相機圖示 第53張

圖52

教你用PS繪製逼真的富士X100相機圖示 第54張

圖53

第三十一步

現在我們需要建立其他三個圓。這是第一個的圖層樣式。

教你用PS繪製逼真的富士X100相機圖示 第55張

圖54

教你用PS繪製逼真的富士X100相機圖示 第56張

圖55

第三十二步

這是第二個的樣式。

教你用PS繪製逼真的富士X100相機圖示 第57張

圖56

教你用PS繪製逼真的富士X100相機圖示 第58張

圖57

第三十三步

最後一個。

教你用PS繪製逼真的富士X100相機圖示 第59張

圖58

教你用PS繪製逼真的富士X100相機圖示 第60張

圖59

教你用PS繪製逼真的富士X100相機圖示 第61張

圖60

第三十四步

建立另一個圓,並減少在圖層面板的填充不透明度為0%。然後用深綠色新增薄薄的一層筆觸樣式。然後重複,並轉化為下面的圓圈。

教你用PS繪製逼真的富士X100相機圖示 第62張

圖61

第三十五步

對於鏡頭玻璃過程都是一樣的。按照下面的圖層樣式新增一個圓。

教你用PS繪製逼真的富士X100相機圖示 第63張

圖62

教你用PS繪製逼真的富士X100相機圖示 第64張

圖63

教你用PS繪製逼真的富士X100相機圖示 第65張

圖64

教你用PS繪製逼真的富士X100相機圖示 第66張

圖65

教你用PS繪製逼真的富士X100相機圖示 第67張

圖66

第三十六步

在第一個內新增第二個較小的圓用下面的圖層樣式。

教你用PS繪製逼真的富士X100相機圖示 第68張

圖67

教你用PS繪製逼真的富士X100相機圖示 第69張

圖68

教你用PS繪製逼真的富士X100相機圖示 第70張

圖69

第三十七步

畫一個與第36步大小相同的圓圈,並使用此圖層樣式新增一個反射效果。嘗試改變漸變的位置,讓這個圖層樣式視窗在畫布上通過簡單的點選開啟的。

教你用PS繪製逼真的富士X100相機圖示 第71張

圖70

教你用PS繪製逼真的富士X100相機圖示 第72張

圖71

第三十八步

鏡頭內新增一些文字。為了實現這個弧形樣式,用橢圓工具(U)建立一個圓形路徑,然後用文字工具點選路徑上並新增文字。

教你用PS繪製逼真的富士X100相機圖示 第73張

圖72

第三十九步

用鋼筆工具繪製一個黑色的C形狀並新增此圖層樣式。

教你用PS繪製逼真的富士X100相機圖示 第74張

圖73

教你用PS繪製逼真的富士X100相機圖示 第75張

圖74

教你用PS繪製逼真的富士X100相機圖示 第76張

圖75

第四十步

在C形下面用這種風格新增一個黑色矩形形狀。

教你用PS繪製逼真的富士X100相機圖示 第77張

圖76

教你用PS繪製逼真的富士X100相機圖示 第78張

圖77

教你用PS繪製逼真的富士X100相機圖示 第79張

圖78

第四十一步

最後繪製另一個形狀像下面這層樣式。

教你用PS繪製逼真的富士X100相機圖示 第80張

圖79

教你用PS繪製逼真的富士X100相機圖示 第81張

圖80

教你用PS繪製逼真的富士X100相機圖示 第82張

圖81

第四十二步

最後一步是用鋼筆工具(P)新增兩個小金屬形狀。

教你用PS繪製逼真的富士X100相機圖示 第83張

圖82

最終效果圖

至此,富士X100終於完成了!我添加了一個自定義的背景。當然,你也可以自定義你喜歡的圖示。最後提示:可以用USM銳化過濾器提高銳化。希望你喜歡它!

教你用PS繪製逼真的富士X100相機圖示 第84張

圖83

  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/xzkpg.html