当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

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

来源:站酷 作者:Anyouees 学习:4942人次

本篇教程通过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,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
16219050272020-03-31 08:39
我的作业:

User_qhPyzAu6Wu2018-06-09 06:43
很不错
鹤影掠寒潭2018-06-08 05:57
谢楼主,教程写的很详细,希望楼主能做出更多更好的教程
你也在这里2018-06-08 02:34
老师好利害
命运要祈祷2018-06-08 01:52
我也学习一下,做了半天就做不出来
莫忘勿念2018-06-07 10:46
学习了一下
恋上你的美sky2018-06-07 10:43
这个教程很有问题步骤不够清晰
血染繁花2018-06-07 07:08
作者的教程都好棒
那曾经2018-06-07 04:14
适用,谢谢~
猫崽小不2018-06-07 06:19
签到

关注大神微博加入>>

网友求助,请回答!