Photoshop制作逼真富士X100相机图标

2016-02-16 04:50 6 1 收藏

今天图老师小编给大家精心推荐个Photoshop制作逼真富士X100相机图标教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - PS 】

最终效果图预览

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图00

教程相关资源

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图01

2.皮革材质设计教程

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图02

第一步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图03

第二步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图04

第三步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图05

第四步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

图06

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

第五步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图07

第六步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图08

第七步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图09

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图10

第八步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图11

3制作取景器光晕效果

第九步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图12

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图13

第十步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图14

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图15

第十一步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图16

第十二步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图17

4制作相机闪光灯

第十三步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图18

第十四步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图19

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图20

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图21

第十五步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图22

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图23

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图24

5制作快门按钮和手柄

第十六步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图25

第十七步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图26

第十八步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图27

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图28

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

图29

第十九步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图30

6制作相机辅助对焦器

第二十步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图31

第二十一步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图32

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图33

第二十二步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图34

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图35

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图36

7制作金属调节按钮

第二十三步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图37

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图38

第二十四步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图39

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图40

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图41

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图42

8添加相机的皮质表面

第二十五步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图43

第二十六步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图44

第二十七步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图45

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图46

第二十八步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图47

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图48

9绘制镜头圆圈

第二十九步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图49

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图50

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图51

第三十步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图52

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图53

10完成镜头所需圆圈

第三十一步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图54

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图55

第三十二步

这是第二个的样式。

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图56

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图57

第三十三步

最后一个。

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图58

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图59

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图60

11制作镜头玻璃

第三十四步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图61

第三十五步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图62

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图63

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图64

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图65

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图66

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

第三十六步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图67

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图68

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图69

第三十七步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图70

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图71

第三十八步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图72

13绘制相机侧边矩形结构

第三十九步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图73

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图74

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图75

第四十步

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

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图76

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图77

Photoshop制作逼真富士X100相机图标,PS教程,图老师教程网

图78

来源:https://www.tulaoshi.com/n/20160216/1568262.html

延伸阅读
Photoshop制作相机立体图标 图标制作过程介绍的不是很详细,不过主要思路及图片的构造都有图示说明。制作的时候尽量多思考,根据作者提供的一些效果图去慢慢摸索。 最终效果 1、新建一个大小适当的文件,背景填充暗灰色。选择圆角矩形工具,画一个512 * 512像素的圆角矩形,圆角半径是90像素。 新建一个图层,用...
本教程介绍小图标的制作方法。制作之前最好先找一些类似的实物素材参考一下,把思路整理好。同时图标中的所有元素并不一定要全部做出来,有好的素材也可以用素材。 最终效果 1、找实物图片参考,仔细观察形状及光影变化等细节,很少有人能凭借脑袋中的记忆凭空画出一个实物,所以寻找参考图片是一个最好的方法。 2、使用形状工...
标签: PS PS基础
最终效果 1、新建一个800 * 600 像素的文件,背景填充白色,新建一个图层,用钢笔工具勾出下图所示的苹果轮廓选区。 2、选择渐变工具,颜色设置如图2,拉出图3所示的径向渐变。 3、锁定图层,把前景颜色设置为:#A62126,然后用画笔工具,不透明度为:10%左右,涂抹下图选区位置。涂抹的时候不需要真的勾出选区,自己只要把握好...
图标看上去有点复杂,不过作者在绘制的时候把每一层都分解出来了。我们只需要按照作者的图示,并控制好各部分的比例,就可以很快做出来。 最终效果 1、新建400 * 300像素的文件,使用矢量工具拉出一个如下图的圆角方形,并且加上渐变效果。 2、给图标底座增加厚度和光源,我使用了2种图层样式。 3、使用矢量...

经验教程

332

收藏

47
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部