
1.5 使用画板
画板是图稿中可打印的区域,也是设计师的好帮手。通过创建多个画板,可以轻松地改变设计方案,创建多页PDF文件,以及多个打印页面。
AI技术/设计讲堂:什么是画板?为什么使用画板
画板的特殊意义
在文档窗口中,位于画板上的图稿可以打印和导出。画板之外的区域是画布,如图1-122所示。画布比画板的范围大,可以承载图稿,但不能打印和导出。
Illustrator的每个文档最多可以容纳1 000个画板。这有什么意义呢?就是我们可以在一个文档中创建多个画板,在每个画板上创建不同的内容,例如多页PDF、大小或内容不同的打印页面、网站的独立元素、视频故事板或者组成Adobe Animate或After Effects中的动画的各个项目等。
再具体点说,比如做UI设计时,设计师需要为不同比例的显示器、各种屏幕尺寸的手机和平板电脑等制作图稿。就是说,同一个设计方案,要制作出不同尺寸的图稿,以满足各种输出设备的需要。如果文档只能容纳一个画板,那么每种尺寸的图稿都需要一个文档。而有了多画板功能就简单了,将所有方案放在一个文档中,图形的复制及修改特别方便,如图1-123所示。

图1-123
使用“文件>新建”命令(参考此处)创建文档时,可以设置文档中画板的数量。在编辑图稿的过程中,则可以根据需要,随时添加和删除画板。选取画板工具后,就会进入画板编辑状态,此时可以使用“画板”面板、“属性”面板或“控制”面板来设置画板的方向,对其进行重新排序和重新排列。
画板的创建和编辑方法
- 自由创建画板:使用画板工具
拖曳鼠标,可以自由定义画板的位置和大小。
- 转换为画板:选择一个矩形图形,执行“对象>画板>转换为画板”命令,可以将它转换为画板。
- 复制画板:单击一个画板,如图1-124所示,之后单击“控制”面板中的
按钮,可以复制出不包含图稿的画板,如图1-125所示。如果想复制出包含图稿的画板,可以单击“控制”面板中的
按钮,之后按住Alt键拖曳画板,如图1-126所示。

图1-124

图1-125

图1-126
- 移动画板:使用画板工具
拖曳画板,即可将其移动。需要注意的是,当画板中有锁定或隐藏的对象时,它们是不会随画板移动的。如果想让它们也一同移动,可以执行“编辑>首选项>选择和锚点显示”命令,打开“首选项”对话框,勾选“移动锁定和隐藏的带画板的图稿”选项。
- 调整画板大小:使用画板工具
单击一个画板,之后拖曳定界框上的控制点即可调整画板大小。如果要精确定义画板尺寸,可以在“控制”面板或“属性”面板中的“宽”和“高”选项中输入数值并按Enter键。
- 切换画板:当文档中包含多个画板时,只有一个画板处于编辑状态。单击状态栏
中的按钮可以切换画板。
- 修改画板名称:画板左上角是画板的名称。如果要对其进行修改,可以选择画板工具
,单击画板,然后在“控制”面板或“属性”面板的“名称”选项中操作。
- 修改画板方向:单击“属性”面板或“控制”面板中的纵向按钮
或横向按钮
即可。
- 删除画板:使用画板工具
单击一个画板,单击“控制”面板、“画板”面板中的
按钮或按Delete键可将其删除。
- 隐藏画板边界:画板边界由实线定义。如果要隐藏边界,可以执行“视图>隐藏画板”命令。
- 适合图稿边界/适合选中的图稿:执行“对象>画板>适合图稿边界”命令,可以自动调整画板大小,将其边界调整到所有图稿的边界处,即涵盖所有图稿。如果选择一个图稿,并执行“对象>画板>适合选中的图稿”命令,则可以将画板边界调整到选中的图稿的边界处。
1.5.1 实战:为手机和平板电脑出设计方案
使用画板工具拖曳鼠标,即可创建画板。该工具还可以调整画板大小、移动和复制画板,甚至能让它们彼此重叠。在下面的实战中,我们来学习如何使用它。

扫码看视频
01 按Ctrl+O快捷键,打开素材。单击画板工具,使文档中的画板处于编辑状态,如图1-127所示。单击“控制”面板中的
按钮,打开下拉菜单,选取“iPad Pro”命令,并单击
按钮,将该画板调整为iPad屏幕大小,如图1-128和图1-129所示。

图1-127

图1-128

图1-129
02使用选择工具拖曳图形进行摆放,做成手机屏幕设计方案,如图1-130所示。

