Illustrator-CS6精品实例教程-图表功能课件.ppt

1、图表功能目 录ONTENTS7.1案例任务案例任务下面带领读者一起来制作一个数据统计表，这是某饰品店对于过去一年产品销量的统计数据表。统计数据表样例7.2案例解析案例解析 解题思路解题思路7.2.1该数据表分为两部分来制作，第一部分是使用【饼图工具】创建饼形图。第二部分，是在饼图表格的基础上进行编辑，即将图表打散，并分别填充了颜色，为其添加“3D凸出和斜角”效果，以丰富画面效果。7.2案例解析案例解析 难点剖析难点剖析7.2.2使用【饼图工具】创建饼形图。将饼形图取消编组并分别填充颜色。打散的图形添加【凸出和斜角】效果。7.3相关知识相关知识Illustrator作为一个矢量绘图软件，它不仅具

2、有强大的绘图功能，同时还具备创建复杂图表的功能，下面介绍如何利用工具箱中的图表工具创建、编辑 和定义图表。7.3相关知识相关知识 创建图表创建图表7.3.1Illustrator CS6提供了创建多种图表类型的工具和强大的图表编辑功能，利用工具箱中的图表工具组即可创建图表。7.3相关知识相关知识在工具箱中展开图表工具组。其中共有九个图表工具，分别是【柱形图工具】、【堆积柱形图工具】、【条形图工具】、【堆积条形图工具】、【折线图工具】、【面积图工具】、【散点图工具】、【饼图工具】、【雷达图工具】。1.图表工具图表工具组7.3相关知识相关知识2.图表类型九种图表工具，代表着九种不同的图表类型，下面

3、详细介绍一下。7.3相关知识相关知识柱形图是最常用的图表表示方法，柱的高度与数据大小成正比。1）柱形图表7.3相关知识相关知识（1）选择【柱形图工具】，在页面上任意位置单击，弹出左图所示的【图表】对话框。在【宽度】和【高度】参数栏中输入数值，可设置图表的宽度和高度，单击【确定】按钮，将自动在页面中建立图表，同时弹出图表数据输入框。【图表】对话框 数据输入框 7.3相关知识相关知识在页面中按住鼠标左键，拖动出一个矩形框，也可以在页面中建立图表，同时弹出图表数据输入框。7.3相关知识相关知识（2）在数据输入框中选中一个单元格，可以在左上方的参数栏中输入各种文本或数值，然后按【Enter】键或【Ta

4、b】键确认，将文本或数值添加到选中的单元格中。输入数据 7.3相关知识相关知识（3）完成文本和数据的录入后，单击【应用】按钮，显示图表效果。图表效果7.3相关知识相关知识【导入数据】按钮：可以从外部文件中输入数据信息。【换位行/列】按钮：可将横排和竖排的数据相互交换位置，录入数据后单击该按钮，再单击【应用】按钮应用交换效果，如下图所示。交换横排和竖排的数据7.3相关知识相关知识【切换X/Y】按钮：将调换X轴和Y轴的位置。【恢复】按钮：可以在没有单击【应用】按钮以前使文本框中的数据恢复到前一个状态。【单元格样式】按钮：单击该按钮，弹出【单元格样式】对话框，如下图所示。该对话框可以设置小数点的位数

5、和数字栏的宽度。或者直接移动鼠标在各单元格相交处时，将会变成形状，拖动鼠标可直接调整数字栏的宽度。7.3相关知识相关知识如需修改图表，首先选中图表，选择【对象】|【图表】|【数据】命令，弹出图表数据输入框，此时可再修改数据。设置完数据后，单击【应用】按钮，即可将修改好的数据应用到选定的图表中。【单元格样式】对话框7.3相关知识相关知识选中图表右击，在弹出菜单中选择【数据】命令，也可以弹出图表数据输入框。7.3相关知识相关知识堆积柱形图表与柱形图表在外观显示上非常类似，柱形图表显示为单一的数据比较，而堆积柱形图表显示的是全部数据总和的比较。其使用方法与柱形图表的使用方法相同。2）堆积柱形图表堆积

6、柱形图表7.3相关知识相关知识条形图表与柱形图表类似，只是柱形图表是以垂直方向上的矩形显示图表中的各组数据，而条形图表是以水平方向上的矩形来显示图表中的数据，如下左图所示。堆积条形图表与堆积柱形图表类似，但是堆积条形图表是以水平方向的矩形条来显示数据总量的，与堆积柱形图表正好相反，如下右图所示。3）条形图表与堆积条形图表7.3相关知识相关知识条形图表与堆积条形图表7.3相关知识相关知识折线图表可以显示出某种事物随时间变化的发展趋势，很明显地表现出数据的变化走向。折线图表也是一种比较常见的图表，给人以很直接明了的视觉效果。4）折线图表 折线图表7.3相关知识相关知识面积图表与折线图表类似，区别在

