Photoshop 画板非常有用,尤其是在设计移动 APP 设计和响应式网页方面。你可以在一个文档中同时为多个不同的屏幕进行设计,并且整个设计过程一览无余。
画板是一种容器,类似于特殊图层组画板中的图层在“Layers”(图层)面板中按画板进行分组,并根据画布上的边界嵌入相应的画板使用画板,一个文档中可以有多个设计版面这样可以使你在画板之间轻松复制内容,查看所有内容,并使设计过程井然有序
要在 Photoshop 中新建一个文档,请从“Document Type”(文档类型)中选择“Artboard”(画板),然后选择所需的画板尺寸在这里我选择 iPhone 5如果你已经有一个 Photoshop 文档,但没有画板,也可以现添加画板,非常方便
我们切换到已包含内容的文档,要更改画板属性,可以在“Layers”(图层)面板中选择画板,然后使用工具选项栏中的属性面板调整画板属性,例如大小、方向、对齐方式等等,也可以使用画板手柄来手动调整画板尺寸
下面我们来看一下标尺工具可以看到有一条相对于画板移动的参考线你可以使用参考线布局,通过为所需的画板或文档指定参考线,来对齐设计中的元素或者也可以使用专门的画板网格来对齐对象依次选择“View”(视图)、“Show”(显示)、“Grid”(网格)启用网格网格和参考线一样,会随画板一起移动把网格关掉
可以通过多种方式添加和编辑画板可以在选中画板后,使用画布上的控件轻松将画板添加到文档或者按住 Alt 键或 Option 键的同时点击 "+" 图标,轻松复制画板或者使用画板工具创建一个不同尺寸的画板
每个画板有一个特定名称,在画布中以名称标签的形式显示,可以根据你的喜好进行编辑只需要双击“Layers”(图层)面板中的画板名称即可进行编辑还可以选择“View”(视图)、“Show”(显示)、“Artboard Names”(画板名称)显示或隐藏画板名称重新显示画板名称
在“Layers”(图层)面板中,每个画板都有自己的一组图层,可以进行整理如果内容很多,可以按画板筛选图层如果在开启“自动选择”的情况下选择一个画板或画板上的内容,则“Layers”(图层)面板中只会显示所选画板的内容
可以在画板之间轻松共享内容或将内容移入或移出画板如果将画板中的内容拖动到画板边界之外,在“Layers”(图层)面板中该内容将不再位于画板内画板外部的图层不嵌入任何画板将图层重新拖回到画板边界内,该图层的内容会自动重新嵌入到画板内你可以在“Layers”(图层)面板中选择“Prevent Auto-Nesting”(防止自动嵌套)选项,防止图层内容自动嵌入或脱离画板
你还可以在画布上锁定画板及其内容可以右键单击画板上的任何内容,然后选择“Export As...”(导出为...),轻松导出相应的图层。或者可以选择“File”(文件)、“Export As...”(导出为...),以 PNG 或 JPEG 格式导出每个画板还可以将每个画板导出为单独的 PSD 文件你还可以将你的设计另存为 PDF 或将每个画板另存为单独的页面,以便轻松发送整个设计用于审阅或其他用途
Photoshop 为你轻松设计响应式网页、移动 APP 提供了更高的自由度和灵活性马上去试一试吧!
了解如何使用 Photoshop 中的画板功能针对不同的设备和屏幕尺寸设计网页和 APP。
- 在 Photoshop 中创建一个新文档。
- 在“Document Type”(文档类型)中选择“Artboard”(画板)。
- 设置所需的画板尺寸。
- 请注意,每个画板在“Layers”(图层)面板中都有自己的图层。
- 设计过程中,可以将一个画板中的元素复制到另一个画板。