用AI制作圆角渐变图标效果

用户头像
厦门/UI设计师/8年前/799浏览
用AI制作圆角渐变图标效果

使用AI作出圆角渐变效果

PS里面有圆角渐变效果,很方便,点一下就可以了,但是AI里面没有直接的这个效果可以使用,那么在AI做图标的时候怎么实现呢?我也是在话图标的时候不知道怎么做,然后百度找教程,但是我照着做就是没有出现最后那个渐变的效果,我也实在想不通为什么?这个问题困扰了我一整天,后来反复做了好多遍,终于做出来了,但是有两点是必须这么做才能达到的最终效果(但网上教程是这两点不这么做也可以达到,我还没想通为什么),这里跟大家分享一下。

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



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


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


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


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



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

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

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


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


好了,结束了,谢谢观看!欢迎交流!

4
举报
|
12
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】游戏/娱乐icon
【新年UI图标】钱包icon
高级表盘系列UI源文件
UI通用设计素材1
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI界面 组件
3D渐变流体抽象矢量UI背景图
【新年UI图标】影音icon
智能家居中心 简约 UI设计组件库
高级感金属拟物 UI设计组件库
科技医疗透明柜UI界面设计
拟物风质感写实UI卡片合集源文件
盲盒APP UI设计
【新年UI图标】珠宝icon
【新年UI图标】秒杀icon
Security Camera UI kit
矢量立体简约UI蓝白图标
3D卡通UI界面图标可爱插画免扣素
新能源APP应用UIKit
【新年UI图标】30个图标
【新年UI图标】会员icon
钱包ui模板
我的钱包-UI界面设计-app
新拟态风格 UI设计组件库
你可能喜欢
大家都在看
登录注册