Illustrator教程

不论哪个行业,做统计数据都离不开图表。图表的形式比较多,但最常见的9种图表都可以用Illustrator制作出来。而且我们还能对图表样式进行装饰和美化,以满足一些特殊行业或者企业的个性化需求。

AI技术/设计讲堂:图表的种类及区别

Illustrator有9个图表工具,它们的名称反映了其所能够创建的图表类型。例如,柱形图工具可以创建柱形图,折线图工具能创建折线图。

  • 柱形图:利用柱形的高度反应数据差异,可以非常直观地显示一段时间内的数据变化或各项之间的比较情况,如图12-114所示。

图12-114

  • 堆积柱形图:将数据堆积在一起,不只体现某类数据,还能反应它在总量中所占的比例,如图12-115所示。

图12-115

  • 条形图:与柱形图类似,能很好地展现项目之间的对比情况,如图12-116所示。

图12-116

  • 堆积条形图:与堆积柱形图类似,但是条形是水平堆积而不是垂直堆积,如图12-117所示。

图12-117

  • 折线图:以点显示统计数据,再用折线连接,如图12-118所示。适合展示一段时间内一个或多个主题项目的变化趋势,对于确定项目的进程很有用处。

图12-118

  • 面积图:与折线图类似,但会对形成的区域进行填充,如图12-119所示。这种图表适合强调数值的整体和变化情况。

图12-119

  • 散点图:沿x轴和y轴,将数据点作为成对的坐标组进行绘制,如图12-120所示。此类图表适合识别数据中的图案或趋势,表示变量是否相互影响。

图12-120

  • 饼图:把数据的总和作为一个圆形,各组统计数据依据其所占的比例将圆形划分,如图12-121所示。适合显示分项大小及在总和中所占的比例。

图12-121

  • 雷达图:也称网状图,能在某一特定时间点或特定类别上比较数值组,如图12-122所示。主要用于专业性较强的自然科学统计。

图12-122

AI技术/设计讲堂:图表编辑技巧

创建图表以后,可以使用直接选择工具或编组选择工具选取图表中的图例、图表轴和文字等,再进行修改,如图12-123~图125所示。由于图表是与其数据相关的对象组,因此,不能取消编组,否则,图表就不具备可修改的特性,例如,不能转换成其他类型的图表、不能更改格式、不能修改数值轴和类别轴等,而成为普通对象了。另外,在图表中,组的关系也有点复杂。例如,带图例的整个图表是一个大的组,所有数据组是图表的次组。每个带图例框的数据组是所有数据组的次组,每个值都是其数据组的次组。注意,不仅不要取消图表中对象的组,也尽量不要将它们重新编组。

图12-123

图12-124

图12-125

12.4.1 “图表数据”对话框

创建图表时会打开“图表数据”对话框,如图12-126所示。

图12-126

  • 输入文本框:可以为数据组添加标签并在图例中显示。操作方法是:单击一个单元格,之后便可输入数据,如图12-127和图12-128所示。按↑、↓、←、→键可切换单元格;按Tab键,可以输入数据并选取同一行中的下一单元格;按Enter键可以输入数据并选择同一列中的下一单元格。如果希望Illustrator为图表生成图例,应删除左上角单元格的内容并保持此单元格为空白。

图12-127

图12-128

  • 单元格左列:单元格的左列用于输入类别标签。类别通常为时间单位,如日、月、年。这些标签沿图表的水平轴或垂直轴显示。只有雷达图图表例外,它的每个标签都产生单独的轴。如果要创建只包含数字的标签,应使用半角双引号将数字引起来。例如,要将年份1996作为标签使用,应输入"1996",如图12-129所示。如果输入全角引号(“”),则引号也显示在年份中,如图12-130所示。

图12-129

图12-130

  • 导入数据可以导入其他应用程序创建的数据。

  • 换位行/列可以转换行与列中的数据。

  • 切换x/y创建散点图时,单击该按钮,可以对调x轴和y轴的位置。

  • 单元格样式单击该按钮,可以打开“单元格样式”对话框,其中“小数位数”选项用来定义数据中小数点后面的位数。默认值为2位,此时在单元格中输入数字“4”时,在“图表数据”窗口框中显示为4.00;在单元格中输入数字“1.55823”,则显示为1.56。如果要增加小数位数,可增大该选项中的数值。“列宽度”选项用来调整“图表数据”对话框中每一列数据的宽度。调整列宽不会影响图表中列的宽度,只是用来在列中查看更多或更少的数字。

  • 恢复单击该按钮,可以将修改的数据恢复到初始状态。

  • 应用输入数据后,可单击该按钮创建图表。

12.4.2 实战:创建图表

01 选择柱形图工具,在画板上单击,弹出“图表”对话框,输入宽度和高度,如图12-131所示,按照该尺寸创建图表。需要注意:在“图表”对话框中定义的尺寸是图表主要部分的尺寸,并不包括图表的标签和图例。


图12-131

02放开鼠标左键后,弹出“图表数据”对话框。单击一个单元格,然后在对话框顶部的文本框中输入数据,如图12-132所示。按→、←、↑、↓键可以切换单元格。

图12-132

提示

制作带负值的图表时,数据前要添加“-”。

03 单击对话框右上角的按钮或按Enter键,关闭对话框,创建图表,如图12-133所示。

图12-133

12.4.3 实战:制作双轴图

