图标制作,用ps制作逼真的摄像机图标

本篇教程通过ps制作一款写实的相机图标,相机图标同学们做了很多了,每个制作方法大同小异,但是造型不尽相同,本篇又是一个新造型,和以往做过有所不同,各位爱好设计的同学们一起来制作一下吧。

效果图:

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

下面是详细的制作步骤:

第一步:新建六600x600,颜色:eeeeee。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com 

第二步:用圆角矩形工具拉出以下形状,填充颜色8e909c。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

设置以下图层样式

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

载入上面给的金属拉丝图案。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第三步:新建图层 ,椭圆

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图层样式设置如下

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第四步:新建图层 做,做出十字图形,我这里用的是矩形工具合成。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图层样式设置如下

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第五步:选择ps自带图案灰色花岗岩花纹纸,没有的可以到上面我给的图案中下载。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

拷贝多两颗螺丝钉放在另外的两个角。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

用矩形工具新建下面形状。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

设置下面图层样式

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

效果图

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第六步:新建图层,载入上面的矩型选区。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

设置描边矩形描边的图层样式,设置如下。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第七步:在添加个文字,做显示屏的时间用。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

用椭圆工具分别新建三个图层的圆

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图层样式设置如下

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第七步:三个椭圆形状的颜,颜色分别是红ff6464,绿64ff73,蓝6464ff

另外两个椭圆形状的其他样式都一样,只改变颜色叠加。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第八步:用矩形工具新建11层矩形形状排列如下。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

每个矩形形状的图层样式设置如下。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

新建椭圆形状

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

样式设置如下

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

选择多边形工具,设置参数。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图层样式设置如下

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第九步:在多边形形状上面新建多个椭圆。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

样式设置如下

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第十步:到这里已经完成了一面,新建个组,归纳进去,这样方便打理。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第十一步:开始第二面

用矩形工具做出图形,注意左右两个角的弧度。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

设置一下图层样式

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

选择金属拉丝图案

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

选择椭圆选框工具,描边参数。新建图层,框选出正圆蚂蚁线,点击描边,得到该图。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图层样式设置如下

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第十一步:新建多层椭圆形状,大小比上层的圆圈小点,记住要露出底下的圆圈。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第十二步:选择自定义形状工具,选择箭头形状。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图层样式如下

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第十二步:选择椭圆选区,新建图层,描边得到圆圈。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

擦去不需要的部分

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第十三步:新建一个20x30的透明背景图层,画个黑色矩形做笔刷用。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

点击编辑 ——定义画笔预设,然后会跳出下面的窗口点击确认,记得画笔名称。

点击画笔预设,找到刚刚做的矩形你笔刷,设置参数如左边。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

回到半圆圈这里,用钢笔勾勒出大概的路径,再新建图层。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

设置前景色fd3f3f,鼠标对准路径,点击右键选择描边。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

合并这两个图层,再把边缘多出来的部分擦掉,设置不透明度85%。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第十四步:新建三个矩形图层。图示如下。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

把之前做的螺丝钉拷贝两个过来,第二层做好,新建个组归纳进去。哦!

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

这里已经完成了两面了,在后层下面新建个镜头组,等下归纳镜头部分。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

镜头部分的制作

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

新建巨矩形工具,拉扯描点得到下面图案。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图层样式如下嗯

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第十五步:新建圆角矩型,拉扯瞄点得到下面形状。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图层样式设置如下

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

新建矩形形状

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图层样式设置如下

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第十七步:新建两条直线形状,然后合并形状更改混合模式和不透明度。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

新建圆角矩形形状

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图层样式设置如下

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

新建矩形形状

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图层样式设置如下

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第十八步:镜头这层已经完成适当的调动与前层之间的距离。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

主体部分已经完成,新建命名,胶卷轮大。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

新建椭圆形状

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

选择多边形工具 

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

拉出以下等边三角形状。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第十九步:用直角选择工具,选出三角形的所有路径,Ctrl+C复制多层,再粘贴。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

角度设置60

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

复制粘贴路径,然后按住Ctrl+shift+T如此重复五次。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图层样式设置如下

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第二十步:新建图层,用椭圆选框工具拉出正圆蚂蚁线点击描边。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图层样式设置如下哦!

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第二十一步:新建椭圆形状,不透明度设置3%

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

新建图层在,载入上个圆形的选区,选择描边,参数设置如上。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

设置不透明度10%

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第二十二步:新建3根圆角矩形,颜色设置2c2c2c,每跟变形角度为60°在把形状合成。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

新建椭圆形状

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

层样式设置如下

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

新建椭圆形状

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图层样式如下

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

新建图层,用黑白画笔画出如图的暗底和地光

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图层样式设置如下

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第二十四步:完成后新建个支架2归纳进去,拖到支架1下面

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

第二十五步:新建图层,用矩形工具做出3条卷轮间的拉动带,颜色填充:000000

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

在再添加多字体以及阴影下去,这样我们的播影机就完成了。

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

完成:

图标制作,用ps制作逼真的摄像机图标_www.16xx8.com

步骤有点多图标制作,贵在一个耐心,相信同学们一定可以制作漂亮的图标。

全教程完,学完记得交作业。教程对您有所帮助,请推荐给你的朋友。如果学会了,可以尝试投稿给我们,跟大家分享你的学习经验:http://i.16xx8.com

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以订阅我们邮件,每天都有新教程发给你:http://t.cn/Rzm5o8Y
PS教程自学网 欢迎投稿教程:http://i.16xx8.com

    猫崽小不 说: 签到
    那曾经 说: 适用,谢谢~
    血染繁花 说: 作者的教程都好棒
    恋上你的美sky 说: 这个教程很有问题步骤不够清晰
    莫忘勿念 说: 学习了一下
    命运要祈祷 说: 我也学习一下,做了半天就做不出来
    你也在这里 说: 老师好利害
    鹤影掠寒潭 说: 谢楼主,教程写的很详细,希望楼主能做出更多更好的教程
    User_qhPyzAu6Wu 说: 很不错