教你用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