Illustrator图表工具详解.docx

Illustrator图表工具详解.docx

《Illustrator图表工具详解.docx》由会员分享，可在线阅读，更多相关《Illustrator图表工具详解.docx（20页珍藏版）》请在冰豆网上搜索。

Illustrator图表工具详解

Illustrator图表工具详解

2003-04-17··ylcjs··天极设计在线

1234567891011121314 下一页

　　Illustrator不仅可以用于艺术创作，很多时候也用来制作一些公司宣传资料等等，因为数据和图表比单纯的数字罗列更有说服力，表达更直观和清晰，所以这时候就不可避免地会遇到数据和图表的制作。

虽然Illustrator不象EXCEL那样对数据有很强的计算汇总能力，但在数据图表制作方面也自有它的特长和优势。

　　在创建图表之前我们一般要设置图表的类型，当然也可在创建后根据需要更改。

展开Illustrator10工具箱中的图表工具按钮，我们可以看到Illustrator一共可以创建以下9种图表：

　　1.柱形图

　　2.重叠柱形图

　　3.条形图

　　4.重叠条形图

　　5.折线图

　　6.面积图

　　7.散点图

　　8.饼图

　　9.雷达图

　　在本教程中我们这里我们使用Illustrator10，以一个实例贯穿始终，讲解最基本的图表工具应用。

　　一、创建图表

　　二、输入图表数据的方法

　　三、图表的组成及其选择

　　四、编辑更改图表数据

　　五、图表类型的更改

　　六、图表数值轴的位置

　　七、更改图表数值轴的刻度

　　八、不同图表类型的混合使用

　　九、自定义图表

　　十、其他的简单选项

　　十一、自定义图表的设计图案

　　十二、将设计图案应用到图表中

　　十三、在图表中显示数据列的数值

　　Illustrator10的图表工具功能很多，并且十分强大，本文只是简略讲述了制作简单图表的基本方法，更多的精彩还有待于大家进一步探索。

Illustrator图表工具详解

2003-04-17··ylcjs··天极设计在线

上一页  1234567891011121314 下一页

　　一、创建图表

　　1.双击图表工具图标（或者Object->Graph->Type），可弹出对话框进行设置。

（如图1）

图1

　　设置好图表类型和其他选项后，单击OK确定。

　　2.在工作页面上单击并拖动出一矩形区域，即可绘制相应大小的图表。

释放鼠标后，即弹出数据输入对话框，可根据需要输入一些数据（如图2）其中标签用来区分不同的数据类型，首先要输入标签，如"2000年2001年2002年"等。

单击数据输入表中的对调按钮，可以将行和列的数据交换，如果要交换X,Y轴，单击"SwitchX,Y"按钮。

图2

　　3.数据输入完毕，单击对号按钮即可得到与数据对应的图表。

Illustrator图表工具详解

2003-04-17··ylcjs··天极设计在线

上一页  1234567891011121314 下一页

　　二、输入图表数据的方法

　　简单或者少量的数据可以用前面的方法直接输入。

除了最直接的输入方法，还有两种方式可在图2的表中输入数据。

　　一是从其他格式文件中导入：

将数据文件存为用制表符分隔的文本格式即可导入。

　　二是从其他应用程序中（如EXCEL）粘贴数据：

从其他应用程序中选择要复制的数据，在Illustrator10中选择"Edit"->"Copy"，将数据复制，在输入图表数据对话框中，单击要粘贴数据的单元格，选择"Edit"->"Paste"将数据粘贴进来。

　　单击"Revert"按钮则会将所输入的所有数据清空恢复到输入前的状态，所以请慎重。

如果不小心误操作，可以单击用Edit菜单下的Undo命令撤销。

　　在此例中按照图2输入数据完毕，单击对号按钮以应用，创建好的图表就出现在工作区页面中，如图3。

图3

Illustrator图表工具详解

2003-04-17··ylcjs··天极设计在线

上一页  1234567891011121314 下一页

　　三、图表的组成及其选择

　　创建的图表是一个由各种基本元素组成的群组对象，不妨大体看看最基本的此例中图表的组成吧。

　　图中左边和下边分别是刻度轴，Y轴表示销售额，X轴表示年份，主体部分是代表各组数据的数据列，右上角是图例。

