在构建应用程序时,您需要各种图像以用于 iOS、Android 和 Windows 设备的应用程序图标和启动屏幕。为 iOS 制作所有图形可能是各种尺寸的复杂组合,而 Android 应用程序只需要一个图像,Windows 应用程序需要三个图像。 Asset Generator.psd 文件和 Adobe Photoshop CC 中的 Generator 功能可帮助协调和自动化这些文件的生成。

Adobe Photoshop CC 引入了 Generator 功能,该功能可实现基于图层名称创建 Web 图形文件的自动化。在构建应用程序时, Asset Generator.psd 文件会利用 Generator 创建图像文件。Generator 将创建单个文件和一个文件夹结构,该结构可为三个平台整理文件。

使用 InDesign 创建启动图像

如果您喜欢使用 InDesign 而不是 Photoshop 来进行设计工作,Keith Gilbert 创建了一个 InDesign 模板,可让您使用 InDesign 创建并导出必需的 PNG 文件。请参阅初始屏幕模板

使用 Photoshop Asset Generator

  1. 下载、解压缩或提取 Asset Generator.psd 文件,然后将该文件移动或复制到已知位置,如存储进行 AEM Mobile 发布所需的资源的位置。

    下载

  2. 在 Adobe Photoshop CC 中打开 Asset Generator.psd 文件。

  3. 要激活 Generator,请在 Photoshop CC 中选择“文件”>“生成”>“图像资源”。

    如果选择此选项,Photoshop 将根据“图层”面板中定义的图层和组名称生成文件。Photoshop 将在保存 Asset Generator 文件的同一位置基于文件名创建资源文件夹。资源文件类型、质量、尺寸、名称和文件夹结构由 Photoshop 文件中的图层和图层组名称控制。

  4. 要编辑智能对象,请双击图层缩览图。它将作为另一个临时 Photoshop 文件打开。它可能包含图层或其他智能对象。

    Asset Generator 文件广泛地使用 Photoshop 智能对象。所有图标都是单个智能对象的副本。因此,如果您编辑一个图标,所有其他图标都将自动更新。大多数启动图像都使用了单独、独立的智能对象。

    带绿色标签的图层是您应自定义的智能对象。您将在“图层”面板中以及“图层”面板的 Launch Images 文件夹中找到绿色图层。在编辑内容时,将重新生成资源。

  5. 进行编辑,然后保存并关闭智能对象文件。当返回到主 Photoshop 文件时,所有重复的智能对象都将自动更新。

    双击任何智能对象的缩览图可编辑其内容。当打开矢量智能对象时,将在 Adobe Illustrator 中编辑它。在 Illustrator 中编辑矢量智能对象后,请在 Illustrator 中保存并关闭该文件,然后返回 Photoshop 以自动查看内容更新。

    保存并关闭所有智能对象,直到您返回到 Asset Generator 文件,智能对象的所有副本都将更新。

  6. 双击任何智能对象的缩览图可编辑其内容。当打开矢量智能对象时,将在 Adobe Illustrator 中编辑它。在 Illustrator 中编辑矢量智能对象后,请在 Illustrator 中保存并关闭该文件,然后返回 Photoshop 以自动查看内容更新。保存并关闭所有智能对象,直到您返回到 Asset Generator 文件,智能对象的所有副本都将更新。

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略