网格在AI排版中的妙用(图文教程)

飞特网   发布时间:2014-07-26 11:24:46   作者:寻找原创分享者   我要评论
本教程是向大家介绍网格在AI排版中的妙用,网格,或是说栅格系统,是做版式设计、平面设计、Web 设计的重要工具,作者通过实例向大家介绍网格的应用。教程实用性非常强,推荐给大家,希望对大家有所帮助

或者再进一步,取消整个网格的编组,然后全选,按上节课的办法建立参考线:

Done. 我们除了计算页边距之外,没有进行其他任何的计算,并且也没有拉参考线。页面的栅格系统就这样轻松地建立好了。

另外,还有一种办法来创建网格,就是利用 AI 的矢量效果中的变换效果,比较适合用来创建事先已经确定了单元格长、宽的网格,不过不能做出上面那样的「版式网格」。再举个例子来看一下:给一个 960×640 的文档打上单元格大小为 80×24 的网格。

首先,当然依旧是新建一个 960×640 大小的文档,关掉像素对齐。然后,用直线工具,在画板的顶端画一条直线,如图:

(为方便查看,我把直线的宽度设定成了 2px,FF0000 红色。实际使用中,不必设置线条颜色和宽度,并且,没有特殊原因的话,应避免使用 FF0000 红色)

然后,选中这条直线,加上一个「变换」效果,弹出的对话框中做如下设置:


在这个对话框里,「垂直」一项即为我们希望的网格单元格高度,「副本」一项是网格单元格的数量。如果要是懒得手工算的话,可以勾选「预览」选项,用鼠标滚轮或触控板调整「副本」一栏的大小。

点击「确定」后,画板应该是类似这样:

然后,选中直线,执行命令「扩展外观」两次,将「变换」效果应用:

接着,取消这个对象的编组,全选取消编组后的所有直线,最后再执行命令「建立参考线」就可以了(具体方法可查看上篇教程:使用 Adobe Illustrator 做 UI 设计——灵活使用参考线 ):

竖线同理,画直线,使用「变换」效果复制,使用「扩展外观」命令应用效果,取消编组两次,建立参考线:

Done.

为什么没有说 AI 内置的网格效果(即使用快捷键 [ Cmd ] + [ ' ] 开启的那个)?因为那个网格是 AI 的全局设置,并不是基于文档的。如果不同的文档使用了不同规格的网格,那么每次切换文档时都在首选项里改变设置。因此,这个功能基本上是鸡肋。

完结!以上就是对网格在AI排版中的妙用介绍,希望对大家有所帮助!

相关文章

最新评论