论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Photoshop教程
Tag:photoshop cs,照片,非主流,水晶,效果,画笔,圣诞,滤镜,艺术,手绘,蒙版,抠图,风景,特效,人像,矢量,国画,图像,数码,合成,玻璃,美女,图案,鼠绘,调色,婚纱,插画,图层,山水,漫画,透明,水粉,光线,笔刷,工具,实例,入门,人物,头发,签名,视频,壁纸,水墨,相框,海报,立体,动画,文字,换头,视频教程

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

文章类别:Photoshop | 发表日期:2011-12-30 8:59:11

本文:Photoshop图标制作教程:创建富士X100相机图标教程Photoshop视频教程整理发布,图标制作中会有很多的乐趣。简单的图标是比较容易创造的,但更逼真的图标更具有挑战性。在今天的教程中,我们将详细演示如何在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推荐教程
Photoshop热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058