7、于面积图表是利用折线下的面积而不是折线来表示数据的变化情况。5）面积图表面积图表7.3相关知识相关知识散点图表与其他图表不太一样，散点图表可以将两种有对应关系的数据同时在一个图表中表现出来，如下图所示效果。散点图表的横坐标与纵坐标都是数据坐标，两组数据的交叉点形成了坐标点。【切换X/Y】按钮是专为散点图表设计的，可调换X轴和Y轴的位置。6）散点图表7.3相关知识相关知识散点图表7.3相关知识相关知识饼图是一种常见的图表，适用于一个整体中各组成部分的比较，该类图表应用的范围比较广，如下图所示效果。饼图的数据整体显示为一个圆，每组数据按照其在整体中所占的比例，以不同颜色的扇形区域显示出来。饼图不能

8、准确地显示出各部分的具体数值。7）饼形图表7.3相关知识相关知识饼形图表7.3相关知识相关知识雷达图表是以一种环形的形式对图表中的各组数据进行比较，形成比较明显的数据对比，雷达图表适合表现一些变化悬殊的数据。8）雷达图表雷达图表7.3相关知识相关知识 设置图表设置图表7.3.2Illustrator CS6可以重新调整各种类型图表的选项，可以更改某一组数据，还可以解除图表组合、应用笔画或填充颜色。7.3相关知识相关知识1.【图表类型】对话框选择【对象】|【图表】|【类型】命令，或双击任意图表工具，将弹出【图表类型】对话框，如下图所示。利用该对话框可以更改图表的类型，并可以对图表的样式、选项及坐

9、标轴进行设置。7.3相关知识相关知识【图表类型】对话框7.3相关知识相关知识在页面中选择需要更改类型的图表，双击任意图表工具，在弹出的【图表类型】对话框中选择需要的图表类型，然后单击【确定】按钮，即可将页面中选择的图表更改为指定的图表类型。1）图表类型7.3相关知识相关知识除了饼形图表外，其他类型的图表都有一条数值坐标轴。在【图表类型】对话框的【数值轴】选项下拉列表中包括【位于左侧】、【位于右侧】和【位于两侧】3个选项，分别用来指定图表中坐标轴的位置。选择不同的图表类型，其【数值轴】中的选项也不完全相同。2）坐标轴的位置7.3相关知识相关知识添加投影：在图表中添加一种阴影效果，使图表的视觉效果

10、更加强烈。3）图表样式在顶部添加图例：图例将显示在图表的上方。7.3相关知识相关知识第一行在前：图表数据输入框中第一行的数据所代表的图表元素在前面。对于柱形图表、堆积柱形图表、条形图表、堆积条形图表，只有【列宽】或【条形宽度】大于100%时才会得到明显的效果。第一列在前：图表数据输入框中第一列的数据所代表的图表元素在前面。对于柱形图表、堆积柱形图表、条形图表、堆积条形图表，只有【列宽】或【条形宽度】大于100%时才会得到明显的效果。7.3相关知识相关知识除了面积图表以外，其他类型的图表都有一些附加选项可供选择，在【图表类型】对话框中选择不同的图表类型，其【选项】中包含的选项也各不相同。下面分别

11、对各类型图表的选项进行介绍。4）图表选项7.3相关知识相关知识柱形图表、堆积柱形图表、条形图表、堆积条形图表有一些共同的选项，如下图所示。其中【列宽】是指图表中每个柱形条的宽度；【条形宽度】是指图表中每个条形的宽度；【群集宽度】是指所有柱形或条形所占据的可用空间。7.3相关知识相关知识相关选项7.3相关知识相关知识折线图表、雷达图表选项内容如下图所示。选中【标记数据点】选项，将使数据点显示为正方形，否则直线段中间的数据点不显示。选中【连接数据点】选项将在每组数据点之间进行连线，否则只显示一个个孤立的点。选中【线段边到边跨X轴】选项，连接数据点的折线将贯穿水平坐标轴。选中【绘制填充线】选项将激活

12、其下方的【线宽】数值框。7.3相关知识相关知识折线和雷达图表相关的设置7.3相关知识相关知识散点图表选项内容如下图所示，除了缺少【线段边到边跨X轴】选项之外，其他选项与折线图表和雷达图表的选项相同。散点图表的相关设置7.3相关知识相关知识饼图图表的选项内容如下图所示。饼状图表的相关设置7.3相关知识相关知识图例：用于控制图例的显示。位置：用于控制饼图以及扇形块的摆放位置，在其下拉列表中【比例】选项将按比例显示各个饼图的大小，【相等】选项使所有饼图的直径相等，【堆积】选项将所有的饼图叠加在一起。排序：控制图表元素的排列顺序，在其下拉列表中【全部】选项是将元素信息由大到小顺时针排列；【第一个】选项

