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

图标制作,用PS打造轻拟物相机图标

来源:公众号 作者:阿门教你PS 学习:12863人次

用PS打造轻拟物相机图标

效果图:

图标制作,用PS打造轻拟物相机图标_www.16xx8.com想学更多请访问www.16xx8.com

操作步骤:


Step 01 点击 — 【文件】— 【新建】(快捷键http://www.16xx8.com/photoshop/jiaocheng/110097.htmlCtrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S)。


图标制作,用PS打造轻拟物相机图标_www.16xx8.com


Step 02 选择【圆角矩形工具】(快捷键U,可按Shift+U切换),在画布点击【创建圆角矩形】弹出层,设置宽度为200px,高度为150px,半径10px,并勾选【从中心】,然后点击确定;(PS:因为是不规则形状的主题图标,长宽比采用4:3比例)


图标制作,用PS打造轻拟物相机图标_www.16xx8.com


Step 03 重命名图层为di,右键选择【混合选项】,设置【描边】:大小为1,位置内部,填充类型为渐变,色值从上到下为 #ededed — #ffffff,角度为90°,【渐变叠加】:线性渐变,色值从上到下为 #f1f1f1 — #ffffff,角度为90°;再复制图层(快捷键Ctrl+J),重命名为di2,填充颜色改为b9b9b9,并把图层向下移动三像素;


图标制作,用PS打造轻拟物相机图标_www.16xx8.com


Step 04 绘制镜头部分,选择【椭圆工具】(快捷键U,可按Shift+U切换),按住Shift键画个正圆,大小自定适合即可,源文件的大小是为120×120px,图层重命名为B_yuan;设置图层混合选项:【描边】:大小为5,位置外部,填充类型为渐变,色值从上到下为 #d5d5d5 — #e6e6e6,角度为90°,【渐变叠加】:色值从上到下为 #292929 — #232323,角度为90°,【投影】:颜色为#323232,角度90°,距离7px,扩展0,大小13px;复制图层B_yuan重命名为Blue_yuan;点击【编辑】—【自由变换路径】(快捷键Ctrl+T),缩小60%(记得点击【保持长宽比】),右键清除图层样式,选择【混合选项】设置:【描边】:大小1px,位置内部,颜色# 111111,【渐变叠加】:线性渐变,色值从上到下为 # 082441 — # 08101b,角度为90°;再用【椭圆工具】画个正圆,大小自定,命名为S_yuan,填充颜色# 0c0c0c,最后画镜头的高光,一样用【椭圆工具】画个正圆,大小自定,命名为guang,填充颜色# FFFFFF,不透明度为10%;


图标制作,用PS打造轻拟物相机图标_www.16xx8.com


Step 05 绘制相机的顶部,用【椭圆工具】和【矩形工具】通过删除部分节点、路径移动和填充颜色等绘制,在此就不一一详解;最后绘制相机的小红点,用【椭圆工具】画个正圆,大小自定,放在相机的左上角位置,设置图层样式:【描边】:大小1px,位置外部,颜色#ff4d42;【内阴影】:颜色#ff483d,角度90°,距离5px,阻塞0,大小8px;【渐变叠加】:线性渐变,色值从上到下为 # fe574c — #ff463b,角度为90°;完成图标的绘制。


图标制作,用PS打造轻拟物相机图标_www.16xx8.com

完成:

图标制作,用PS打造轻拟物相机图标_www.16xx8.com想学更多请访问www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
风华2024-01-26 10:28
555555555

plpl5202023-02-04 02:07
顶啊.想要哦........
查查2022-11-21 02:38
??
leilihaiha2022-08-16 10:32
可以 +v: leistyle88888
猫猫雨0072022-08-09 09:58
谢谢楼主!
猫猫雨0072022-08-09 09:58
谢谢楼主!
猫猫雨0072022-08-09 08:18
谢谢楼主!
moy2022-07-28 05:47
不值这么多,太坑了
Time-is-life2022-07-27 09:34
看完楼主的帖子,我的心情竟是久久不能平静。正如老子所云:大音希声,大象无形。我现在终于明白我缺乏的是什么了,正是楼主那种对真理的执着追求和楼主那种对理想的艰苦实践所产生的厚重感。面对楼主的帖子,我震惊得几乎不能动弹了,楼主那种裂纸欲出的大手笔,竟使我忍不住一次次地翻开楼主的帖子,每看一次,赞赏之情就激长数分,我总在想,是否有神灵活在它灵秀的外表下,以至能使人三月不知肉味,使人有余音绕梁、三日不绝的感受。楼主,你写得实在是太好了。我惟一能做的,就只有把这个帖子顶上去这件事了
PSOK2022-06-04 12:07
人可 发表于 2009-5-11 17:56
老大怎么用呀photoshop:0003 ,请教
怎么
rocaf2k2022-05-31 12:05
37,太佛心啦
我心飞扬0202022-05-27 04:27
看完楼主的帖子,我的心情竟是久久不能平静。正如老子所云:大音希声,大象无形。我现在终于明白我缺乏的是什么了,正是楼主那种对真理的执着追求和楼主那种对理想的艰苦实践所产生的厚重感。面对楼主的帖子,我震惊得几乎不能动弹了,楼主那种裂纸欲出的大手笔,竟使我忍不住一次次地翻开楼主的帖子,每看一次,赞赏之情就激长数分,我总在想,是否有神灵活在它灵秀的外表下,以至能使人三月不知肉味,使人有余音绕梁、三日不绝的感受。楼主,你写得实在是太好了。我惟一能做的,就只有把这个帖子顶上去这件事了
zwqk0012022-05-03 05:07
好东西,实用
utuo20062022-04-30 06:45
好东西我要看看!!
cdmud2022-04-05 02:57
是啊,怎么用的?

关注大神微博加入>>

网友求助,请回答!