　　刚生成的图表只用不同灰度的颜色表示，未免不够生动，我们就来改变不同数据列的颜色，包括右边的图例。

　　要操作首先进行选择，而选择工具一般只能选中整个图表，用直接选择工具一般可选择最最基本的图表元素，例如图3中销售二部1999年的销售额，Y轴上的刻度和数值，甚至表示刻度轴本身的那条直线。

按住SHIFT可以进行多选。

　　不过最常用的还是用组选择工具，下面举例说明。

　　用组选择工具单击一次表示销售二部1999年的销售额的数据列，则只选中此列；

　　二次单击它，则选中销售二部各年的销售额数据列；

　　三次单击它，选中销售二部各年的销售额数据列及销售二部的图例；

　　四次单击它，能够选中所有数据列和所有图例……

　　一次或多次单击刻度轴上的数值（如1000，2000，3000…），所选中元素的情况和上面类似，直到选中整个刻度轴。

　　更多的单击选择，你可以自己尝试，最后会选择整个图表。

　　学会选择就会改变图表各部分的颜色填充了，具体选择结果及改变颜色后如图4所示。

当然，不仅仅应用填充色，其他渐变色和SWATCHES中的颜色也可以应用。

图4

Illustrator图表工具详解

2003-04-17··ylcjs··天极设计在线

上一页  1234567891011121314 下一页

　　四、编辑更改图表数据

　　如果在建立图表后，相关数据更新或者变动，可以再次编辑图表数据，相应的图表就会随之更新，而不必建立新的图表，可谓方便灵活。

具体编辑方法如下。

　　1.首先要选择已经建立的整个图表，选择Object->Graph->Data或者从右键菜单中选择"Data"即可弹出数据输入对话框，象如图2所示那样，可以重新编辑图表数据。

编辑方法也是多种多样，非常灵活的。

可以直接输入，可以复制粘贴，可以在单元格之间剪切和粘贴。

　　2.更改完毕，单击表示应用的对号按钮，图表即可相应的更新

Illustrator图表工具详解

2003-04-17··ylcjs··天极设计在线

上一页  1234567891011121314 下一页

　　五、图表类型的更改

　　重新编辑完图表数据，也许要更改图表类型。

如将柱形图更改为散点图，或者折线图等。

方法是：

选择要更改类型的图表，双击图表工具按钮。

如图5就是将柱形图更改为折线图的效果。

图5

　　除了更改整个图表的类型，还可以只选择某个或某些数据列将其改为其他图表类型。

具体方法可举例说明：

　　用组选择工具选择销售二部的所有年份销售额（包括数据列核图例），双击图表工具按钮打开GraphType对话框，为此数据列选择不同的图表类型，例如折线图，结果如图6。

图6

　　仔细观察，从图6你也许看出了一些不同吧？

一是数值轴可以在图表两边，而是它们可以具有不同刻度…那就顺便看看这两个"不同"具体如何做到。

Illustrator图表工具详解

2003-04-17··ylcjs··天极设计在线

上一页  1234567891011121314 下一页

　　六、图表数值轴的位置

　　除了饼图和雷达图，其他图表一般都可以改变数值轴的位置：

比如将Y轴放置在图表的左边，右边，上下方，还是左右边都有。

　　对于柱形图和重叠柱形图，折线图和面积图，根据此类图表特点，可以选择将数值坐标轴放在左边右边或者两边都有。

　　对于散点图，可以选择在左边或者两边。

　　对于条形图和重叠条形图，可以选择在顶部，底部和两者兼有。

　　对于雷达图，则只有一个选择：

在所有边。

　　以最常见的柱形图为例，简述一下如何更改数值轴的位置。

　　选择整个柱形图，双击图表工具图标，ValueAxis下拉列表选项中可以选择OnLeftSides（左边）OnRightSides（右边）OnBothSides（两边）。

　　按上述设置选择不同图表数值轴的合适位置后，可以作出不同效果的图表

Illustrator图表工具详解

2003-04-17··ylcjs··天极设计在线

上一页  1234567891011121314 下一页

　　七、更改图表数值轴的刻度

　　默认情况下，图表的两侧（如左右两侧）的刻度数值是一样的。

