手机
当前位置:查字典教程网 >网页设计 >photoshop >Photoshop创建富士X100相机图标的制作教程
Photoshop创建富士X100相机图标的制作教程
摘要:这篇翻译教程有点长,但绝对值得你认真看下去。最终效果图预览图00教程相关资源图012.皮革材质设计教程图02第一步在Photoshop创建一...

这篇翻译教程有点长,但绝对值得你认真看下去。

最终效果图预览

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

图00

教程相关资源

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

图01

2.皮革材质设计教程

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

图02

第一步

在Photoshop创建一副新的图像,分辨率设置为1024×1024像素。

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

图03

第二步

然后置入照相机原图用作引用,用钢笔工具(P)开始跟踪底部的金属部分。

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

图04

第三步

载入金属层并按住Ctrl键用鼠标点击选择图层面板的金属层,添加如下的渐变样式的调整图层,然后转换为智能对象的渐变层,并添加一些杂色:滤镜>杂色>添加杂色。

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

图05

第四步

添加颜色调整图层,并选择黑色。然后用画笔工具(B)图画至图层蒙版,用软刷制造类似下面的金属阴影。为了达到更好的效果降低画笔的不透明度。设置为剪贴蒙版层。

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

图06

2制作相机上部金属和取景器

第五步

对于上部的金属部分做法与底部相同(步骤3-4),但这次不使用渐变调整层。使用色彩调整图层来代替。这是因为金属反射有一点复杂。

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

图07

第六步

创建上面的金属反射效果,选择钢笔工具(P)并且跟踪一个白色的基本形状。转换为智能对象,并添加高斯模糊滤镜,在菜单:滤镜>模糊>高斯模糊。你必须重复这一过程对其他反射效果。正如你可以看到我已经添加了左侧部分反映一点点阴影图层样式。尽量降低图层的不透明度了。

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

图08

第七步

取景器是由两个主要部分组成。我们将从外部的一部分开始。用圆角矩形形状工具(U)绘制如下一个暗灰色的矩形,并添加以下样式。

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

图09

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

图10

第八步

现在用矩形形状工具绘制一个暗灰色的矩形,并且添加一个近距离的内阴影图层样式。重复这个矩形,并且这一次设置更高的距离值。使用下面的图片作为参考。

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

图11

3制作取景器光晕效果

第九步

用椭圆形状工具绘制一个深蓝色的形状,并添加以下样式。

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

图12

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

图13

第十步

用相同的工具创建另一个形状,但使用白色,并添加以下样式。

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

图14

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

图15

第十一步

在径向模式并按照下面的梯度设置下添加一个渐变调整工具来度创建一个玻璃反射效果。使用图层蒙版来限制反射效果。

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

图16

第十二步

下一步是绘制一个矩形的形状和添加这种样式。然后减少该形状,填充不透明度为0%。

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

图17

4制作相机闪光灯

第十三步

如下,使用常用的色彩调整层为金属部分创建一些阴影。然后创建一个灰色的矩形形状并添加高斯模糊滤镜。将形状放置在取景器下,并设置混合模式为叠加,不透明度为33%。

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

图18

第十四步

取景器搞定。让我们开始制作闪光灯。画出准确的形状并添加此图层样式。

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

图19

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

图20

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

图21

第十五步

重复此步骤,但这次使用这个图层样式来替代。如果你喜欢,你可以添加一个亮度/对比度图层调整,照亮闪光灯,就像我做的那样。

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

图22

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

图23

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

图24

5制作快门按钮和手柄

第十六步

对于快门按钮,我们使用圆形工具(U)创建一个细的形状如下。接下来,添加一个这种风格的渐变调整层。现在,所有你所要做的的是拖放前文中形状图层的矢量图层蒙版渐变之一。简单且容易。最后加少许的内阴影图层样式的渐变图层。

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

图25

第十七步

重复两次前面的层。然后按下按键CTRL+ T减少其宽度,按下面的方式排列它们。

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

图26

第十八步

下面创建相机手柄,用圆角矩形工具(U)绘制形状添加下面的图层样式。

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

图27

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

图28

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

图29

第十九步

使用矩形工具绘制一个小矩形,并把它放在以前的形状的下面。接下来添加下面的图层样式。重复手柄并放置在图像的下方。

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

