UI视觉设计本节主要讲解渐变图标的讲解
工具/原料
AI
方法/步骤
1
首先,需要观察图片本图片可以分为4层。一层为深绿色底层,一层为中间小圆,第三层为上面的镂空,最后一层为高光。1.下面我们先完成第一层。先画一个一样大小的圆
3
3第二层复制:按住alt,用鼠标拖拽一下原有的图标就会复制一个一模一样的。然后调节大小。
4
4.将渐变色调好同步骤2
5
5.第三层复制:将最底层的圆形复制改变渐变颜色如图
6
6.用钢笔工具勾出空缺的部分,颜色随意,只要能购区分出来就可以
7
7.然后将之前复制的黑白灰的圆和现在钢笔扣的位置,摆放好,利用路径,去掉顶层。
8
8.下面的空缺同上。
9
这是扣完的效果图
10
9.最后一层高光层,按照之前的原图高光的部分绘制三个圆形。完成
11
作业图标
注意事项
这是今天的作业,希望大家把这个图标截取制作一下
上一篇:AI 图形与图片结合处理方法
下一篇:怎样使用AI创建合适面板