Illustrator-CS6平面设计案例案例7.pptx

1、目录7.1 案例描述 7.2 案例解析 7.3 相关知识7.4 操作步骤7.5 实训演练7.1 案例描述图 7-1 为某饰品店 2014 年产品销量的统计数据表。7.2 案例解析 7.2.1解题思路 该数据表分两部分，第一部分是使用【饼图工具】创建饼形图；第二部分是在饼图表格的基础上进行编辑，即将图表打散，并分别填充颜色，为其添加 3D 凸出和斜角效果，以丰富画面效果。7.2 案例解析 7.2.2难点剖析 使用【饼图工具】创建饼形图。将饼形图取消编组并分别填充颜色。为打散的图形添加【凸出和斜角】效果。Illustrator 作为一个矢量绘图软件，它不仅具有强大的绘图功能，还具备创建复杂图表的功

2、能。下面介绍如何利用工具箱中的图表工具创建、编辑和定义图表。7.3 相关知识7.3.1创建图表7.3 相关知识在工具箱中展开图表工具组，如图 7-2 所示。其中共有 9 个图表工具，分别是【柱形图工具】、【堆积柱形图工具】、【条形图工具】、【堆积条形图工具】、【折线图工具】、【面积图工具】、【散点图工具】、【饼图工具】和【雷达图工具】。1.图表工具7.3.1创建图表7.3 相关知识1.图表工具7.3.1创建图表7.3 相关知识9 种图表工具代表着 9 种不同的图表类型。1）柱形图表柱形图表是最常用的图表表示方法，柱的高度与数据大小成正比。（1）选择【柱形图工具】，在页面上任意位置单击，弹出图

3、7-3 所示的【图表】对话框。2.图表类型7.3.1创建图表7.3 相关知识在【宽度】和【高度】参数栏中输入数值，可设置图表的宽度和高度，单击【确定】按钮将自动在页面中建立图表，同时弹出图表数据输入框，如图 7-4 所示。2.图表类型7.3.1创建图表7.3 相关知识2.图表类型7.3.1创建图表7.3 相关知识（2）在数据输入框中选中一个单元格，可以在左上方的参数栏中输入各种文本或数值，然后按【Enter】键或【Tab】键确认，将文本或数值添加到选中的单元格中，如图 7-5 所示。（3）完成文本和数据的录入后，单击【应用】按钮 将显示图表效果，如图 7-6 所示。2.图表类型7.3.1创建图

4、表7.3 相关知识2.图表类型7.3.1创建图表7.3 相关知识2.图表类型7.3.1创建图表7.3 相关知识2）堆积柱形图表堆积柱形图表与柱形图表在外观显示上非常相似，柱形图表显示为单一的数据比较，而堆积柱形图表显示的是全部数据总和的比较，如图 7-9 所示。其使用方法与柱形图表的使用方法相同。2.图表类型7.3.1创建图表7.3 相关知识2.图表类型7.3.1创建图表7.3 相关知识3）条形图表与堆积条形图表条形图表与柱形图表类似，只是柱形图表是以垂直方向上的矩形显示图表中的各组数据，而条形图表是以水平方向上的矩形来显示图表中的数据，如图 7-10（a）所示。2.图表类型7.3.1创建图表

5、7.3 相关知识堆积条形图表与堆积柱形图表类似，但是堆积条形图表是以水平方向的矩形条来显示数据总量的，与堆积柱形图表正好相反，如图 7-10（b）所示。2.图表类型7.3.1创建图表7.3 相关知识2.图表类型7.3.1创建图表7.3 相关知识4）折线图表折线图表可以显示出某种事物随时间变化的发展趋势，很明显地表现出数据的变化走向。折线图表也是一种比较常见的图表，给人很直接明了的视觉效果，如图 7-11 所示。2.图表类型7.3.1创建图表7.3 相关知识2.图表类型7.3.1创建图表7.3 相关知识5）面积图表面积图表与折线图表类似，区别在于面积图表是利用折线下的面积而不是折线来表示数据的变

6、化情况，如图 7-12 所示。2.图表类型7.3.1创建图表7.3 相关知识2.图表类型7.3.1创建图表7.3 相关知识6）散点图表散点图表与其他图表不太一样，散点图表可以将两种有对应关系的数据同时在一个图表中表现出来，如图7-13所示。散点图表的横坐标与纵坐标都是数据坐标，两组数据的交叉点形成了坐标点。【切换 X/Y】按钮 是专为散点图表设计的，可调换 X 轴和 Y 轴的位置。2.图表类型7.3.1创建图表7.3 相关知识2.图表类型7.3.1创建图表7.3 相关知识7）饼形图表饼形图表是一种常见的图表，适用于一个整体中各组成部分的比较，该类图表的应用范围比较广泛，如图 7-14 所示。饼

7、形图表的数据整体显示为一个圆，每组数据按照其在整体中所占的比例，以不同颜色的扇形区域显示出来。饼形图表不能准确地显示各部分的具体数值。2.图表类型7.3.1创建图表7.3 相关知识2.图表类型7.3.1创建图表7.3 相关知识8）雷达图表雷达图表是以一种环形的形式对图表中的各组数据进行比较，形成比较明显的数据对比，雷达图表适合表现一些变化悬殊的数据，如图 7-15 所示。2.图表类型7.3.1创建图表7.3 相关知识2.图表类型7.3.2设置图表7.3 相关知识执行【对象】|【图表】|【类型】命令或双击任意图表工具，将弹出【图表类型】对话框，如图 7-16所示，利用该对话框可以更改图表的类型，

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