双轴图可以更加直观地体现数据的走势,因而应用的场合比较多。最常见的双轴图是柱形图+折线图的组合。Illustrator并不局限于此,除散点图外,可以对其他任何类型的图表进行组合。


01 新建一个文档。选择柱形图工具,拖曳出矩形框,确定图表范围。如果想创建正方形图表,可以按住Shift键操作。放开鼠标左键后,弹出“图表数据”对话框,输入数据,如图12-134所示。在标签中创建换行符的时候,即输入“1季度|2023”时,“|”符号用Shift+\键输入。单击按钮创建图表,如图12-135所示。

图12-134

图12-135

02 选择编组选择工具,将鼠标指针移动到黑色数据组上,单击3下,选择所有黑色数据组,如图12-136所示。执行“对象>图表>类型”命令或双击任意图表工具,打开“图表类型”对话框。单击折线图按钮,如图12-137所示,之后单击“确定”按钮关闭对话框,将所选数据组改为折线图。

图12-136

图12-137

03 在浅灰色数据组上单击3次,选取数据组,修改填充颜色,无描边,如图12-138所示。

图12-138

提示

在一个图表中使用多种图表时,可以沿右轴使用一个数据组,沿左轴使用其他数据组。这样,每个轴都可以测量不同的数据。

12.4.4 实战:制作立体图表

01 选择饼图工具,在画板上单击,弹出“图表”对话框,输入宽度和高度,按照该尺寸创建图表并输入数据,如图12-139和图12-140所示。


图12-139

图12-140

02 按Enter键,关闭对话框,创建图表,如图12-141所示。执行“对象>取消编组”命令,解散组。按Shift+Ctrl+G快捷键继续取消编组,直至用选择工具单击各个图形时,它们与右侧的图例不在一个组里,如图12-142所示。

图12-141

图12-142

03 用选择工具分别选取饼状图形,取消描边,填充不同的颜色,如图12-143所示。移动这3个图形,让它们错开一些位置,如图12-144所示。可以调一下大小,做好图形的衔接。将3个图形选取,按Ctrl+G快捷键编组。拖曳定界框顶部的控制点,将图形压扁,如图12-145所示。

图12-143

图12-144

图12-145

04 按Ctrl+C快捷键复制,后面会用到。按住Alt+Shift键向下拖曳进行复制,如图12-146所示。按住Shift键拖曳控制点,将图形等比缩小,如图12-147所示。按Shift+Ctrl+[快捷键,调整到底层。拖曳出一个选框,选取这两组图形,如图12-148所示。按Alt+Ctrl+B快捷键创建混合。

图12-146

图12-147

图12-148

05 双击混合工具,打开“混合选项”对话框,设置参数,如图12-149所示,混合效果如图12-150所示。

图12-149

图12-150

06 按Ctrl+F快捷键粘贴图形,如图12-151所示。使用编组选择工具选取图形并修改颜色,如图12-152所示。

图12-151

图12-152

07 用选择工具选取文字,按Shift+Ctrl+G快捷键取消编组。拖曳到图形上方,修改文字颜色和字体(黑体),如图12-153所示。保持文字被选取,选择倾斜工具,在离文字远一点的地方拖曳鼠标,扭曲文字,如图12-154所示。选择选择工具,按住Alt键拖曳文字,进行复制,之后修改文字内容。图12-155所示为最终效果。

图12-153

图12-154

图12-155

12.4.5 实战:用Microsoft Excel数据创建图表

Microsoft Excel是专门用于各种数据的处理、统计和分析的电子表格软件。我们做图表时,主要还是从Excel中获取数据。


01 选择柱形图工具,在画板上拖曳鼠标,确定图表的大小,如图12-156所示;放开鼠标左键后,弹出“图表数据”对话框。输入年份信息,如图12-157所示。

图12-156

图12-157

02 打开Excel数据素材。将鼠标指针移动到“生产”文字上方,向右下方拖曳鼠标,将文字及数据选取,如图12-158所示;按Ctrl+C快捷键复制。

图12-158

03 切换到Illustrator中,在图12-159所示的单元格中单击,按Ctrl+V快捷键粘贴数据,如图12-160所示。单击应用按钮,创建图表,如图12-161所示。

图12-159

图12-160

图12-161

12.4.6 实战:用文本数据创建图表

文字处理程序创建的文本可以导入Illustrator中生成图表。在使用文本文件时,它的每个单元格的数据应由制表符隔开,每行的数据应由段落回车符隔开。数据只能包含小数点或小数点分隔符,否则,无法绘制此数据对应的图表。例如,应输入“732000”,而不是“732,000”。


01 图12-162所示为本实战的素材,这是用Windows的记事本创建的纯文本格式的文件。选择柱形图工具,在画板上拖曳鼠标,弹出“图表数据”对话框。

图12-162

02 单击导入数据按钮,在打开的对话框中选择该文本文件,导入数据,如图12-163所示。按Enter键,创建图表,如图12-164所示。

图12-163

图12-164

12.4.7 实战:修改图表数据

如果图表数据有更新的可能,尽量不要解散图表组,保留图表数据的可修改性,以备不时之需。


01 打开图表素材。选择选择工具,单击图表,如图12-165所示。

图12-165

02 执行“对象>图表>数据”命令,打开“图表数据”对话框,对数据进行修改,如图12-166所示。按Enter键关闭对话框,更新数据,如图12-167所示。

图12-166

图12-167