Photoshop创建富士X100相机图标的制作教程

这篇翻译教程有点长,但绝对值得你认真看下去。
最终效果图预览
Photoshop创建富士X100相机图标的制作教程
图00
教程相关资源
Photoshop创建富士X100相机图标的制作教程
图01
2.皮革材质设计教程
Photoshop创建富士X100相机图标的制作教程
图02
第一步
在Photoshop创建一副新的图像,分辨率设置为1024×1024像素。
Photoshop创建富士X100相机图标的制作教程
图03
第二步
然后置入照相机原图用作引用,用钢笔工具(P)开始跟踪底部的金属部分。
Photoshop创建富士X100相机图标的制作教程
图04
第三步
载入金属层并按住Ctrl键用鼠标点击选择图层面板的金属层,添加如下的渐变样式的调整图层,然后转换为智能对象的渐变层,并添加一些杂色:滤镜>杂色>添加杂色。
Photoshop创建富士X100相机图标的制作教程
图05
第四步
添加颜色调整图层,并选择黑色。然后用画笔工具(B)图画至图层蒙版,用软刷制造类似下面的金属阴影。为了达到更好的效果降低画笔的不透明度。设置为剪贴蒙版层。
Photoshop创建富士X100相机图标的制作教程
图06
2制作相机上部金属和取景器
第五步
对于上部的金属部分做法与底部相同(步骤3-4),但这次不使用渐变调整层。使用色彩调整图层来代替。这是因为金属反射有一点复杂。
Photoshop创建富士X100相机图标的制作教程
图07
第六步
创建上面的金属反射效果,选择钢笔工具(P)并且跟踪一个白色的基本形状。转换为智能对象,并添加高斯模糊滤镜,在菜单:滤镜>模糊>高斯模糊。你必须重复这一过程对其他反射效果。正如你可以看到我已经添加了左侧部分反映一点点阴影图层样式。尽量降低图层的不透明度了。
Photoshop创建富士X100相机图标的制作教程
图08
第七步
取景器是由两个主要部分组成。我们将从外部的一部分开始。用圆角矩形形状工具(U)绘制如下一个暗灰色的矩形,并添加以下样式。
Photoshop创建富士X100相机图标的制作教程
图09
Photoshop创建富士X100相机图标的制作教程
图10
第八步
现在用矩形形状工具绘制一个暗灰色的矩形,并且添加一个近距离的内阴影图层样式。重复这个矩形,并且这一次设置更高的距离值。使用下面的图片作为参考。
Photoshop创建富士X100相机图标的制作教程
图11
3制作取景器光晕效果
第九步
用椭圆形状工具绘制一个深蓝色的形状,并添加以下样式。
Photoshop创建富士X100相机图标的制作教程
图12
Photoshop创建富士X100相机图标的制作教程
图13
第十步
用相同的工具创建另一个形状,但使用白色,并添加以下样式。
Photoshop创建富士X100相机图标的制作教程
图14
Photoshop创建富士X100相机图标的制作教程
图15
第十一步
在径向模式并按照下面的梯度设置下添加一个渐变调整工具来度创建一个玻璃反射效果。使用图层蒙版来限制反射效果。
Photoshop创建富士X100相机图标的制作教程
图16

第十二步
下一步是绘制一个矩形的形状和添加这种样式。然后减少该形状,填充不透明度为0%。
Photoshop创建富士X100相机图标的制作教程
图17
4制作相机闪光灯
第十三步
如下,使用常用的色彩调整层为金属部分创建一些阴影。然后创建一个灰色的矩形形状并添加高斯模糊滤镜。将形状放置在取景器下,并设置混合模式为叠加,不透明度为33%。
Photoshop创建富士X100相机图标的制作教程
图18
第十四步
取景器搞定。让我们开始制作闪光灯。画出准确的形状并添加此图层样式。
Photoshop创建富士X100相机图标的制作教程
图19
Photoshop创建富士X100相机图标的制作教程
图20
Photoshop创建富士X100相机图标的制作教程
图21
第十五步
重复此步骤,但这次使用这个图层样式来替代。如果你喜欢,你可以添加一个亮度/对比度图层调整,照亮闪光灯,就像我做的那样。
Photoshop创建富士X100相机图标的制作教程
图22
Photoshop创建富士X100相机图标的制作教程
图23
Photoshop创建富士X100相机图标的制作教程
图24
5制作快门按钮和手柄
第十六步
对于快门按钮,我们使用圆形工具(U)创建一个细的形状如下。接下来,添加一个这种风格的渐变调整层。现在,所有你所要做的的是拖放前文中形状图层的矢量图层蒙版渐变之一。简单且容易。最后加少许的内阴影图层样式的渐变图层。
Photoshop创建富士X100相机图标的制作教程
图25
第十七步
重复两次前面的层。然后按下按键CTRL+ T减少其宽度,按下面的方式排列它们。
Photoshop创建富士X100相机图标的制作教程
图26
第十八步
下面创建相机手柄,用圆角矩形工具(U)绘制形状添加下面的图层样式。
Photoshop创建富士X100相机图标的制作教程
图27
Photoshop创建富士X100相机图标的制作教程
图28
Photoshop创建富士X100相机图标的制作教程
图29

