1. 主页 > 设计教程 > ai教程

Illustrator绘制Google浏览器Chrome图标

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

来源:站酷  作者:UEgood课堂

最终效果

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

下面是教程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最终完成效果。

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息