Adobe Photoshop PSD ファイルのインポート¶
Adobe Photoshop PSD ファイルを Kanzi Studio プロジェクトにインポートし、PSD ファイルの構造を保持できます。これにより、PSD ファイルの各レイヤーを Kanzi Studio プロジェクト内の個別のノードとして使用できます。
PSD ファイルをインポートすると、Kanzi Studio は次の処理を行います。
PSD ファイルを
<ProjectName>/Imagesまたは<ProjectName>/Tool_project/Imagesディレクトリにコピーします。各 PSD レイヤーから透明な境界部分を切り取り、png 画像として
<ProjectName>/Imagesまたは<ProjectName>/Tool_project/Imagesディレクトリに保存します。Kanzi Studio では、これらのファイルは Library > Resource Files > Images 内の、PSD ファイルと同じ名前のディレクトリに表示されます。Prefabs に、PSD ファイルの名前を付けた Empty Node 2D ノードと、PSD 画像の構造に対応する Empty Node 2D ノードの階層を作成します。Kanzi Studio は次のノードを使用します。
PSD レイヤーグループには Empty Node 2D ノード
PSD レイヤーには Image ノード
PSD テキストレイヤーには Image ノードまたは Text Block 2D ノード。Kanzi Studio がどちらのノードを使用するかは、PSD ファイルのインポート時に選択したオプションによって決まります。
Render Transformation プロパティを使用して、インポートした各 PSD レイヤーにトランスフォーメーションを適用し、ノードを PSD ファイル内と同じ位置に配置します。
例えば、背景用のレイヤーと、画面の隅にある小さなロゴを含むレイヤーの 2 つを含む PSD ファイルをインポートすると、Kanzi Studio は Kanzi Studio プロジェクト内に 2 つの png 画像と 2 つの Image ノードを作成します。Kanzi Studio は小さなロゴから余白部分を削除するため、サイズの異なる 2 つの画像が作成されます。Kanzi Studio は Render Transformation を使用して、両方のノードを互いの相対位置に配置します。
Kanzi Studio はすべての種類のPhotoshopレイヤーおよびレイヤースタイルをサポートしているわけではありません。Kanzi Studio がレイヤーまたはスタイルレイヤーをインポートしない場合、それらのレイヤーをPhotoshopで結合またはラスタライズしてから、Kanzi Studio にインポートしてください。
ピクセル精度を維持するために、すべての Kanzi Studio 2D レイヤー変換に整数を使用し、コンテンツの伸縮やスケーリングを避けてください。
PSD ファイルのインポート¶
PSD ファイルをインポートするには：
Kanzi Studio のメインメニューで File > Import > Import PSD を選択し、インポートする PSD ファイルを選択します。
Import PSD ツールウィンドウが開き、その PSD ファイル内のすべてのレイヤーがインポート対象として選択されます。
右側のペインで、インポートするレイヤーとレイヤーグループを選択します。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 ノードに格納します。
ヒント
PSD ファイルからテキストレイヤーをインポートする際の優先方法を設定するには：
メインメニューで、Edit > User Preferences を選択します。
Advanced タブで、Import text layers as 設定の値を設定します。
Import をクリックします。
Kanzi Studio は選択したレイヤーをインポートし、PSD ファイル内のレイヤー階層に基づいてノードのレンダリングを保持します。Kanzi がノードをレンダリングする順序は、Node Tree 内でのノードの順序によって決まります。Kanzi は、ノードツリー内で下位にある子ノードと兄弟ノードを、上位にある親ノードと兄弟ノードの上にレンダリングします。効率的なレンダリングのためのノードの設定 を参照してください。
PSD ファイルの再インポート¶
PSD ファイルに変更を加えた場合、すでに Kanzi Studio プロジェクトにインポートした PSD ファイルにその変更を反映するには、その PSD ファイルを再インポートします。
PSD ファイルを再インポートするには、Library > Resource Files > Images で、変更を加えた PSD ファイルを右クリックし、Reimport PSD を選択します。
Kanzi Studio は PSD ファイルからコンテンツをインポートします。再インポート時に、Kanzi Studio は PSD ファイル内のコンテンツが設定するプロパティの値をリセットします。たとえば、コンテンツを配置するための Render Transformation プロパティや、Text Block 2D ノードのテキストを設定するための Text プロパティなどです。ただし、PSD ファイルをインポートした後に追加したすべてのプロパティの値は、Kanzi Studio によって保持されます。