Illustrator绘制Google浏览器Chrome图标(2)

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

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

Illustrator绘制Google浏览器Chrome图标,PS教程,思缘教程网

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

Illustrator绘制Google浏览器Chrome图标,PS教程,思缘教程网

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

Illustrator绘制Google浏览器Chrome图标,PS教程,思缘教程网

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

Illustrator绘制Google浏览器Chrome图标,PS教程,思缘教程网

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

Illustrator绘制Google浏览器Chrome图标,PS教程,思缘教程网

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

Illustrator绘制Google浏览器Chrome图标,PS教程,思缘教程网

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

Illustrator绘制Google浏览器Chrome图标,PS教程,思缘教程网

 收藏