AI绘制Google浏览器Chrome图标UI教程

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:uicn   作者:UEgood课堂

关键词

Image title

最终效果

Image title

1、Ctrl+R打开标尺、按shift拉出参考线(不按的话坐标会出现小数点),用圆形工具画一个100*100像素的正圆。

Image title

2、再绘制一个220*220像素的同心圆。

Image title

3、绘制一个高100,宽200像素的长方形。打开智能参考线,边缘贴着小圆。

Image title

4、用小白箭头,把长方形的四个角改成胶囊型圆角。

Image title

5、选中绿色胶囊,按R键启动(旋转)功能,再按ALT+左键,点击参考线交叉的圆形,跳出旋转面板,输入120°后点复制。

Image title

6、按CTRL+D,复制上一步的旋转。


Image title

7、使用图形生成工具,用鼠标左键在顶部3块需要合并的区域拖动,使3块图形合并成一片扇叶。

Image title

8、重复使用图形生成工具,把另外2片扇叶页生成,并且修改扇叶颜色色值。再把中间的圆改成白色,绘制蓝色同心圆。

Image title

9、删除外圈不要的绿色部分,用直线从圆心和扇叶边角拉一条无填充无线条色的直线。

Image title

10、选中透明直线,按R旋转快捷键,再按ALT+左键点击圆心,在弹出的旋转面板中填120°。CTRL+D重复一次旋转动作。

 收藏