了解Adobe Illustrator的网格系统

最新推荐文章于 2024-11-14 10:31:59 发布

daique1908

最新推荐文章于 2024-11-14 10:31:59 发布

阅读量1k

点赞数

文章标签：定位 java python 人工智能编程语言

本文介绍了Adobe Illustrator的网格系统，包括网格的定义、重要性、数码与印刷的区别、捕捉功能，以及如何调整网格设置和使用网格进行快速原型制作。通过实例展示了如何创建像素完美的插图，并解释了对齐网格与对齐像素的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

迄今为止，Adobe Illustrator是迄今为止最受欢迎的矢量软件。尽管一开始看起来很复杂和复杂，但您无需花很多时间去修补它，并弄清它的大多数按钮和选项的作用。

不过，刚开始使用它的人通常会忽略一些功能和设置，这就是为什么我要与您分享一些我希望有人在我刚开始使用它时向我展示的东西的原因。

是的，我说的是网格系统。

什么是网格？

与任何学习曲线一样，我们首先要问自己的是单词的实际含义是什么？

根据Merriam-Webster在线词典，网格被定义为“水平和垂直线均等分布的网络（用于在地图上定位点）”。

甚至可以在Wikipedia上找到更精细的定义，该网格在图形设计的背景下进行了解释：“网格是由一系列相交的直线（垂直，水平和垂直）组成的结构（通常为二维）。角度）或用于构造内容的弯曲辅助线。网格用作骨架，设计人员可以在网格上以合理，易于吸收的方式组织图形元素（图像，字形，段落）。网格可用于组织与页面有关的图形元素，与页面上其他图形元素有关的图形元素或与同一图形元素或形状的其他部分有关的图形元素。”

值得一提的是，Illustrator的网格仅由垂直和水平直线组成。如果要设置弯曲的或更复杂的网格，则必须依靠使用起来十分容易的指导方针来创建它们。

为什么网格很重要？

大概在这一点上，您对网格是一个基本概念。但是，为什么要关心甚至使用它呢？好吧，如果您想创建一种在视觉元素之间通过定位彼此完成的方式保持平衡的方法，那么网格就是一种选择。它们为您提供了如何将一个对象与另一个对象相关联的指南，最重要的是，如何在画板上构造元素。

除此之外，网格还可以帮助设计师为数字设备创建像素完美的艺术品（我认为这是必须的），但稍后会介绍更多。

在我进一步阐述使用网格创建清晰作品的重要性之前，我需要简要地谈谈在两种不同的媒体（屏幕和打印）上构造图像的方式的一些关键方面。

数码与印刷

您可能已经知道，数字媒体与印刷媒体有很大不同。它们每个都有不同的颜色模式（RGB与CMYK），并且每个可以输出不同的分辨率（屏幕分辨率与打印分辨率）。使它们与众不同的是它们渲染图像的方式，最重要的是它们处理曲线的方式。

一台计算机监视器取决于像素网格（正方形像素彼此平铺），这意味着它将通过在侧面添加透明像素（alpha通道）来处理曲率，这一过程称为抗锯齿，最终模仿了自然的直线例如可以画在一张纸上。

打印机仅取决于您将图像设置为的纸张尺寸和dpi（每英寸的点数），这意味着它可以完美打印出曲率（在将dpi设置为高值的条件下）。这是因为打印基于逐个分层的色点，而无需添加屏幕设备用来创建平滑曲线的幻觉的半透明值。

捕捉还是不捕捉？

好吧，这可能是一个人可能会问的最好的问题。通过捕捉过程，您可以指示Illustrator将画板上的每个对象与网格/像素网格对齐。

还记得我在几行之前告诉您的吗，网格可以帮助我们创建像素完美的插图？现在您已经知道数字印刷与印刷相比如何处理图像，是时候详细说明我认为网格具有的最重要的作用了。

我几乎可以肯定，您已经在Dribbble或Behance上看到了一些带有超清晰线条的插图，并且总是想知道设计师是如何做到这一点的。很好，不要再奇怪了：他（她）只需确保将所有内容与像素网格对齐，即可创建具有完整值的每个元素。

整体值是指没有小数位的值，例如，我们有一个宽度为200像素，高度为100像素的矩形，而不是200.84像素乘以99.80像素。

网格扩展

因为我相信示例胜于雄辩，所以我将向您展示逐步的准备过程，以便您在Illustrator中每次创建内容时都可以依靠，逐步说明了正确完成Grid所需要做的所有工作。

第1步

与任何新项目一样，我们始终要设置的第一件事是文档。打开Illustrator并使用以下值创建测试文档：

画板数量 ：1
宽度：800像素
高度：800像素
单位：像素

在“ 高级”标签中：

色彩模式 ：RGB
栅格效果 ：300 ppi
将新对象与像素网格对齐 ：已选中

快速说明 ：您可能已经注意到，当文档供屏幕使用时，我将“光栅效果”设置为300 ppi。好的，将“栅格”设置为较高的ppi值在屏幕上不会产生可见效果，但是如果出于某些原因您需要打印出设计的内容（即使使用RGB颜色值创建了它），则任何阴影，内部阴影和如果以低于300的ppi值打印其他效果，则会搞砸。

无论初始设置如何，您始终可以通过转到“ 效果”>“文档栅格效果设置”并为其指定所需的值来修改文档的ppi。

第2步

设置完文档后，创建一个100 x 100 px的黑色正方形，并使用“ 对齐”面板将其放置在Artboard的左上角。

第三步

为了了解网格的工作原理，您必须首先看到它。转到“ 视图”>“显示网格 （Control-”），然后您应该立即看到Illustrator设置的默认1000 x 4网格。

第4步

现在我们看到了它，它实际上是如何工作的？首先，我希望您借助键盘的方向箭头选择并移动小方块，然后查看其行为。

您可能会注意到，我们的小物体在这里和那里跳了几个像素，但看不到任何东西。这是因为我们尚未启用“ 对齐网格”选项。

将正方形放置到其原始位置，然后转到“ 视图”>“对齐网格”（Shift-Control-Y） ，然后再次尝试将对象向右移动。

现在，我们可以清楚地看到区别。如果再向右移动一次，则开始观察花样。每次方块跳动时，都会捕捉到由形成网格的水平线和垂直线所创建的小方块的一侧之一。

让我们通过解释Illustrator如何创建Grid本身来了解Illustrator为什么如此行事。如前所述，该软件中配置的默认设置为：

网格线每个 ：1000 px
细分：4

但是这些设置实际上意味着什么？

这很简单。在每1000 px处 ，Illustrator将绘制四行定界线（两条水平线和两条垂直线），以创建1000 x 1000 px的正方形，该正方形将进一步分为16个较小的250 x 250 px的正方形（1000/4 = 250） 。

因为我们的画板只有800 x 800像素（三个250像素的正方形，加上另一个较小的50像素的部分，用绿色突出显示）它将朝着Grid的1000 x 1000 px正方形之一的左侧和顶部对齐，而使Grid空间的右侧和下部部分不被占用（200 px用红色突出显示）。

现在回到我们的黑色小方块，之所以一直跳到250 x 250 px正方形的侧面，是因为它只有100 x 100 px ，并且与Artboard一样，Illustrator强制将其捕捉到分界线。如果黑色对象正好是250 x 250 px ，则它将占据Grid正方形之一的整个表面，并且恰好跳出了16个内部位置之一。