9、表类型】对话框7.3.2设置图表7.3 相关知识3）图表样式【样式】选项组中的各选项可以为图表添加一些特殊的外观效果。1.【图表类型】对话框7.3.2设置图表7.3 相关知识4）图表选项除了面积图表以外，其他类型的图表都有一些附加选项可供选择，在【图表类型】对话框中选择不同的图表类型，其【选项】选项组中包含的选项各不相同。下面分别对各类型图表的选项进行介绍。1.【图表类型】对话框7.3.2设置图表7.3 相关知识柱形图表、堆积柱形图表、条形图表和堆积条形图表有一些共同的选项，如图 7-17 所示。其中【列宽】指图表中每个柱形条的宽度；【条形宽度】指图表中每个条形的宽度；【簇宽度】指所有柱形或条

10、形所占据的可用空间。1.【图表类型】对话框7.3.2设置图表7.3 相关知识1.【图表类型】对话框7.3.2设置图表7.3 相关知识在【图表类型】对话框顶部的下拉列表框中选择【数值轴】选项，如图 7-21 所示。刻度值：选中【忽略计算出的值】复选框时，下方的 3 个文本框将被激活，【最小值】表示坐标轴的起始值，即图表原点的坐标值；【最大值】表示坐标轴的最大刻度值；【刻度】用来决定将坐标轴上下分为多少部分。2.设置坐标轴7.3.2设置图表7.3 相关知识2.设置坐标轴7.3.2设置图表7.3 相关知识 刻度线：在该选项组中，【长度】下拉列表框中包括 3 个选项：选择【无】选项表示不使用刻度标记；

11、选择【短】选项表示使用短刻度标记；选择【全宽】选项，刻度线将贯穿整个图表。【绘制】文本框表示相邻两个刻度间的刻度标记条数。2.设置坐标轴7.3.2设置图表7.3 相关知识 添加标签：【前缀】文本框是指在数值前加符号；【后缀】文本框是指在数值后加符号。2.设置坐标轴7.3.3使用图表图案7.3 相关知识Illustrator CS6 可以自定义图表的图案，使图表更加生动。选择在页面中绘制好的图形符号，执行【对象】|【图表】|【设计】命令，在弹出的【图表设计】对话框中单击【新建设计】按钮新建图案，如图 7-23（a）所示。单击【重命名】按钮，弹出【图表设计】对话框，如图 7-23（b）所示，设置完

12、毕后单击【确定】按钮。7.3.3使用图表图案7.3 相关知识7.3.3使用图表图案7.3 相关知识在【图表设计】对话框中单击【粘贴设计】按钮，可以将图案粘贴到页面中，对图案可以重新进行修改和编辑，编辑修改后的图案还可以重新定义。在对话框中编辑完成后，单击【确定】按钮，完成对一个图表图案的定义。7.4 操 作 步 骤01 新建文档。使用【矩形工具】绘制绿色（R：209，G：234，B：155）矩形，设置矩形大小。02 在【图层】调板中复制矩形。03 为复制的矩形填充图案效果。04 在【透明度】调板中将矩形的不透明度设置为 50%。7.4 操 作 步 骤05 在【图层】调板中单击眼睛图标后面的方框

13、，将图层 1 锁定。06 在工具箱中选择【饼图工具】，按下【Shift】键的同时在视图中绘制，创建饼形图，并在数据表中输入数据。07 设置完毕后单击【应用】按钮 创建饼形图。08 选中创建的饼形图，执行【对象】|【取消编组】命令，此时弹出对话框，单击【是】按钮将饼形图变为普通图形。7.4 操 作 步 骤09 再次执行【取消编组】命令，取消图形的编组状态。10 分别选择图形并设置颜色。11 依次选中不同的色块，将图形分别取消编组状态，并调整图形的位置。12 选中组成圆形的 4 个图形，执行【效果】|【3D】|【凸出和斜角】命令，打开【3D 凸出和斜角选项】对话框，设置参数。7.4 操 作 步 骤

14、13 设置完成后关闭对话框。14 在【图层】调板中设置图形的先后顺序。15 使用【选择工具】微调图形的位置，。16 在视图中添加相关的文字信息和装饰图形，完成该案例的制作。7.5 实 训 演 练图 7-39 为销售额统计图表，目的是学习如何在制作图表的过程中输入图表文本和数值。7.5 实 训 演 练该实例使用【柱形图工具】创建而成，在创建时，需要分清楚竖列和横行各需要输入哪些内容，图 7-40 是该海报的制作流程示意图。7.5 实 训 演 练7.5 实 训 演 练数据图表的主要制作步骤如下。（1）新建一个横向文档，选择工具箱中的【柱形图工具】，在页面中单击并拖放出一定的区域作为图表的尺寸，然后将光标移至弹出的图表数据输入对话框中，按【Delete】键将第一格中的内容删除，单击第一行第二个单元格，在数据输入栏输入“销售一部”标签字样，单击第三个单元格，结束第二个单元格标签的输入。7.5 实 训 演 练数据图表的主要制作步骤如下。（2）参照步骤（1）的方法完成第一行后面两个标签的输入，然后从第一列第二个单元格依次向下输入年份标签。输入完毕后，单击对话框右上角的【应用】按钮 将数据应用到图表中，关闭数据输入对话框后，为图表设置颜色属性。THANK YOU