第十九步
使用矩形工具绘制一个小矩形,并把它放在以前的形状的下面。接下来添加下面的图层样式。重复手柄并放置在图像的下方。
Photoshop创建富士X100相机图标的制作教程
图30
6制作相机辅助对焦器
第二十步
用圆角矩形工具(U)在闪光灯和取景器之间创建一个小形状并添加以下图层样式。
Photoshop创建富士X100相机图标的制作教程
图31
第二十一步
用椭圆形状工具(U)绘制两个圆形,第一个用黑色另一个用暗黄色。然后添加下下面的图层样式。
Photoshop创建富士X100相机图标的制作教程
图32
Photoshop创建富士X100相机图标的制作教程
图33
第二十二步
用椭圆形状工具(U)绘制另一个,并使用金属颜色。然后添加下面图层样式。现在重复这个圆形,并按键其按Ctrl + T缩小他的尺寸,仅给一个椭圆加上阴影样式。
Photoshop创建富士X100相机图标的制作教程
图34
Photoshop创建富士X100相机图标的制作教程
图35
Photoshop创建富士X100相机图标的制作教程
图36

7制作金属调节按钮
第二十三步
然后画出的最后一圆,并添加以下图层样式来创造金属反射效果。
Photoshop创建富士X100相机图标的制作教程
图37
Photoshop创建富士X100相机图标的制作教程
图38
第二十四步
用钢笔工具(P)绘制出一个像下面一样的形状,并像往常一样使用金属颜色。并且添加下面的图层样式。
Photoshop创建富士X100相机图标的制作教程
图39
Photoshop创建富士X100相机图标的制作教程
图40
Photoshop创建富士X100相机图标的制作教程
图41
Photoshop创建富士X100相机图标的制作教程
图42
8添加相机的皮质表面
第二十五步
使用另一个圆角矩形的形状,来实现小的红色标志。并应用此图层样式。
Photoshop创建富士X100相机图标的制作教程
图43
第二十六步
对于中间部分,使用钢笔工具(P)与深灰色画出相应的形状。对于皮革纹理材质制作,你可以参考这个教程:皮革材质PS制作。正如您可能会注意到,我已经添加另一个洞,一个黑色的小按钮形状和按钮部分底部的两个小阴影。
Photoshop创建富士X100相机图标的制作教程
图44
第二十七步
质地完成后,你可以添加一个调整图层,改变了他的亮度。然后给中间形状层添加此图层样式。
Photoshop创建富士X100相机图标的制作教程
图45
Photoshop创建富士X100相机图标的制作教程
图46

第二十八步
让我们再来做镜头。首先,画一个金属色的圆并添加这种风格。
Photoshop创建富士X100相机图标的制作教程
图47
Photoshop创建富士X100相机图标的制作教程
图48
9绘制镜头圆圈
第二十九步
绘制另一个小圆圈,并换成这种图层样式来添加。然后选择图层面板的两个圆圈层并把它们合并成一个智能对象。最后,通过:滤镜>杂色>添加杂色 添加一些杂色。
Photoshop创建富士X100相机图标的制作教程
图49
Photoshop创建富士X100相机图标的制作教程
图50
Photoshop创建富士X100相机图标的制作教程
图51
第三十步
选择暗灰色并在下面画一个圆圈。添加此图层样式。
Photoshop创建富士X100相机图标的制作教程
图52
Photoshop创建富士X100相机图标的制作教程
图53
10完成镜头所需圆圈
第三十一步
现在我们需要创建其他三个圆。这是第一个的图层样式。
Photoshop创建富士X100相机图标的制作教程
图54
Photoshop创建富士X100相机图标的制作教程
图55
第三十二步
这是第二个的样式。
Photoshop创建富士X100相机图标的制作教程
图56
Photoshop创建富士X100相机图标的制作教程
图57
第三十三步
最后一个。
Photoshop创建富士X100相机图标的制作教程
图58
Photoshop创建富士X100相机图标的制作教程
图59
Photoshop创建富士X100相机图标的制作教程
图60
11制作镜头玻璃
第三十四步
创建另一个圆,并减少在图层面板的填充不透明度为0%。然后用深绿色添加薄薄的一层笔触样式。然后重复,并转化为下面的圆圈。
Photoshop创建富士X100相机图标的制作教程
图61

第三十五步
对于镜头玻璃过程都是一样的。按照下面的图层样式添加一个圆。
Photoshop创建富士X100相机图标的制作教程
图62
Photoshop创建富士X100相机图标的制作教程
图63
Photoshop创建富士X100相机图标的制作教程
图64
Photoshop创建富士X100相机图标的制作教程
图65
Photoshop创建富士X100相机图标的制作教程
图66
12制作镜头上面的参数文字
第三十六步
在第一个内添加第二个较小的圆用下面的图层样式。
Photoshop创建富士X100相机图标的制作教程
图67
Photoshop创建富士X100相机图标的制作教程
图68
Photoshop创建富士X100相机图标的制作教程
图69
第三十七步
画一个与第36步大小相同的圆圈,并使用此图层样式添加一个反射效果。尝试改变渐变的位置,让这个图层样式窗口在画布上通过简单的点击打开的。
Photoshop创建富士X100相机图标的制作教程
图70
Photoshop创建富士X100相机图标的制作教程
图71
第三十八步
镜头内添加一些文字。为了实现这个弧形样式,用椭圆工具(U)创建一个圆形路径,然后用文字工具点击路径上并添加文本。
Photoshop创建富士X100相机图标的制作教程
图72
13绘制相机侧边矩形结构
第三十九步
用钢笔工具绘制一个黑色的C形状并添加此图层样式。
Photoshop创建富士X100相机图标的制作教程
图73
Photoshop创建富士X100相机图标的制作教程
图74
Photoshop创建富士X100相机图标的制作教程
图75
第四十步
在C形下面用这种风格添加一个黑色矩形形状。
Photoshop创建富士X100相机图标的制作教程
图76
Photoshop创建富士X100相机图标的制作教程
图77
Photoshop创建富士X100相机图标的制作教程
图78

Photoshop创建富士X100相机图标的制作教程

上一篇:VR灯光基础教程


下一篇:Photoshop古典手绘MM插画教程