那么能否设置成不同数值刻度呢？

答案是肯定的。

　　请看具体操作：

　　1.用组选择工具选择一组数据及其图例框（如果选择错误，后面的操作就无效啦）。

　　2.从图表选项下拉列表中选择左边或者右边坐标轴，对柱状图，散点图，面积图和重叠柱形，可以选择在左侧或者右侧，对于条形图和重叠条形图，可选择在下方或上方。

　　3.选中OverrideCalculated选项，对刻度指定适当地数据后单击OK。

　　如图7是为柱形图设置两轴不同刻度后结果。

图7

Illustrator图表工具详解

2003-04-17··ylcjs··天极设计在线

上一页  1234567891011121314 下一页

　　八、不同图表类型的混合使用

　　使用图表时，可在同一图表中组合应用不同的图表类型。

比如用条形图表示一部的销售额，用折线图表示二部的销售额，用不同类型图表表示其他组的数据…

　　要注意的是，在所有的图表类型中，散点图表不能和其他的图表同时组合应用。

　　1.用组选择工具选中一组数据及其图例，双击图表工具按钮，从对话框中选择适当图表类型，并设置好相关选项。

　　2.用组选择工具选中其他一组或者多组数据及图例，用上述方法更改其图表类型。

　　3.单击OK更新图表。

　　如图8为柱形图和折线图的组合使用。

图8

Illustrator图表工具详解

2003-04-17··ylcjs··天极设计在线

上一页  1234567891011121314 下一页

　　九、自定义图表

　　某些图表可以加上刻度线，并可为刻度数值加上前缀或后缀，比如"2000"可加后缀成为"2000$"，或者"2000万"。

　　简单地讲，刻度线就是垂直于数据轴的直线，它可以分别单独垂直于X,Y轴，也可同时垂直于两者，可以是长线，也可是短线或者设置成无。

下面还是以开始创建的销售额图表为例看看具体操作。

　　1.给Y轴添加长刻度线。

　　选择整个图表，从"ValueAxis"的下拉列表选择OnLeftSides（左边）OnRightSides（右边）OnBothSides（两边）中的一种。

如图9。

图9

　　GraphType对话框中的下拉列表选择"ValueAxis"即对数据轴操作。

（请注意这两个"ValueAxis"的微妙差别）

　　此时对话框如图10。

选中OverrideCalculated，可以进行设置。

图10

　　MinMax是数值轴上的数值范围，此图表中默认是0～6000，并分为6等份。

可以手动设置MinMax，并确定Divisions将此数值范围进行多少等分。

例如将Max设为10000，Divisions＝10将数值轴10等分。

　　2.在Prefix框设置前缀，在Suffix框中设置后缀，在此例中不妨加上后缀"$"。

当然在实际应用中可以是其他货币符号，甚至是温度，毫米，百分比等前后缀。

　　3.Length是设置刻度线的类型：

Short-是短线，FillWidth――全长，即将刻度线延伸到整个图表，在此例中我们选FillWidth。

　　Drawtickmarksperdivision：

就是在10等分的数值轴中的每个加几条刻度线。

比如，此数值设成2，则从0～1000，1000～2000…9000～10000之间都是2条刻度线。

　　最终结果如图11.有水平长刻度线，并加后缀的图表。

正如前所述，刻度线也能够用组选择工具选中，并可设置轮廓线颜色。

图11

　　4.对X,Y轴同时加上刻度和后缀的方法基本相同，将水平和垂直数值轴都选中后进行上述设置即可。

Illustrator图表工具详解

2003-04-17··ylcjs··天极设计在线

上一页  1234567891011121314 下一页

　　十、其他的简单选项

　　在Illustrator10中能够改变图表的渐变填充色，更改图表中字体和字体样式，同样也可象其他对象一样，进行移动，旋转，倾斜和缩放等变形操作。

更高级一些的，甚至可以把Styles（样式），Transparency（透明度），Brush（笔刷）Strokes（线条）等效果应用在图表的各部分或者整个图表。

除了上述方法，可以用图表工具其他一些简单选项来改善美化和改善图表的外观。

　　1.为图表添加阴影：

　　在GraphType对话框中选择"Adddropshadow"，则图表就会有阴影效果。