图30

6制作相机辅助对焦器

第二十步

用圆角矩形工具(U)在闪光灯和取景器之间创建一个小形状并添加以下图层样式。

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

图31

第二十一步

用椭圆形状工具(U)绘制两个圆形,第一个用黑色另一个用暗黄色。然后添加下下面的图层样式。

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

图32

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

图33

第二十二步

用椭圆形状工具(U)绘制另一个,并使用金属颜色。然后添加下面图层样式。现在重复这个圆形,并按键其按Ctrl + T缩小他的尺寸,仅给一个椭圆加上阴影样式。

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

图34

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

图35

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

图36

7制作金属调节按钮

第二十三步

然后画出的最后一圆,并添加以下图层样式来创造金属反射效果。

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

图37

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

图38

第二十四步

用钢笔工具(P)绘制出一个像下面一样的形状,并像往常一样使用金属颜色。并且添加下面的图层样式。

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

图39

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

图40

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

图41

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

图42

8添加相机的皮质表面

第二十五步

使用另一个圆角矩形的形状,来实现小的红色标志。并应用此图层样式。

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

图43

第二十六步

对于中间部分,使用钢笔工具(P)与深灰色画出相应的形状。对于皮革纹理材质制作,你可以参考这个教程:皮革材质PS制作。正如您可能会注意到,我已经添加另一个洞,一个黑色的小按钮形状和按钮部分底部的两个小阴影。

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

图44

第二十七步

质地完成后,你可以添加一个调整图层,改变了他的亮度。然后给中间形状层添加此图层样式。

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

图45

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

图46

第二十八步

让我们再来做镜头。首先,画一个金属色的圆并添加这种风格。

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

图47

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

图48

9绘制镜头圆圈

第二十九步

绘制另一个小圆圈,并换成这种图层样式来添加。然后选择图层面板的两个圆圈层并把它们合并成一个智能对象。最后,通过:滤镜>杂色>添加杂色 添加一些杂色。

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

图49

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

图50

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

图51

第三十步

选择暗灰色并在下面画一个圆圈。添加此图层样式。

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

图52

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

图53

10完成镜头所需圆圈

第三十一步

现在我们需要创建其他三个圆。这是第一个的图层样式。

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

图54

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

图55

第三十二步

这是第二个的样式。

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

图56

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

图57

第三十三步

最后一个。

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

图58

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

图59

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

图60

11制作镜头玻璃

第三十四步

创建另一个圆,并减少在图层面板的填充不透明度为0%。然后用深绿色添加薄薄的一层笔触样式。然后重复,并转化为下面的圆圈。

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

图61

第三十五步

对于镜头玻璃过程都是一样的。按照下面的图层样式添加一个圆。

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

图62

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

图63

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

图64

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

图65

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

图66

12制作镜头上面的参数文字

第三十六步

在第一个内添加第二个较小的圆用下面的图层样式。

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

图67

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

图68

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

图69

第三十七步

画一个与第36步大小相同的圆圈,并使用此图层样式添加一个反射效果。尝试改变渐变的位置,让这个图层样式窗口在画布上通过简单的点击打开的。

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

图70

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

图71

第三十八步

镜头内添加一些文字。为了实现这个弧形样式,用椭圆工具(U)创建一个圆形路径,然后用文字工具点击路径上并添加文本。

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

图72

13绘制相机侧边矩形结构

第三十九步

用钢笔工具绘制一个黑色的C形状并添加此图层样式。

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

图73

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

图74

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

图75

第四十步

在C形下面用这种风格添加一个黑色矩形形状。

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

图76

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

图77

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

图78

【Photoshop创建富士X100相机图标的制作教程】相关文章:

Photoshop图层样式的高级混合功能解析教程

Photoshop图层面板上的不透明度和填充度的区别实例讲解

浅谈Photoshop中表格的制作方法

Photoshop简单制作蕾丝边框

Photoshop初学者教程:制作条形码

Photoshop带你一起制作金钢字特效

Photoshop制作颓废艺术签名

50个Photoshop常用的快捷键的使用图文教程

Photoshop制作水晶球中的美女

PhotoShop分割图片并通过Html组合显示

精品推荐
分类导航