用直线工具和「连接」命令,把这四分之一图标形状其他部分给补上:

Illustrator教程:详细解析AI参考线的使用,PS教程,

把这段曲线复制、镜像几次,图标的大体形状就出来了,最好再用「连接」命令,将四段曲线连接为完整的一圈:

Illustrator教程:详细解析AI参考线的使用,PS教程,

好,图标的形状出来了。接下来要做的是,使用参考线,把图形内部网格线做出来。

用直线和方框工具,给这个图形里面画一个米字和一个方框,这样:

Illustrator教程:详细解析AI参考线的使用,PS教程,

然后重点来了,选中刚才画的米字和方框,右键点击,选择「建立参考线」命令:

Illustrator教程:详细解析AI参考线的使用,PS教程,

就可以根据选择的米字和方框,把参考线建立好了:

Illustrator教程:详细解析AI参考线的使用,PS教程,

如法炮制,在方框里画一个内接圆,并转为参考线:

Illustrator教程:详细解析AI参考线的使用,PS教程,

利用AI的吸附功能,从每个曲线刚刚由直线被掰弯的那个点上画线(不太好描述,总之见图吧),转为参考线:

Illustrator教程:详细解析AI参考线的使用,PS教程,

Illustrator教程:详细解析AI参考线的使用,PS教程,

最后,给最里面的方框画一个内切圆和外接圆,并转化为参考线,就基本完成了:

Illustrator教程:详细解析AI参考线的使用,PS教程,

把参考图放进去对比看一下,matchperfectly!

Illustrator教程:详细解析AI参考线的使用,PS教程,

最后,用「存储为模板」命令,将其存成一个模板。每次做iOS7图标时,使用「从模板中新建」命令,选择这个模板,就可以方便快速地新建一个带参考线的iOS7图标了。

使用参考线相对于直接用普通的线条、线框相比有什么优点呢?首先,参考线显示起来,始终是1px宽度,无论放大还是缩小图稿都能显示清楚,普通的线条就不可以。再有,参考线可以使用快捷键Cmd+;快速隐藏或显示。另外,参考线通常处于锁定状态,不太会被误编辑。还有,参考线在所在图层永远处于最上方显示,等等。

今天就到这里吧,下节课说说AdobeIllustrator里的网格功能。

进入论坛交作业:http://www.missyuan.com/thread-692624-1-1.html