分享此网站可得100G教程,联系小洁领取点击这里给我发消息

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

icon图标 学UI设计 3120次浏览 0个评论

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

最终效果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

11、同时选中扇叶形状和无色直线。

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

12、修改前景色为比扇叶深一号的颜色,使用『实时上色』功能点击扇叶阴影区域,进行上色。另外2片扇叶重复此步骤

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

最终完成效果。

 


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (0)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!