Illustrator图表工具详解.docx

1、Illustrator图表工具详解Illustrator图表工具详解2003-04-17 ylcjs天极设计在线1 2 3 4 5 6 7 8 9 10 11 12 13 14 下一页Illustrator不仅可以用于艺术创作，很多时候也用来制作一些公司宣传资料等等，因为数据和图表比单纯的数字罗列更有说服力，表达更直观和清晰，所以这时候就不可避免地会遇到数据和图表的制作。虽然Illustrator不象EXCEL那样对数据有很强的计算汇总能力，但在数据图表制作方面也自有它的特长和优势。 在创建图表之前我们一般要设置图表的类型，当然也可在创建后根据需要更改。展开Illustrator 10工具箱中

2、的图表工具按钮，我们可以看到Illustrator 一共可以创建以下9种图表：1.柱形图2.重叠柱形图3.条形图4.重叠条形图5.折线图6.面积图7.散点图8.饼图9.雷达图在本教程中我们这里我们使用Illustrator 10，以一个实例贯穿始终，讲解最基本的图表工具应用。一、创建图表二、输入图表数据的方法三、图表的组成及其选择四、编辑更改图表数据五、图表类型的更改六、图表数值轴的位置七、更改图表数值轴的刻度八、不同图表类型的混合使用九、自定义图表十、其他的简单选项十一、自定义图表的设计图案十二、将设计图案应用到图表中十三、在图表中显示数据列的数值 Illustrator 10的图表工具功能

3、很多，并且十分强大，本文只是简略讲述了制作简单图表的基本方法，更多的精彩还有待于大家进一步探索。Illustrator图表工具详解2003-04-17 ylcjs天极设计在线上一页1 2 3 4 5 6 7 8 9 10 11 12 13 14 下一页一、创建图表1.双击图表工具图标（或者Object-Graph-Type），可弹出对话框进行设置。（如图1） 图 1设置好图表类型和其他选项后，单击OK确定。 2.在工作页面上单击并拖动出一矩形区域，即可绘制相应大小的图表。释放鼠标后，即弹出数据输入对话框，可根据需要输入一些数据（如图2）其中标签用来区分不同的数据类型，首先要输入标签，如2000

4、年 2001年 2002年等。单击数据输入表中的对调按钮，可以将行和列的数据交换，如果要交换X,Y轴，单击Switch X,Y 按钮。图 23.数据输入完毕，单击对号按钮即可得到与数据对应的图表。Illustrator图表工具详解2003-04-17 ylcjs天极设计在线上一页1 2 3 4 5 6 7 8 9 10 11 12 13 14 下一页二、输入图表数据的方法简单或者少量的数据可以用前面的方法直接输入。除了最直接的输入方法，还有两种方式可在图2的表中输入数据。一是从其他格式文件中导入：将数据文件存为用制表符分隔的文本格式即可导入。二是从其他应用程序中（如EXCEL）粘贴数据：从其他

5、应用程序中选择要复制的数据，在Illustrator 10中选择Edit-Copy，将数据复制，在输入图表数据对话框中，单击要粘贴数据的单元格，选择Edit-Paste将数据粘贴进来。单击Revert按钮则会将所输入的所有数据清空恢复到输入前的状态，所以请慎重。如果不小心误操作，可以单击用Edit菜单下的Undo命令撤销。在此例中按照图2输入数据完毕，单击对号按钮以应用，创建好的图表就出现在工作区页面中，如图3。 图 3Illustrator图表工具详解2003-04-17 ylcjs天极设计在线上一页1 2 3 4 5 6 7 8 9 10 11 12 13 14 下一页三、图表的组成及其选

