导入 Adobe Photoshop PSD 文件

您可以将 Adobe Photoshop PSD 文件导入到 Kanzi Studio 工程中,并保留 PSD 文件的结构。这样,您就可以将 PSD 文件中的每个图层用作 Kanzi Studio 工程中的单独节点。

导入 PSD 文件时,Kanzi Studio 会:

  1. 将 PSD 文件复制到 <ProjectName>/Images 或 <ProjectName>/Tool_project/Images 目录。

  2. 裁剪每个 PSD 图层的透明边框,并将其作为 png 图像保存到 <ProjectName>/Images 或 <ProjectName>/Tool_project/Images 目录。在 Kanzi Studio 中,您可以在 Library > Resource Files > Images 中与 PSD 文件同名的目录下看到这些文件。

  3. 在 Prefabs 中创建一个以 PSD 文件命名的 Empty Node 2D 节点,以及与 PSD 图像结构相对应的 Empty Node 2D 节点层级。Kanzi Studio 使用:

    • Empty Node 2D 节点表示 PSD 图层组

    • Image 节点表示 PSD 图层

    • Image 或 Text Block 2D 节点表示 PSD 文本图层。Kanzi Studio 使用哪种节点取决于您在导入 PSD 文件时选择的选项。

  4. 使用 Render Transformation 属性对每个导入的 PSD 图层应用变换,以将节点放置在与 PSD 文件中相同的位置。

例如,当您导入的 PSD 文件包含一个背景图层和另一个在屏幕角落包含小标志的图层时,Kanzi Studio 会在您的 Kanzi Studio 工程中创建两个 png 图像和两个 Image 节点。Kanzi Studio 会移除小标志周围的透明区域,因此您最终会得到两个大小不同的图像。Kanzi Studio 使用 Render Transformation 来确定这两个节点的相对位置。

Kanzi Studio 不支持所有类型的 Photoshop 图层和图层样式。如果 Kanzi Studio 未导入某个图层或样式图层,请在将它们导入到 Kanzi Studio 之前,在 Photoshop 中合并或栅格化这些图层。

为了保持像素精度,使用整数进行所有 Kanzi Studio 二维层转换,并避免拉伸或缩放内容。

导入 PSD 文件

要导入 PSD 文件:

  1. 在 Kanzi Studio 主菜单中选择 File > Import > Import PSD,然后选择您要导入的 PSD 文件。

    Import PSD 工具窗口随即打开,该 PSD 文件中的所有图层都被选定为要导入。

    ../../_images/import-psd.png
  2. 在右侧窗格中,选择您要导入的图层和图层组。如果您的 PSD 文件包含文本图层,您可以将其作为 Kanzi Text Block 2D 节点导入,以便在 Kanzi Studio 中编辑文本。在 Import psd text layers as 选项中选择:

    • Image nodes,将 PSD 文本图层仅作为 Kanzi Image 节点导入。

    • Text Block 2D nodes,将 PSD 文本图层仅作为 Kanzi Text Block 2D 节点导入。

    • Image and Text Block 2D nodes inside Empty Node,将 PSD 文本图层同时作为 Kanzi Image 和 Text Block 2D 节点导入,两者都存放在一个 Empty Node 2D 节点中。

    ../../_images/psd-example.png

    小技巧

    要设置从 PSD 文件导入文本图层的首选方式:

    1. 在主菜单中选择 Edit > User Preferences。

      ../../_images/edit-user-preferences.png
    2. 在 Advanced 选项卡中,设置 Import text layers as 设置的值。

      ../../_images/user-preferences-import-psd-text-layers-as.png
  3. 单击 Import。

    Kanzi Studio 会导入您选择的图层,并根据 PSD 文件中的图层层级保留节点的渲染方式。Kanzi 渲染节点的顺序由节点在 Node Tree 中的顺序决定:Kanzi 会将子节点以及在节点树中位置较低的同级节点渲染在父节点和在节点树中位置较高的同级节点之上。请参阅 配置节点以实现高效渲染。

重新导入 PSD 文件

当您更改了 PSD 文件后,要将已导入到 Kanzi Studio 工程中的 PSD 文件的更改同步到工程中,请重新导入该 PSD 文件。

要重新导入 PSD 文件,请在 Library > Resource Files > Images 中右键单击您进行了更改的 PSD 文件,然后选择 Reimport PSD。

../../_images/reimport-psd.png

Kanzi Studio 会导入 PSD 文件中的内容。重新导入时,Kanzi Studio 会重置由 PSD 文件中的内容所设置的属性的值,例如用于定位内容的 Render Transformation 属性,以及用于设置 Text Block 2D 节点中文本的 Text 属性。但是,Kanzi Studio 会保留您在导入 PSD 文件之后添加的所有属性的值。

另请参阅

导入图像

使用 Image 节点

纹理 (Textures)