图1-130
03 选择画板工具,按住Alt键拖曳画板,复制画板及图稿,如图1-131所示。

图1-131
04 打开“控制”面板中的下拉菜单,选择“iPhone X”命令,将该画板的尺寸修改为iPhone X手机屏幕大小,如图1-132所示。

图1-132
05 用选择工具重新对画面中的图稿进行重新布局,如图1-133所示。这是第2个设计方案。选择画板工具
,拖曳当前画板,将间距调小,如图1-134所示。

图1-133

图1-134
06 下面将这两个画板对齐。按住Shift键单击另一个画板,将它一同选取,如图1-135所示。如果画板数量较多,可以按住Shift键拖曳出一个选框,将所有画板框选。单击“控制”面板中的按钮,让所选画板的顶部对齐,如图1-136所示。单击其他工具或按Esc键,退出画板编辑状态。使用“文件>存储为”命令,保存文档(选取AI格式)。

图1-135

图1-136
1.5.2 重新排列画板
创建多个画板以后,可以用“对象>画板>重新排列所有画板”命令修改画板的布局方式,如图1-137所示。

图1-137
- 按行设置网格
/按列设置网格
:按指定的行数或列数排列所有画板。
- 按行排列
/按列排列
:将所有画板排成一行或一列。
- 版面顺序:可以让画板从左至右或者从右至左排列。例如,默认情况下,画板从左至右排列。如果单击
按钮,则“按行设置网格”和“按列设置网格”选项将分别变为“按行从右至左设置网格”和“按列从右至左设置网格”。
- 间距:可以指定画板的间距。此设置同时应用于水平间距和垂直间距。
- 随画板移动图稿:移动画板时图稿一同移动。
1.5.3 设置画板选项
“属性”面板和“控制”面板包含了一些画板编辑选项,但没有“画板选项”对话框功能全、项目多。如果要对一个画板进行修改,可以选择画板工具,单击它,将其选取,之后单击“控制”面板中的
按钮,打开“画板选项”对话框进行设置,如图1-138所示。

图1-138
- 名称:可以修改画板的名称。
- 预设:可以选取一个预设的画板尺寸。这些预设为指定输出设置了相应的视频标尺像素长宽比。
- 宽度/高度:可以设置画板的宽度和高度。
- X/Y:可以根据Illustrator工作区标尺来指定画板位置。如果要查看标尺,可以执行“视图>标尺>显示标尺”命令。
- 方向:可以指定页面方向为横向或纵向。
- 约束比例:手动调整画板大小时,如果要保持画板宽高比不变,可以勾选该选项。
- 渐隐画板之外的区域:选择画板工具时,画板以外的区域自动变暗。
- 拖动时更新:通过拖曳方法调整画板大小时,可以使画板以外的区域变暗。
1.5.4 与视频有关的画板选项
在“画板选项”对话框中,画板标尺、中心标记、十字线和视频安全区对于制作视频非常有用。例如,处理要导出为视频的图稿时,可以执行“视图>标尺>显示视频标尺”命令,在图稿上显示视频标尺,如图1-139所示。

图1-139
标尺上的数字可以反映特定于设备的像素。Illustrator的默认视频标尺像素长宽比(VPAR)是1(对于方形像素)。如果使用的是非方形像素,标尺可用于简化特定于设备的像素计算工作。例如,如果指定100×100 Illustrator点的画板,并且在导出文件以用于NTSC DV宽银幕之前希望了解与设备相关的像素的确切大小,则可在Illustrator中设置视频标尺以使用视频标尺像素长宽比1.2(对于宽像素),标尺会反映出这一变化并将画板显示为83×100设备像素(100/1.2≈83)。
- 显示中心标记:在画板中心显示一个点。
- 显示十字线:显示通过画板每条边中心的十字线。
- 显示视频安全区域:显示参考线,这些参考线表示位于可查看的视频区域内的区域。用户能够查看的所有文本和图稿都应放在视频安全区域内。
- 视频标尺像素长宽比:指定用于视频标尺的像素宽高比。
1.5.5 “画板”面板
使用“画板”面板可以添加和删除画板、对画板进行重新排序和重新排列画板,如图1-140所示。

图1-140
- 重新排列所有画板
:单击该按钮,可以打开“重新排列所有画板”对话框。
- 新建画板
:单击该按钮,可以创建一个画板。
- 删除画板
:单击“画板”面板中的一个画板,之后单击该按钮,可将其删除。
- 上移
/下移
:单击一个画板,之后可通过单击这两个按钮,调整其在“画板”面板中的排列顺序。该操作不会重新排列文档窗口中的画板。