6、择创建的图表是一个由各种基本元素组成的群组对象，不妨大体看看最基本的此例中图表的组成吧。 图中左边和下边分别是刻度轴，Y轴表示销售额，X轴表示年份，主体部分是代表各组数据的数据列，右上角是图例。刚生成的图表只用不同灰度的颜色表示，未免不够生动，我们就来改变不同数据列的颜色，包括右边的图例。要操作首先进行选择，而选择工具一般只能选中整个图表，用直接选择工具一般可选择最最基本的图表元素，例如图3中销售二部1999年的销售额，Y轴上的刻度和数值，甚至表示刻度轴本身的那条直线。按住SHIFT可以进行多选。 不过最常用的还是用组选择工具，下面举例说明。用组选择工具单击一次表示销售二部1999年的销售额的

7、数据列，则只选中此列；二次单击它，则选中销售二部各年的销售额数据列；三次单击它，选中销售二部各年的销售额数据列及销售二部的图例；四次单击它，能够选中所有数据列和所有图例一次或多次单击刻度轴上的数值（如1000，2000，3000），所选中元素的情况和上面类似，直到选中整个刻度轴。更多的单击选择，你可以自己尝试，最后会选择整个图表。学会选择就会改变图表各部分的颜色填充了，具体选择结果及改变颜色后如图4所示。当然，不仅仅应用填充色，其他渐变色和SWATCHES中的颜色也可以应用。图 4Illustrator图表工具详解2003-04-17 ylcjs天极设计在线上一页1 2 3 4 5 6 7 8

8、 9 10 11 12 13 14 下一页四、编辑更改图表数据如果在建立图表后，相关数据更新或者变动，可以再次编辑图表数据，相应的图表就会随之更新，而不必建立新的图表，可谓方便灵活。具体编辑方法如下。1.首先要选择已经建立的整个图表，选择Object-Graph-Data或者从右键菜单中选择Data即可弹出数据输入对话框，象如图2所示那样，可以重新编辑图表数据。编辑方法也是多种多样，非常灵活的。可以直接输入，可以复制粘贴，可以在单元格之间剪切和粘贴。2.更改完毕，单击表示应用的对号按钮，图表即可相应的更新Illustrator图表工具详解2003-04-17 ylcjs天极设计在线上一页1 2

9、 3 4 5 6 7 8 9 10 11 12 13 14 下一页五、图表类型的更改重新编辑完图表数据，也许要更改图表类型。如将柱形图更改为散点图，或者折线图等。方法是：选择要更改类型的图表，双击图表工具按钮。如图5就是将柱形图更改为折线图的效果。 图 5除了更改整个图表的类型，还可以只选择某个或某些数据列将其改为其他图表类型。具体方法可举例说明：用组选择工具选择销售二部的所有年份销售额（包括数据列核图例），双击图表工具按钮打开Graph Type对话框，为此数据列选择不同的图表类型，例如折线图，结果如图6。图 6仔细观察，从图6你也许看出了一些不同吧？一是数值轴可以在图表两边，而是它们可以具

10、有不同刻度那就顺便看看这两个不同具体如何做到。Illustrator图表工具详解2003-04-17 ylcjs天极设计在线上一页1 2 3 4 5 6 7 8 9 10 11 12 13 14 下一页六、图表数值轴的位置除了饼图和雷达图，其他图表一般都可以改变数值轴的位置：比如将Y轴放置在图表的左边，右边，上下方，还是左右边都有。对于柱形图和重叠柱形图，折线图和面积图，根据此类图表特点，可以选择将数值坐标轴放在左边右边或者两边都有。对于散点图，可以选择在左边或者两边。对于条形图和重叠条形图，可以选择在顶部，底部和两者兼有。对于雷达图，则只有一个选择：在所有边。以最常见的柱形图为例，简述一下如

11、何更改数值轴的位置。选择整个柱形图，双击图表工具图标，Value Axis下拉列表选项中可以选择On Left Sides(左边) On Right Sides（右边） On Both Sides（两边）。按上述设置选择不同图表数值轴的合适位置后，可以作出不同效果的图表Illustrator图表工具详解2003-04-17 ylcjs天极设计在线上一页1 2 3 4 5 6 7 8 9 10 11 12 13 14 下一页七、更改图表数值轴的刻度默认情况下，图表的两侧（如左右两侧）的刻度数值是一样的。那么能否设置成不同数值刻度呢？答案是肯定的。请看具体操作：1. 用组选择工具选择一组数据及其图