用组选择工具选中阴影，同样可改变阴影颜色，这里的颜色也许是纯色填充，也许是渐变填充，也许是…请自己尝试吧！

　　2.改变图例的位置

　　在GraphType对话框中选择"AddLegendAcross"，则使图例显示在图表的上方，而默认情况下图例是在右边。

Illustrator图表工具详解

2003-04-17··ylcjs··天极设计在线

上一页  1234567891011121314 下一页

　　十一、自定义图表的设计图案

　　有时候为了更加形象生动，可以用现有的或者自定义的图案来代替。

比如前面创建的图表，我们可自己定义一个新图案象"金钱"等，形象的符号代替单调的条形，柱形，代替折线图或散点图等等。

下面举例说明。

　　1.绘制一个金钱图案，并设置其填充色和轮廓线宽度。

　　2.绘制一个和金钱图案差不多大小的矩形，作为金钱图案的边界，将其填充色和轮廓线都设置成无色。

将它的顺序放到最后面。

（右键->Arrange->SendtoBack）。

注意这两步必不可少，否则下面的操作不会成功。

这一步很重要，请仔细体会。

　　3.选择金钱图案和矩形边界，将它们群组。

Object->Graph->Design显示对话框。

在对话框中单击NewDesign就将此群组图案加入图表设计图库中，在Preview框中可以预览刚刚设计的图案。

如图12。

如果不满意可单击DeleteDesign删除之。

利用此对话框还能执行粘贴，重命名，选择未用设计图案的操作。

图12

　　4.类似地，用同样方法可建立多个图表设计图案并储存。

当然，最好重新命名以便于查找和使用。

Illustrator图表工具详解

2003-04-17··ylcjs··天极设计在线

上一页  1234567891011121314 下一页

　　十二、将设计图案应用到图表中

　　制作好了设计图案当然是为了在图表中应用了。

以柱形图和条形图为例，将刚才定义的金钱图案代替图表中抽象的柱形或者条形。

具体操作如下：

　　1.用组选择工具选中图表中的柱形或条形。

　　2.选择Object->Graph->Column，弹出如图13的对话框。

图13

　　在ChooseColumnDesign下的列表中选择要应用的设计图案，可在右边框中进行预览。

我们选择刚才定义并保存的金钱图案。

　　在ColumnType列表中有以下4项选择：

　　1）VerticallyScaled-设计图案在垂直方向上进行缩放，即在垂直方向上可拉长和缩短，而宽度不变。

　　2）UniformScaled－设计图案在水平和垂直两个方向上等比缩放。

　　3）Repeating－可在垂直方向上重叠放置多个设计图案。

如果选择此项，则下面还有一个选择项被激活：

　　在EachDesignRepresents框中输入数值，以确定每多少个刻度数值用一个设计图案表示。

　　而选中"RotateLegendDesign"表示可将应用的设计图案进行旋转。

　　在ForFractions下拉列表中选择，可设置当重复的设计图案不是整数时的效果，共两个选项，缩放设计和截断设计。

　　ScaleDesign－如果最上边的一个设计图案放不下，就将其缩小，使其刚好能够放下。

　　ChopDesign－如果最上边的一个设计图案放不下，就将其截断，能放下多少放多少。

　　4）Sliding－如果要将设计图案进行局部缩放可用此选项。

　　理解了上述选项的含义，就可制作出多种多样的自定义图表了。

如图14是应用了定义的金钱图案的效果。

图14

　　在折线图和散点图中的数值点一般用很小的矩形表示，其实和上面讲的道理一样，同样能用自己定义的图案来代替。

方法其实很简单，不妨来做一做。

　　如果你的笔刷库够丰富的话，就在Brushes面板中选择一个漂亮的笔刷直接拖动到工作区中，选择它，选Object->Graph->Design，显示对话框，单击NewDesign，选择的笔刷图案就出现在预览框中。

　　单击OK退出，用组选择工具选中折线图的任一图例，再次单击则将折线图中的数据点都选中。

　　选Object->Graph->Marker，单击OK，就会将数据点用笔刷图案代替了。

如图15。

当然此例中完全可以自己绘制图案，但用现成的笔刷要快捷一些。

图15