矢量图设计与制作（ Illustrator CC 2022） 教案 模块七制作图表配套教案

《矢量图设计与制作》配套教学教案课时内容图表授课时间课时6学习目标知识目标了解并掌握图表的创建与编辑；掌握自定义图表的使用；熟悉各种类型图表的参数选项的设置方法；能力目标能绘制中国GDP增速图表，感受国家的发展；能制作居民人均消费支出及构成分布图，了解居民的生活水平；能设计图案制作自定义图表；素养目标提高图表的设计能力；提升设计各类标志、图标的能力；培养艺术表达和创意表现的兴趣和意识；思政目标关心时政，增强政治意识，增强民族自豪感；深入社会实践、关注现实问题，培育诚信服务、德法兼修的职业素养。教学重点掌握图表的创建与编辑，熟悉各种类型图表的参数选项设置方法。教学难点掌握自定义图表的使用，能设计图案制作自定义图表，提升图表的个性化与表现力。教学流程教学内容具体可结合本章的PPT课件进行配合讲解。项目一创建图表一、图表工具IllustratorCC2022提供了了9种不同的图表工具，利用这些工具可以创建不同类型的图表。选择工具箱中的“图表”工具并按住鼠标左键不放，展开图表工具组。工具组中包含“柱形图”工具、“堆积柱形图”工具、“条形图”工具、“堆积条形图”工具、“折线图”工具、“面积图”工具、“散点图”工具、“饼图”工具、“雷达图”工具。柱形图：用长度与数值成比例的矩形按垂直方向来表示一组或多组数据及其互相间的变化关系。堆积柱形图：用来表示数据的矩形以垂直方向堆放在一起，用来表示部分与整体之间的关系。条形图：以水平方向的形式来表示一组或多组数据及其互相间的变化关系。堆积条形图：用来表示数据的矩形以水平方向排列在一起，用来表示部分与整体之间的关系。折线图：用折线的表现方式来显示相关数据的变化，它对于一个或多个数据随时间发展而显示出的某种变化非常清晰与直观。面积图：用带有颜色的面积块来显示相关数据的变化。散点图：通过X和Y坐标来确定相关数据变化的各个散点的位置。饼图：在整个圆内分割扇形区域的大小显示相关数据的变化。雷达图：通过雷达状图表来显示相关数据的变化，它在某一特定的时间点或特定类别上比较，进而通过环形格式表现出来。二、创建图表1.鼠标长按工具箱中的“图表”工具，在展开的图表工具组中，选择图表类型。或双击工具箱中的“图表”工具，或选择“对象>图表>类型”命令，打开“图表类型”对话框，根据设计需要，选择图表类型和其他参数选项，单击“确定”按钮。2.鼠标在页面上单击并拖动绘制出一矩形区域，确定图表的大小。或鼠标直接在页面上单击，打开“图表”对话框。3.在对话框中输入图表的宽度和高度，设置完成后单击“确定”按钮。将自动在页面中建立根据输入数值创建的图表，同时打开输入图表数据的对话框。4.在输入图表数据对话框中按图表的要求输入各种文本或数值，按Tab或Enter键确认。数据输入完毕后，单击“”按钮即可得到与数据对应的图表。三、图表的组成图表是一个由各种基本元素组成的群组对象，X轴表示类别轴，Y轴表示数值轴，主体部分是代表各组数据的数据列，右上角的图形符号表示图例。随学随练根据提供的2018年-2022年中国近五年的GDP增长数据，绘制中国GDP增速图表。知识要点：矩形工具、文字工具、多边形工具、剪切蒙版、图表工具项目二编辑图表一、图表元素的选择对图表元素进行有关操作时，必须先选择对应的元素。可根据要选择对象的不同，使用不同的选择工具进行操作。“选择”工具：单击选中整个图表。“直接选择”工具：可选择最基本的图表元素。按Shift键可以进行多选。“编组选择”工具是最常用的图表元素选择工具，方便快捷。用“编组选择”工具单击一次图表中的元素，可选中相应的元素，如要选择“2017年铁路新线里程”数据列，只需单击一次即可选中。二次单击它，则选中铁路新线里程各年的里程数据列；三次单击它，则选中铁路新线里程各年的里程数据列及铁路新线里程的图例；四次单击它，则选中所有数据列和所有图例；五次单击它，则选中整个图表。如单击一次刻度轴上的数值，则选中它；二次单击则选中整个刻度轴上的所有数值；三次单击则选中整个图表。二、图表数据的修改图表创建好后，相关数据可能因某些原因需要更新或者变动，可以再次编辑图表数据，相应的图表也会随之更新。选中图表，右击鼠标，在弹出的快捷菜单中选择“数据”命令，即可打开“图表数据”输入对话框，根据需要重新编辑图表数据。修改完成后，单击“”按钮即可完成图表数据的修改。三、图表类型的更改每种图表类型在表述问题时都有它的不足之处，当选用的图表类型不能很好的表达问题时，可以考虑更换图表类型。如要把柱形图更改为折线图表，选中图表，右击鼠标，在弹出的快捷菜单中选择“类型”命令，即可打开“图表类型”对话框，在“图表选项”的“类型”选项中选择“折线图”，选好后，单击“确定”按钮即可完成图表类型的更改。除了可以更改整个图表的类型，还可以只选择某个或某些数据列将其改为其他图表类型，从而实现在一张图表中用不同的图表类型来表达数据。四、图表文本格式的设置图表中的图例文字、刻度轴中的数值等内容，在生成图表时都使用默认的字体和字体大小。要改变图表中文字的大小、字体、颜色，可用“编组选择”工具或“直接选择”工具选择要修改的文字，在“属性”面板的文字选项中进行相关参数的设置。五、图表颜色的设置新创建的图表只用不同灰度的颜色表示，未免不够美观，为了使图表更加新颖或要突出某一数据，可以通过修改图表图形颜色来实现。可用“编组选择”工具或“直接选择”工具选择要设置颜色的图形元素，在“属性”面板的“外观”选项中设置图形的填色、描边颜色和粗细等。六、更改图表数值轴的位置和刻度1.更改图表数值轴的位置在所有图表类型中，除饼图之外，所有的图表都有对应的刻度轴（数值轴和类别轴）。可以设置在图表的一侧显示数值轴或者两侧都显示数值轴。选中图表，双击“图表”工具，打开“图表类型”对话框，在“数值轴”下拉列表选项中选择相应的位置（如选择位于两侧），单击“确定”按钮，图表根据选项作出不同效果。2.更改图表数值轴的刻度创建图表时，IllustratorCC2022会根据数值自动生成数值轴的刻度，也可根据要求自定义数值轴中的刻度、改变刻度线的长度，并将前缀和后缀添加数值的前后等。选中图表，双击“图表”工具，打开“图表类型”对话框，在“图表类型”对话框顶部的下拉列表选项中选择“数值轴”选项，切换至“数值轴”对话框。“刻度值”选项组：勾选“忽略计算出的值”复选框，下面的3个数值框被激活。“最小值”数值框：表示数值轴的起始值，图表原点的坐标值；“最大值”数值框：表示数值轴的最大刻度值；“刻度”数值框：设置数值框从最小值到最大值之间分成几个间隔。“刻度线”选项组：“长度”下拉列表项表示设置刻度标记，“无”选项表示不使用刻度标记；“短”选项表示使用短的刻度标记；“全宽”选项表示刻度线将贯穿整个图表。“绘制”数值框表示每个间隔划分几个刻度线。“添加标签”选项组：“前缀”文本框表示数值前加的符号；“后缀”文本框表示数值后加的符号。七、缩放图表大小在设计时，有时会发现创建的图表偏大或偏小，这时就要根据需要适当调整图表的大小。精确调整图表大小：选中图表，右击鼠标，在弹出的快捷菜单中选择“变换>缩放”命令，打开“比例缩放”对话框，在对话框中设置相关参数，单击“确定”按钮。鼠标拖曳调整图表大小：选中图表，选择“缩放”工具，在文档窗口中拖动鼠标，调整对象到所需的大小时为止。随学随练阅读下列材料，制作2022年居民人均消费支出及构成分布图表，效果如图7-32所示。据国家统计局1月17日数据显示：2022年，全国居民人均消费支出24538元，其中食品烟酒消费支出7481元，占人均消费支出的比重为30.5%；人均衣着消费支出1365元，占人均消费支出的比重为5.6%；人均居住消费支出5882元，占人均消费支出的比重为24.0%；人均生活用品及服务消费支出1432元，占人均消费支出的比重为5.8%；人均交通通信消费支出3195元，占人均消费支出的比重为13.0%；人均教育文化娱乐消费支出2469元，占人均消费支出的比重为10.1%；人均医疗保健消费支出2120元，占人均消费支出的比重为8.6%；人均其他用品及服务消费支出595元，占人均消费支出的比重为2.4%。知识要点：矩形工具、图表工具、编组选择工具、钢笔工具、文字工具项目三自定义图表IllustratorCC2022除了可以创建图表和编辑图表外，还可以自定义图案来修饰图表，让图表更加形象生动并具有个性。一、自定义图表的设计图案用来自定义图表的图案可以是现成的，也可以是自行绘制的。选中图形，选择“对象>图表>设计”命令，打开“图表设计”对话框。在“图表设计”对话框中，单击“新建设计”按钮，在对话框的预览框中将会显示所选中的图形对象。单击“重命名”按钮，弹出“图表设计”对话框，在对话框的“名称”文本框中输入自定义图案的名称，单击“确定”按钮，完成重命名。二、将设计图案应用到图表中自定义好图案后，就可以将图案对象应用到图表中。选择“编组选择”工具，双击图表上方的“铁路新线里程”图例标签，选中图表中该图例的所有元素。选择“对象>图表>柱形图”命令，打开“图表列”对话框，在“选取列设计”列表框中选择“铁路”图案，设置好各项参数后，单击“确定”按钮，将自定义的图案对象应用到所选的数据列图形中。“列类型”下拉列表中包括“垂直缩放”、“一致缩放”、“重复堆叠”、“局部缩放”四个选项内容。“垂直缩放”选项：表示根据数据的大小，对自定义的图案进行垂直方向的放大，水平方向大小保持不变。“一致缩放”选项：表示对自定义的图案在水平和垂直方向上等比缩放。“重复堆叠”选项：表示在垂直方向上重叠堆放多个自定义的图案。“每个设计表示”选项：表示每个自定义的图案代表多个单位。“截断设计”选项：表示不足一个图案时，用自定义图案的一部分来表示。“缩放设计”选项：表示不足一个图案时，由自定义图案按比例压缩来表示。“局部缩放”选项：表示将自定义的图案的一部分拉伸。随学随练根据中国汽车工业协会2021年和2022年发布数据显示：2021年我国全年汽车销售完成了2627.5万辆，同比增长为3.8%，新能源汽车销售完成了352.1万辆，同比增长157.5%。2022年我国全年汽车销售完成了汽车销量2686.4万辆，同比增长2.1%，新能源汽车销售完成了688.7万辆，同比增长93.4%。根据上述数据，绘制2021年和2022年汽车、新能源汽车销售量数据对比图表，效果如图7-47所示。知识要点：矩形工具、渐变工具、图表工具、编组选择工具、文字工具、钢笔工具【实训案例】一、阅读下列材料，根据数据制作图表。2023年2月，国家统计局发布2022年居民可支配收入的有关数据：2022年，全国居民人均可支配收入36883元，比上年名义增长5.0%，扣除价格因素，实际增长2.9%。城镇居民人均可支配收入49283元，增长（以下如无特别说明，均为同比名义增长）3.9%，扣除价格因素，实际增长1.9%。农村居民人均可支配收入20133元，增长（以下如无特别说明，均为同比名义增长）6.3%，扣除价格因素，实际增长4.2%。知识要点：知识工具、图表工具、文字工具课堂小结本模块主要学习在IllustratorCC2022中图表的制作。运用图表工具可创建各种类型的图表，实现数据图表化。并可对图形进行编辑，体现图表的个性化，从而达到各种数据统计和展示比较直观的视觉效果。课后提升一、知识回顾1.在IllustratorCC2022中创建图表后，所有元素是自动成组的，若要改变图表的单个元素，可以使用_______________和_______________