大家好,我是讯享网,很高兴认识大家。
切片工具
如果您不熟悉在Photoshop中导出Web资源或从画板导出多个图像,本教程将帮助您实现这一目标。以下是如何从Photoshop中导出资源的步骤。我假设您已经有多个图像的设计或布局要导出,但不想逐个导出。
步骤1:使用切片工具
首先,在工具面板中选择切片工具。切片工具是最流行和最有用的工具之一,用于一次性导出网站资产。也有切片层,但对于这个快速教程,我们只关注资产导出。
第2步:切片作品
选择切片工具后,您必须对要导出和保存的图像或区域进行切片。为此,只需单击并拖动您想要成为切片的区域。切片使您可以轻松地在画板上选择一个区域,而不管所选区域是否有多个层。选择一个区域并将其保存为切片很容易。
步骤3:命名切片
现在你已经将你的作品切片了,是时候通过双击每个切片并命名它们来命名切片了。此对话框中的切片名称将是图像文件的名称。
步骤4:保存切片
命名您的作品后,您将通过选择文件>:导出>:另存为网页(旧)(抄送2015年5月1日)将其保存为网页。然后将出现“另存为”窗口。
步骤5:导出切片
这下一步也是最后一步是非常重要的,当保存为网页和正确导出文件。您将使用切片选择工具来选择切片,然后选择PNG图像选项或您想要另存为的任何文件格式。然后,您将选择在底部显示切片的选项,然后从下拉菜单中选择所选切片。
然后,对话框会询问您要将资产保存在哪里。“另存为Web”资源将始终保存在名为“图像”的文件夹中。如果您还没有创建,系统会自动为您创建一个。如果您创建了一个名为images的文件夹,那么资产将保存在该文件夹中。如果您已经创建了一个图像,请记住点击并将其保存在图像文件夹之外。Photoshop会自动进入图像文件夹并保存在其中,但是在保存图像资产时,您必须在图像文件夹之外,而不是在图像文件夹之内。
本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://51itzy.com/7681.html