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

图标制作,用PS制作一款由蚊子组成的APP图标

来源:学UI网 作者:凌小欣 学习:5416人次

本篇教程通过用PS设计一款由蚊子组成的APP图标,教程的主要风格以扁平化为主题,主要到PS的形状工具,选择工具,布尔运算等工具来完成,教程整体简单易上手,同学们可以一起来学习一下。

效果图:

图标制作,用PS制作一款由蚊子组成的APP图标_www.16xx8.com
www.16xx8.com

操作步骤:

制作背景,首先新建512*512px,半径120px圆角矩形做底色,填充渐变如下:

图标制作,用PS制作一款由蚊子组成的APP图标_www.16xx8.com

用圆角矩形利用比尔运算制作背景装饰。

图标制作,用PS制作一款由蚊子组成的APP图标_www.16xx8.com

开始绘制蚊子主体1 翅膀——利用椭圆工具和直接选择工具 旋转对称得到

图标制作,用PS制作一款由蚊子组成的APP图标_www.16xx8.com

椭圆工具画出一个椭圆,利用直接选择工具选择顶部锚点向下移动,在选择底部锚点向下移动,具体数值自己边调整边看。然后旋转-45°,水平翻转调整合适位置。

图标制作,用PS制作一款由蚊子组成的APP图标_www.16xx8.com

3.2 头部——同样椭圆工具和直接选择工具

图标制作,用PS制作一款由蚊子组成的APP图标_www.16xx8.com

3.3 眼睛——椭圆工具和钢笔工具勾勒眼皮,组合好一只,水平翻转调整距离就好啦。看的不是很清楚,取出一部分来细节展示

图标制作,用PS制作一款由蚊子组成的APP图标_www.16xx8.com

3.4 鼻子——钢笔工具勾勒出鼻子的形状,记得鼻子的侧影哦。

图标制作,用PS制作一款由蚊子组成的APP图标_www.16xx8.com

3.5腿部——钢笔工具、画笔工具画出细节首先用钢笔工具勾勒出腿部形状描边,绘制椭圆和矩形做关节,最后利用画笔工具画出绒毛。水平翻转调整合适距离就好啦。

图标制作,用PS制作一款由蚊子组成的APP图标_www.16xx8.com

然后我们来组合起来。

图标制作,用PS制作一款由蚊子组成的APP图标_www.16xx8.com

背景加上适当圆圈装饰,整个ICON就好啦

完成:

图标制作,用PS制作一款由蚊子组成的APP图标_www.16xx8.com

是不是很简单,快来给我看看你制作的APP图标吧。

学习 · 提示

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

何平2018-07-17 09:14
喜欢
勇敢的心2018-07-03 09:29
我的作业:
剑绮昭蝶2018-02-12 02:58
感谢您的分享~~~~~~
兰小黎2018-02-12 12:11
老师好厉害!
兰小黎2018-02-12 12:11
老师好厉害!
兰小黎2018-02-12 12:11
老师好厉害!
美女那么多是吧2018-02-12 08:55
步骤挺多的~对我这个新人来说。。有点难诶~~去实验一下~
美女那么多是吧2018-02-12 08:55
步骤挺多的~对我这个新人来说。。有点难诶~~去实验一下~
美女那么多是吧2018-02-12 08:55
步骤挺多的~对我这个新人来说。。有点难诶~~去实验一下~
倩倩猫2018-02-12 08:44
谢谢老师 多多学习
爱我别走2018-02-12 08:39
看看是什么内容
闪龙苍穹2018-02-12 08:35
学习学习
闪龙苍穹2018-02-12 08:35
学习学习

关注大神微博加入>>

网友求助,请回答!