12、例框（如果选择错误，后面的操作就无效啦）。2. 从图表选项下拉列表中选择左边或者右边坐标轴，对柱状图，散点图，面积图和重叠柱形，可以选择在左侧或者右侧，对于条形图和重叠条形图，可选择在下方或上方。 3. 选中Override Calculated选项，对刻度指定适当地数据后单击OK 。如图7是为柱形图设置两轴不同刻度后结果。 图 7Illustrator图表工具详解2003-04-17 ylcjs天极设计在线上一页1 2 3 4 5 6 7 8 9 10 11 12 13 14 下一页八、不同图表类型的混合使用使用图表时，可在同一图表中组合应用不同的图表类型。比如用条形图表示一部的销售额，用折

13、线图表示二部的销售额，用不同类型图表表示其他组的数据要注意的是，在所有的图表类型中，散点图表不能和其他的图表同时组合应用。1. 用组选择工具选中一组数据及其图例，双击图表工具按钮，从对话框中选择适当图表类型，并设置好相关选项。2. 用组选择工具选中其他一组或者多组数据及图例，用上述方法更改其图表类型。3. 单击OK更新图表。如图8为柱形图和折线图的组合使用。 图 8Illustrator图表工具详解2003-04-17 ylcjs天极设计在线上一页1 2 3 4 5 6 7 8 9 10 11 12 13 14 下一页九、自定义图表某些图表可以加上刻度线，并可为刻度数值加上前缀或后缀，比如20

14、00可加后缀成为2000$，或者2000万。简单地讲，刻度线就是垂直于数据轴的直线，它可以分别单独垂直于X,Y轴，也可同时垂直于两者，可以是长线，也可是短线或者设置成无。下面还是以开始创建的销售额图表为例看看具体操作。1. 给Y轴添加长刻度线。选择整个图表，从Value Axis 的下拉列表选择On Left Sides(左边) On Right Sides（右边） On Both Sides（两边）中的一种。如图9。 图 9Graph Type对话框中的下拉列表选择Value Axis即对数据轴操作。（请注意这两个Value Axis的微妙差别）此时对话框如图10。选中Override Ca

15、lculated，可以进行设置。图 10Min Max是数值轴上的数值范围，此图表中默认是06000，并分为6等份。可以手动设置Min Max，并确定Divisions将此数值范围进行多少等分。例如将Max设为10000，Divisions10将数值轴10等分。2.在Prefix 框设置前缀，在Suffix框中设置后缀，在此例中不妨加上后缀$。当然在实际应用中可以是其他货币符号，甚至是温度，毫米，百分比等前后缀。3.Length是设置刻度线的类型：Short-是短线，Fill Width全长，即将刻度线延伸到整个图表，在此例中我们选Fill Width。Draw tick marks per

16、division：就是在10等分的数值轴中的每个加几条刻度线。比如，此数值设成2，则从01000，10002000900010000之间都是2条刻度线。最终结果如图11.有水平长刻度线，并加后缀的图表。正如前所述，刻度线也能够用组选择工具选中，并可设置轮廓线颜色。图 11 4. 对X,Y轴同时加上刻度和后缀的方法基本相同，将水平和垂直数值轴都选中后进行上述设置即可。Illustrator图表工具详解2003-04-17 ylcjs天极设计在线上一页1 2 3 4 5 6 7 8 9 10 11 12 13 14 下一页十、其他的简单选项在Illustrator 10中能够改变图表的渐变填充色，

17、更改图表中字体和字体样式，同样也可象其他对象一样，进行移动，旋转，倾斜和缩放等变形操作。更高级一些的，甚至可以把Styles（样式）， Transparency （透明度），Brush（笔刷） Strokes（线条）等效果应用在图表的各部分或者整个图表。除了上述方法，可以用图表工具其他一些简单选项来改善美化和改善图表的外观。1.为图表添加阴影：在Graph Type对话框中选择Add drop shadow，则图表就会有阴影效果。用组选择工具选中阴影，同样可改变阴影颜色，这里的颜色也许是纯色填充，也许是渐变填充，也许是请自己尝试吧！2.改变图例的位置在Graph Type对话框中选择Add L

