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

图标设计,设计一款“查找iPhone”的样式图标

来源:站酷 作者:张小球123 学习:5228人次

本篇教程通过AI设计一款“查找iPhone”的样式图标,这类图标在iPhone手机中经常能见到,因为在PS中有圆角渐变效果,点一下就可以,那么本次通过AI如何设计呢?教程难度中等,同学们可以尝试做一下,挑战一下自己,通过教程一起来学习一下吧。

效果图:

图标设计,设计一款“查找iPhone”的样式图标_www.16xx8.com

操作步骤:

1、画一个正圆,填充渐变色,并使用径向渐变(第一个必须这么做的步骤来了),如图所示:

图标设计,设计一款“查找iPhone”的样式图标_www.16xx8.com
www.16xx8.com

2、对象——扩展,在弹出的对话框里选择 “渐变网格” 如图所示:

图标设计,设计一款“查找iPhone”的样式图标_www.16xx8.com

3、右击 “取消编组” +右击 “释放剪切蒙版” ,如图所示:

图标设计,设计一款“查找iPhone”的样式图标_www.16xx8.com

图标设计,设计一款“查找iPhone”的样式图标_www.16xx8.com

4、必须这么做的第二步来了。画一个比圆大的矩形,然后在图层中把矩形用鼠标移到图层圆的上面,这样可以看到两个图层都是存在的(但我之前用快捷键移到圆的下面,矩形图层就不见了。。),如图所示:

图标设计,设计一款“查找iPhone”的样式图标_www.16xx8.com

反正得看好了要有三个图层,顺序是最上面 :圆、矩形、剪切蒙版。如下图所示:

图标设计,设计一款“查找iPhone”的样式图标_www.16xx8.com

5、最后一步:同时选中矩形和圆,

图标设计,设计一款“查找iPhone”的样式图标_www.16xx8.com

对象——封套扭曲——用顶层对象建立,就完成啦

图标设计,设计一款“查找iPhone”的样式图标_www.16xx8.com

如果你的圆不够圆的话,再:对象——封套扭曲——封套选项中保真度拉到100%就好啦,

图标设计,设计一款“查找iPhone”的样式图标_www.16xx8.com

我最后是做成这样的查找iphone的效果

图标设计,设计一款“查找iPhone”的样式图标_www.16xx8.com

是不是还挺简单的,可以轻松实现,同学们在制作的时候细心一点就可以完成。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
Elyvan2020-04-20 10:50
我的作业:我的做法是用椭圆工具,做布尔运算,得到空心大圆环,复制在按一定大小和比例缩放,调整位置,用描边做内部粗一点的圆环。

魔女之夜2019-01-23 03:06
赞喔
大猩猩2018-08-06 09:11
666
东西大哥2018-08-03 02:06
支持,支持
中华长城永不倒2018-08-02 03:23
想仔细了解一下
天冲地克846922032018-08-02 01:32
非常好
远在咫尺972018-08-02 10:55
很喜欢
墙角上的小蚂蚁2018-08-02 04:29
签到
征东平西将军2018-08-02 04:25
打卡
紫晓卿筝2018-08-02 04:24
大神
淮安靡色2018-08-02 04:13
666

关注大神微博加入>>

网友求助,请回答!