切片工具

如果您不熟悉导出 Web 资源或从 中的画板导出多个图像，本教程将帮助您做到这一点。 以下是如何从 导出资源的步骤。 我假设您已经有了一个包含多个要导出的图像的设计或布局

最新软件下载

第 1 步：使用切片工具

首先在工具面板中选择切片工具。 切片工具是一次性导出网站资产的最流行和最有用的工具之一。 还有切片层，但在这个快速教程中，我们将只关注资产导出。

第二步：切片

选择切片工具后，您必须对要导出并保存的图像或区域进行切片。 为此，只需单击并拖动要变成切片的区域即可。 切片允许您轻松选择画板上的区域，无论所选区域是否具有多个图层。 它可以轻松选择一个区域并将该区域保存为切片。

第 3 步：命名切片

现在您已经对图稿进行了切片，是时候通过双击每个切片并命名切片来命名您的切片了。 该对话框中的切片名称将是图像文件的名称。

第四步：保存切片

命名切片后，您可以通过选择“文件”>“导出”>“另存为网页（旧）”将其另存为网页（CC 2015 年 5 月 1 日）。 然后将出现“另存为”窗口。

第5步：导出切片

当保存为网络并正确导出文件时，下一步也是最后一步非常重要。 您将使用切片选择工具选择切片，然后选择 PNG 图像选项或要另存为的任何文件格式。 然后，您将选择在底部显示切片的选项，并从下拉菜单中选择选定的切片。

然后会出现一个对话框ps自动保存文件名，询问您要将资产保存在哪里。 保存为 Web 资源将始终保存在名为“ ”的文件夹中。 如果您尚未创建一个ps自动保存文件名ps自动保存文件名，系统会自动为您创建一个。 如果您创建了一个名为 的文件夹，则资源将保存在该文件夹中。 如果您已经创建了图像，请记住单击并保存到图像文件夹之外。 将自动进入图像文件夹并将其保存在那里，但是保存图像资源时，您必须位于图像文件夹之外，而不是在文件夹内。