18、egend Across，则使图例显示在图表的上方，而默认情况下图例是在右边。Illustrator图表工具详解2003-04-17 ylcjs天极设计在线上一页1 2 3 4 5 6 7 8 9 10 11 12 13 14 下一页十一、自定义图表的设计图案有时候为了更加形象生动，可以用现有的或者自定义的图案来代替。比如前面创建的图表，我们可自己定义一个新图案象金钱等，形象的符号代替单调的条形，柱形，代替折线图或散点图等等。下面举例说明。1. 绘制一个金钱图案，并设置其填充色和轮廓线宽度。2. 绘制一个和金钱图案差不多大小的矩形，作为金钱图案的边界，将其填充色和轮廓线都设置成无色。将它的顺序

19、放到最后面。（右键-Arrange-Send to Back）。注意这两步必不可少，否则下面的操作不会成功。这一步很重要，请仔细体会。 3. 选择金钱图案和矩形边界，将它们群组。Object-Graph-Design显示对话框。在对话框中单击New Design就将此群组图案加入图表设计图库中，在Preview框中可以预览刚刚设计的图案。如图12。如果不满意可单击Delete Design删除之。利用此对话框还能执行粘贴，重命名，选择未用设计图案的操作。 图 12 4. 类似地，用同样方法可建立多个图表设计图案并储存。当然，最好重新命名以便于查找和使用。Illustrator图表工具详解200

20、3-04-17 ylcjs天极设计在线上一页1 2 3 4 5 6 7 8 9 10 11 12 13 14 下一页十二、将设计图案应用到图表中制作好了设计图案当然是为了在图表中应用了。以柱形图和条形图为例，将刚才定义的金钱图案代替图表中抽象的柱形或者条形。具体操作如下： 1. 用组选择工具选中图表中的柱形或条形。2. 选择Object-Graph-Column，弹出如图13的对话框。 图 13 在Choose Column Design 下的列表中选择要应用的设计图案，可在右边框中进行预览。我们选择刚才定义并保存的金钱图案。在Column Type 列表中有以下4项选择：1)Vertical

21、ly Scaled-设计图案在垂直方向上进行缩放，即在垂直方向上可拉长和缩短，而宽度不变。2)Uniform Scaled设计图案在水平和垂直两个方向上等比缩放。3)Repeating可在垂直方向上重叠放置多个设计图案。如果选择此项，则下面还有一个选择项被激活： 在Each Design Represents框中输入数值，以确定每多少个刻度数值用一个设计图案表示。而选中Rotate Legend Design表示可将应用的设计图案进行旋转。在For Fractions下拉列表中选择，可设置当重复的设计图案不是整数时的效果，共两个选项，缩放设计和截断设计。Scale Design如果最上边的一个

22、设计图案放不下，就将其缩小，使其刚好能够放下。Chop Design如果最上边的一个设计图案放不下，就将其截断，能放下多少放多少。4)Sliding如果要将设计图案进行局部缩放可用此选项。理解了上述选项的含义，就可制作出多种多样的自定义图表了。如图14是应用了定义的金钱图案的效果。图 14 在折线图和散点图中的数值点一般用很小的矩形表示，其实和上面讲的道理一样，同样能用自己定义的图案来代替。方法其实很简单，不妨来做一做。如果你的笔刷库够丰富的话，就在Brushes面板中选择一个漂亮的笔刷直接拖动到工作区中，选择它，选Object-Graph-Design，显示对话框，单击New Design，选择的笔刷图案就出现在预览框中。单击OK退出，用组选择工具选中折线图的任一图例，再次单击则将折线图中的数据点都选中。选Object-Graph-Marker，单击OK，就会将数据点用笔刷图案代替了。如图15。当然此例中完全可以自己绘制图案，但用现成的笔刷要快捷一些。图 15