3.4 画板
画板功能较早出现于Adobe Illustrator软件中,现被融合至Photoshop软件中,这也是Photoshop CC 2015中新增的一项重要功能。本节将详细讲解画板功能的概念及其使用方法。
3.4.1 画板的概念与用途
在Photoshop中,画板功能可用于界定图像的显示范围,且可以通过创建多个画板,以满足设计师在同一图像文件中设计多个页面或多个方案等需求。
例如在设计移动设备应用程序的界面时,常常要设计多个不同界面下的效果图。在以前,用户只能够将其保存在不同的文件中,或保存在同一文件的不同图层组中,这样不仅操作起来非常麻烦,在查看和编辑时也极为繁琐,而使用Photoshop CC 2015新增的画板功能,可以在同一图像文件中创建多个画板,每个画板用于设计不同的界面,如图3.17所示。
图3.17
从画板提供的功能及参数等方面来看,主要以网络与移动设备的UI设计领域为主,但通过灵活的运用,也可以在平面设计、图像处理等领域中发挥作用。例如图3.18所示就是在同一图像文件中,利用画板功能分别设计一个海报的正面与反面时的效果。
图3.18
3.4.2 画布与画板的区别
画布是用于界定当前图像范围的,默认情况下,超出画布的图像都会被隐藏,从这一角度来说,画布与画板的功能是相同的。
二者的不同之处在于,画板是Photoshop CC 2015中新增的功能,它是高于画布的存在。更直观地说,在没有画板的情况下,画布是界定图像范围的唯一标准,而创建了画板之后,它将取代画布成为新的界定图像范围的标准。
与画布相比,画板功能的强大之处在于,在一个图像中,画布是唯一的,其示意图如图3.19所示,而画板(据官方说法)是无限的,其示意图如图3.20所示。用户可通过在同一文件中创建多个画板,并分别在各画板中设计不同的内容,以便于进行整体的浏览、对比和编辑。如前所述,这对于网页及界面设计来说,是非常有用的功能。
图3.19
图3.20
3.4.3 创建新画板
在本书前面讲解新建文档时,已经提到可以在创建新的图像文件时,设置新文件的画板及相关参数。除此之外,用户还可以使用画板工具创建与管理画板。默认情况下,用户可在移动工具上单击鼠标右键,在弹出的工具列表中选择画板工具,如图3.21所示。
图3.21
创建新画板是指使用画板工具,在一个无画板的文件中创建画板,此时可以在工具箱中选择画板工具,然后像使用裁剪工具一样,按住鼠标左键并拖动,绘制出要创建画板的范围即可。以图3.22所示的素材为例,图3.23所示是在中间的主体图像内部绘制新画板后的状态。
图3.22
图3.23
对比创建画板前后的效果,有以下几点需要注意。
■ 创建新画板后,会在现有的全部图层及图层组上方,增加一级特殊的图层组,即“画板1”,用于装载当前画板中的内容。
■ 创建新画板后,会自动在当前画板底部添加一个白色的颜色填充图层,用户可双击其缩略图,在弹出的对话框中重新设置其颜色。
■ 创建新画板后,图层缩略图中原本显示为透明的区域,自动变为白色,但其中的图像仍然具有透明背景,并没有被填充颜色。
■ 超出画板的内容并没有被删除,只是由于超出画板的范围,因此没有显示出来。
3.4.4 依据图层对象转换画板
在选中的一个或多个图层后,在图层名称上单击鼠标右键,在弹出的菜单中选择“来自图层的画板”命令,将弹出图3.24所示的对话框。
图3.24
在“从图层新建画板”对话框中,可根据需要选择预设的尺寸,或手动输入“宽度”及“高度”数值,然后单击“确定”按钮即可。
3.4.5 移动画板
在Photoshop中,用户可根据需要任意调整画板的位置,且画板中的内容也会随之移动。
在“图层”面板中选中一个或多个画板后,如图3.25所示,将光标置于要移动的画板内部,按住鼠标左键拖动,即可移动画板,如图3.26所示。
图3.25
图3.26
提示
当选中单个画板时,会自动切换至画板工具,此时必须将光标置于画板内部拖动,才可以移动画板;当选中多个画板时,会自动切换至移动工具,此时可将光标置于任意位置拖动,即可移动画板。
3.4.6 调整画板大小
在选中一个画板后,会自动切换至画板工具,在其工具选项条中可以设置当前画板的大小,如图3.27所示。用户可根据需要选择预设的尺寸,或手动输入“宽度”及“高度”数值即可。
图3.27
另外,在选中一个画板后,会在其周围显示画板控制框,用户可以直接拖动该控制框以调整画板的大小,如图3.28所示。
图3.28
3.4.7 复制画板
要复制画板,可以根据需要执行以下操作之一。
■ 在“图层”面板中选中一个或多个要复制的画板,然后按住Alt键拖动至目标位置即可。
■ 在“图层”面板中选择需要复制的画板,将其拖动至“创建新图层”按钮上,即可复制画板。
■ 选中要复制的画板,然后在其名称上单击右键,在弹出的菜单中选择“复制画板”命令,或直接选择“图层”|“复制画板”命令,将弹出类似图3.29所示的对话框,在其中可以设置复制的画板名称及目标文档的位置。
图3.29
3.4.8 更改画板方向
在“图层”面板中选择一个画板后,在工具选项条中可以单击“制作纵版”按钮或“制作横版”按钮,以改变画板的方向。
3.4.9 重命名画板
重命名画板的方法与重命名图层或图层组是相同的,用户可直接在画板名称上双击鼠标,待其名称变为可输入状态后,输入新的名称并按Enter键确认即可。
3.4.10 分解画板
分解画板是指删除所选的画板,但保留其中的内容。要分解画板,可以按Ctrl+Shift+G键或选择“图层”|“取消画板编组”命令即可。
3.4.11 将画板导出为图像
在创建多个画板并完成设计后,要将其导出成为图像以供预览或印刷,可以按照下面的方法操作。
1.快速导出为PNG
选择“文件”|“导出”|“快速导出为PNG”命令,在弹出的对话框中选择文件要保存的路径,即可按照画板的名称及默认的参数,将各个画板中的内容导出为PNG格式的图像。
2.高级导出设置
按Ctrl+Alt+Shift+W键或选择“文件”|“导出”|“导出为”命令,将调出图3.30所示的对话框。
图3.30
在“导出为”对话框中,左侧可选择各个画板,在中间进行预览,然后在右侧设置导出的格式及相关的宽度、高度、分辨率、画布大小等参数。
提示
使用上述的“快速导出为PNG”及“导出为”命令时,对于不包含在任何画板中的图像,不会进行导出。另外,若文档中不存在任何的画板,则会将当前的图像以画布尺寸导出为PNG图像。
3.4.12 导出选中图层/画板中的内容
若要只导出当前选中的图层或画板中的内容为图像,可以在“图层”菜单中选择“快速导出为PNG”(快捷键为Ctrl+Shift+`)命令或“导出为”(快捷键为Ctrl+Alt+Shift+`)命令,从而将选中图层或画板中的图像,导出为PNG或自定义的格式,其使用方法与“文件”|“导出”子菜单中的命令相同,故不再进行详细讲解。