13、是将最大值元素信息放在顺时针方向的第一个，其余按输入顺序排列；【无】选项按元素的输入顺序顺时针排列。7.3相关知识相关知识2.设置坐标轴在【图表类型】对话框顶部的下拉列表中选择【数值轴】选项。选择【数值轴】选项后的对话框7.3相关知识相关知识刻度值：选中【忽略计算出的值】选项时，下方的3个数值框将被激活，【最小值】选项表示坐标轴的起始值，也就是图表原点的坐标值；【最大值】选项表示坐标轴的最大刻度值；【刻度】选项用来决定将坐标轴上下分为多少部分。刻度线：在该选项组下，【长度】选项的下拉列表中包括三项，选择【无】选项表示不使用刻度标记；选择【短】选项表示使用短的刻度标记；选择【全宽】选项，刻度线将

14、贯穿整个图表。【绘制】选项表示相邻两个刻度间的刻度标记条数。添加标签：【前缀】选项是指在数值前加符号；【后缀】选项是指在数值后加符号。7.3相关知识相关知识单击【图标类型】下拉列表中的【类别轴】选项，弹出新的对话框。选择【类别轴】选项后的对话框7.3相关知识相关知识为图表的标签和图例生成文本时，Illustrator使用默认的字体和大小，选择【直接选择工具】单击以选择要更改文字的基线；双击以选择所有的文字，根据需要更改文字属性。选择【直接选择工具】单击选中图表中的图形元素，可以应用笔画或填充颜色等。7.3相关知识相关知识Illustrator CS6可以自定义图表的图案，使图表更加生动。选择在

15、页面中绘制好的图形符号，选择【对象】|【图表】|【设计】命令，在弹出的【图表设计】对话框中单击【新建设计】按钮，新建图案，如下图左图所示。单击【重命名】按钮，弹出【图标设计】对话框，如下图右图所示，设置完毕后单击【确定】按钮。使用图表图案使用图表图案7.3.37.3相关知识相关知识定义图表图案7.3相关知识相关知识在【图表设计】对话框中单击【粘贴设计】按钮，可以将图案粘贴到页面中，对图案可以重新进行修改和编辑。编辑修改后的图案还可以再重新定义。在对话框中编辑完成后，单击【确定】按钮，完成对一个图表图案的定义。7.4案例实现案例实现 下面开始数据报表 的详细操作步骤7.4案例实现案例实现1新建文

16、档。使用【矩形工具】绘制绿色（R：209、G：234、B：155）矩形，设置矩形大小。7.4案例实现案例实现2在【图层】调板中，将矩形复制。7.4案例实现案例实现3为复制的矩形填充图案效果。7.4案例实现案例实现4在【透明度】调板中，将矩形的透明度设置为50%。7.4案例实现案例实现5在【图层】调板中，单击眼睛图标后面的方框，将“图层 1”锁定。7.4案例实现案例实现6在工具箱中选择【饼图工具】，按下Shift键的同时在视图中绘制，创建饼形图，并在数据表中输入数据。7.4案例实现案例实现7设置完毕后单击【应用】按钮，创建饼形图。7.4案例实现案例实现8选中创建的饼形图，执行【对象】|【取消编组

17、】命令，此时弹出对话框，单击【是】按钮，将饼形图变为普通图形。7.4案例实现案例实现9再次执行【取消编组】命令，取消图形的编组状态。7.4案例实现案例实现10分别选择图形并设置颜色。7.4案例实现案例实现11依次选中不同的色块，将图形分别取消编组状态，并调整图形的位置。7.4案例实现案例实现12选中组成圆形的四个图形，执行【效果】|【3D】|【凸出和斜角】命令，打开【3D凸出和斜角选项】对话框，设置对话框。7.4案例实现案例实现13设置完毕后关闭对话框。7.4案例实现案例实现14在【图层】调板中，设置图形的先后顺序。7.4案例实现案例实现15使用【选择工具】微调图形的位置。7.4案例实现案例实

18、现16最后在视图中添加相关的文字信息和装饰图形，完成该实例的制作。7.5案例总结案例总结图表作为一种非常实用的功能，可以很好的将各种数据直观的展示出来，是统计产品销量、价格走势、成绩等最好的表现方式，希望读者可以通过学习，熟练掌握各种图表的创建和编辑方式。7.6技能实训技能实训下面将制作销售额统计图表，学习如何在制作图表的过程中输入图表文本和数值。海报设计样例7.6技能实训技能实训该实例使用【柱形图工具】创建而成，在创建时，需要注意分清楚竖列和横行各需要输入什么内容。销售额统计图表制作流程示意图7.6技能实训技能实训数据图表的主要制作步骤如下：（1）新建一个横向文档，选择工具箱中的【柱形图工具】，在页面中单击并拖出一定的区域作为图表的尺寸大小，然后在弹出图表数据输入对话框中按下Delete键，将第一格中内容删除，单击第一行第二个单元格，在数据输入栏输入“销售一部”标签字样，单击第三个单元格，结束第二个单元格标签的输入。7.6技能实训技能实训（2）参照上一步中的方法完成第一行后面两个标签的输入，然后从第一列第二个单元格依次向下输入年份标签。输入完毕后，单击对话框右上角的【应用】按钮，将数据应用到图表中，关闭数据输入对话框后，为图表设置颜色属性。Thank You!Thank You!