什么是提取资产
新的 提取资产 Photoshop CC 2014的功能为响应式网页设计(RWD)的图像创建工作流程带来了加力。让我们来看看Extract Assets命令如何在几分钟内快速将网页组合缩减为可用于组装的资产。
让我们从一个明显的问题开始:什么是提取资产?
简单来说,Extract Assets是Photoshop中的一项新功能,它为Photoshop的Generator功能提供了一个界面,可帮助从Photoshop文件自动创建用于Web和屏幕设计的成像资源。 “提取资产”命令允许您定义要为其创建资产的图层,其物理大小,文件格式和磁盘上保存的位置。除非打算将文本转换为位图,否则此功能不适用于文本,这实际上并不是一个好主意。
让我们开始吧。
08年02月打开Photoshop .psd文件
我使用的示例包含来自Illustrator的智能对象,一些文本,包含文本的英雄单元,图像和按钮以及一系列强化网站主题的户外图像。这里的关键是将图层组织成组。这是必要的,因为任务是将所有这些项目从comp中拉出来,以便可以快速添加到适应不同屏幕分辨率和大小的Web布局。
两种提取资产的方法
与Generate不同,Generate也通过在图层名称中添加图形扩展来提取对象, 提取资产 使用可以通过的接口 右击 一个图层或选择一个图层并选择文件>提取资产.
08年4月提取资产界面
“提取资产”对话框非常直观。您将看到要提取的图层或选区。在它上方显示文件大小,下方是控件,允许您放大和缩小对象。对话框的右侧是魔术发生的地方。顶部的四个按钮允许您选择对象的分辨率/大小。下一个条带显示所选图层并单击 + sign允许您以其他格式输出所选图层。该 垃圾加州 n从队列中删除图层。在下一个条带中,您可以选择文件类型,并可以调整输出图像的宽度和高度。
08年05月提取SVG图像
Photoshop不能处理svg图像,浏览器和设备都可以显示Illustrator图像。这导致svg文件的上升被用于矢量图稿,例如此处显示的Illustrator徽标。作为矢量,它们的分辨率与设备无关,意味着它们可以缩放而不会丢失细节或图像。要将Illustrator智能对象转换为svg,请选择 SVG 从弹出窗口中单击 提取.
08年6月提取资产流程
单击“提取”按钮时会发生一些事情。您将首先收到警告,文件名可能会更改。这不是什么大问题。然后,您将被告知正在创建一个新文件夹来保存资产。该过程完成后,将打开与原始.psd文件位于同一位置的文件夹,并显示新资产。
08年7月设置按钮是您最好的新朋友
单击 设置 按钮打开一个 设置对话框 这非常有用。左侧的设置是缩放因子。他们所做的是创建开发人员将在媒体查询中使用的图像的各种副本,以定位特定设备,屏幕分辨率。例如,3x版本将针对iPhone或iPad Retina显示屏,而1.25因素将针对Android设备。后缀将添加到文件名的末尾,以允许开发人员轻松识别要在媒体查询中使用的图像。完成后,单击 好 按钮和您的选择将在对话框的“提取资源”区域中亮起。您还可以通过单击界面右侧“提取资源”区域中的齿轮图标来访问该设置
08年8月整理起来
单击“提取”按钮时,将创建所有资产并将其添加到文件夹中。此时,您需要做的就是向开发人员发送文件夹的副本,然后转到下一个项目。