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

图标设计,制作日常工具图标教程

来源:优设网 作者:ChloeRowe林雅诺 学习:16634人次

今天跟大家说说如何制作出我们日常生活常用到的工具形状图标,教程不难,主要考验大家钢笔工具的运用,大家一起练习一下。
最终效果:
图标设计,制作日常工具图标教程_www.16xx8.com

步骤 1

新建600*450px 的图层,视图>显示>网格,让网格显示出来,然后视图>对齐到>网格,对齐网格,Control + K打开参数设置(编辑-首选项-常规),参考线、网格和切片,参数值如下图所示,( Control + ‘ )显示/隐藏网格。

图标设计,制作日常工具图标教程_www.16xx8.com

步骤 2

回到工具栏 ,将前景色设置为 #FF0000,然后选择椭圆工具在你的 画布上建立一个26 * 30px的椭圆。

图标设计,制作日常工具图标教程_www.16xx8.com

步骤 3

选择矩形工具,创建一个14 * 15px大小的矩形,然后放置如下图所示。

图标设计,制作日常工具图标教程_www.16xx8.com

步骤 4

添加锚点工具,在矩形上添加一个新的锚点,如下图所示哦~

图标设计,制作日常工具图标教程_www.16xx8.com

步骤 5

选择转换点工具,然后点击之前建立的锚点,按住Ctrl+左键,拖动锚点,如图二所示。

图标设计,制作日常工具图标教程_www.16xx8.com

步骤 6

如果你不满意上一步,也可以使用直接选择工具适当进行调整啦~该点调整后的位置离原来的点有4px的距离。

图标设计,制作日常工具图标教程_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
穆紫黎2018-07-28 10:21
真的,更得太慢了。。。
绝版乖乖2018-02-27 11:08
大神
平静的不羁放纵2017-05-28 10:13
谢谢老师 多多学习
平静的不羁放纵2017-05-28 10:13
谢谢老师 多多学习
雨轩2017-05-28 03:05
大神
雨轩2017-05-28 03:05
大神

关注大神微博加入>>

网友求助,请回答!