各レイヤーのキャンバス位置を維持するには、ドキュメント全体またはアートボード全体をエクスポート領域として、レイヤーを単独でエクスポートします。すべてのファイルでその領域と出力サイズを同一に保つことで、周囲の透明領域がアライメントを維持します。

このガイドでは、Mac版の現在のAffinityデスクトップアプリと、再度重ね合わせたときに整列する個別のファイルを生成する特定のタスクについて説明します。Affinityの現在のヘルプでは、専用のエクスポートワークスペースをスライススタジオと呼んでいます。その文書化された区別が重要です：レイヤー由来のスライスはそのソースレイヤーをエクスポートし、描画されたスライスはその長方形内のすべての可視レイヤーをエクスポートします。スライススタジオを使用したエクスポート

なぜ個別のレイヤーエクスポートがキャンバスのアライメントを失うのか

Affinityは、レイヤー、グループ、またはオブジェクトから作成されたスライスを、そのアイテムの範囲に自動的にサイズ調整します。これはコンパクトなアセットをエクスポートするのに便利ですが、結果としてのエクスポート領域が必ずしも元のキャンバスマージンを含むわけではありません。描画されたスライスは異なる契約に従います：その長方形がエクスポート領域を定義し、その長方形内の他のレイヤーからの可視コンテンツが含まれます。スライススタジオを使用したエクスポート

実用的な結果として、コンテンツの選択とエクスポート境界は別個の決定事項です。正しいレイヤーを選択すると、提供したいものが決まります。ドキュメントまたはアートボードの境界を維持すると、そのコンテンツが表示される座標フレームが決まります。

左上隅が x = 120、y = 240 にある青い正方形を含む、1000 × 1000ピクセルのドキュメントを例に考えてみます。フルキャンバスエクスポートでは、正方形周りのマージンが維持されます。タイトに境界付けされたエクスポートでは、その周囲のスペースが削除されます。両方のファイルがその後同じ左上原点に配置された場合、それらの可視正方形は異なる位置に見えます。

すべてのエクスポートファイルを同じサイズにするのは要件の半分に過ぎません。すべてのファイルは同じエクスポート原点とスケールも必要です。クロップされたエクスポートを 1000 × 1000 ピクセルに拡大すると、欠落したマージンを復元するのではなくスケールが変更されます。

フルキャンバスを使用して一度に1つの可視レイヤーをエクスポートする

単一ページのドキュメントの場合、最も直接的なサポートされる方法は、通常のレイヤー可視性とドキュメント全体エクスポートを組み合わせることです。Affinityのドキュメントでは、非表示のレイヤーはエクスポートされず、エクスポートダイアログにはドキュメント、ページ、選択範囲、名前付きアートボードの領域が用意されています。以下の手順では、これらの文書化されたコントロールを組み合わせます。レイヤーパネル、エクスポートダイアログ

ドキュメントと透明背景を準備する

可視性を変更する前に作業用ドキュメントを保存します。意図した幅と高さをメモし、どのレイヤーまたはグループが各成果物を構成するかを決定します。例えば、円とそれに付随する中立テキストを含むグループは、2つではなく1つの出力になる可能性があります。

Macでは、ドキュメント > 設定 > ドキュメント設定を開きます。透明なページにするには、透明な背景を有効にします。設定ダイアログを使用して、ドキュメントの寸法を変更せずに確認します。利用可能な設定は、ドキュメントにページまたはアートボードが含まれているかどうかによって異なります。ドキュメント設定（デスクトップのみ）

透明ページ設定は、アートワークの後ろに描いた塗りつぶし矩形を削除しません。各エクスポートの準備の一環として、その背景オブジェクトを非表示にします。PNGとSVGは透明性をサポートしているため、個別の出力が不透明なページで下のアートワークを覆うことなく重ね合わせる必要がある場合に適したオプションです。画面から印刷へ：デジタルと印刷用にロゴを引き渡す方法

最初の成果物を表示し、無関係なコンテンツを非表示にする

レイヤーパネルが見つからない場合は、ウィンドウ > 一般 > レイヤーを開きます。表示の切り替えを使用して、意図した出力を表示し、無関係なレイヤーを非表示にします。Affinityでは、レイヤーのControlクリックコンテキストメニューにある他を非表示も文書化されています。エクスポート前に結果のキャンバスを確認します。レイヤーパネル

意図した外観を生成するために必要なコンテンツをまとめておきます。成果物がネストされたコンテンツを含むグループで構成されている場合、そのグループを出力単位として扱います。意図的に除外したコンポーネントからの視覚的貢献を含むファイルは、1つのコンポーネントのみでは再現できません。

ドキュメント境界をエクスポートし、繰り返す

  1. ファイル > エクスポート > エクスポートを選択します。
  2. 適切なPNGプリセットを選択します。
  3. 単一ページのキャンバスの場合、領域をドキュメント全体に設定します。特定のアートボードの場合は、そのアートボードの名前を選択します。
  4. プレビューを見て、出力寸法が意図したキャンバス寸法と一致するか確認します。
  5. 場所を尋ねるを選択し、エクスポートをクリックして、ファイルに名前を付けて保存します。
  6. レイヤーパネルに戻り、完了した成果物を非表示にし、次のものを表示します。同じ領域と寸法で繰り返します。

メニューのパス、領域の選択、保存の手順は、Affinityのエクスポートダイアログのドキュメントから引用しています。幅と高さは画像のネイティブ寸法がデフォルトですが変更可能なため、以前に使用したプリセットが正しいサイズであると想定せず、確認してください。エクスポート設定

複数のアートボードがある場合、対象のアートボードを明示的に選択することで曖昧さを回避します。文書化されたドキュメント全体の動作では、ドキュメントのアートボードごとに別々の画像ファイルを生成できますが、「選択したレイヤーのアートボードだけをエクスポートする」という意味ではありません。エクスポート設定

スライススタジオでフルキャンバスレイヤーをバッチエクスポートできるか？

スライススタジオでは、複数のレイヤー由来スライス、フォーマット、サイズをエクスポートできます。ただし、ドキュメントには、すべてのレイヤーに対して独立したフルキャンバスエクスポートを作成する単一のコマンドは記載されていません。自動レイヤースライスはソースアイテムの範囲から開始します。バッチ選択とキャンバスマージンの維持を別々の要件として扱ってください。スライススタジオを使用したエクスポート

エクスポートアプローチ 文書化されたコンテンツ境界 このタスクでの意味
レイヤーから作成されたスライス ソースレイヤーのみ。最初はアイテムの範囲にサイズ設定 自動作成だけではフルキャンバスマージンを確立できません。
スライスツールで描画されたスライス その長方形内のすべての可視レイヤー フルキャンバスの長方形には、各成果物を分離するための可視性変更が必要です。
無関係なレイヤーを非表示にしたドキュメント全体エクスポート ドキュメントのエクスポート領域と可視コンテンツ 整列した個別ファイルへのシンプルで繰り返し可能なルートを提供します。

上記のスライスの区別はスライススタジオを使用したエクスポートで文書化されています。通常の非表示レイヤーの動作はレイヤーパネルで文書化されています。

再利用可能なエクスポート領域が必要な場合は固定の描画スライスを使用する

描画スライスは、共通の出力領域がより大きな構成内の特定の長方形である場合に便利です。Affinityのドキュメントでは、スライスツールで作成されたスライスを、スライススタジオの変形パネルを使用して正確にサイズ変更および配置することが記載されています。1つの共通の長方形を定義し、通常のレイヤー可視性をエクスポート間で変更して各出力を分離します。スライスのエクスポート

個別に名前を付けた出力の場合、連続をオフにしたまま、各可視性変更後に意図的にエクスポートします。連続エクスポートは、ドキュメントのコンテンツやスライス設定が変更されるとチェックされたスライスを再エクスポートします。これは、いくつかの連続した可視性状態を個別の成果物として維持したい場合には不適切です。スライスのエクスポート

Affinityでは、レイヤー由来のスライスをリサイズし、自動サイズに戻すで元に戻すことも文書化されています。このリセットはスライスを元の寸法に戻すだけであり、フルキャンバスのアライメントコマンドではありません。「キャンバス位置を維持」や「すべてのレイヤーをキャンバスサイズでエクスポート」という名前のコントロールが存在すると想定しないでください。スライスツール

PNGとSVGで重要な設定は何か？

PNGの場合、フルエクスポート領域、透明性、意図したピクセル寸法を維持します。レイヤー間で幅や高さを変更しないでください。意図的にすべての出力をスケーリングする場合、すべてのファイルに同じスケールを適用して、それらの座標フレームが互換性を持つようにします。Affinityでは、ラスターエクスポートの幅、高さ、アスペクト比のコントロールが文書化されています。エクスポート設定

スライススケーリングには追加のチェックが必要です。Affinityの文書化されたドキュメントDPIとスライス倍率の関係では、1xが必ずしもドキュメントのピクセル寸法と等しいとは限りません。その例では、144 DPIの64 × 64ピクセルのドキュメントが、1xで32 × 32ピクセル、2xで64 × 64ピクセルでエクスポートされます。スライスを使用する際は実際の出力寸法を確認してください。スライススタジオを使用したエクスポート

SVGの場合も、同じ可視性とフル領域の手順を使用します。Affinityのドキュメントでは、ビューボックスデータが有効な場合、SVGのビューボックスはエクスポート領域と一致します。したがって、最初にタイトに境界付けられた選択領域を選んだ場合、ビューボックス出力を有効にしてもドキュメントマージンを復元することはできません。フルドキュメントまたは名前付きアートボードが選択されたエクスポート境界のままである必要があります。エクスポート設定

SVGの外観には別の制限があります：一部のデザインプロパティにはラスタライズが必要です。Affinityのラスタライズ設定では、サポートされていないプロパティをラスタライズできます。なしを選択すると、フォーマットがサポートできない要素が省略されます。したがって、キャンバス位置を維持しても、エクスポートされたすべての要素が編集可能なベクターアートワークのままであるとは限りません。エクスポート設定

残りのレイヤーをエクスポートする前にアライメントを確認する

プロセスをドキュメント全体で繰り返す前に、2つのシンプルな出力を使用して検証します。以下は、主張されたテスト結果ではなく合成アートワークを使用した推奨診断です。

  1. ソースドキュメントで、明確に異なる位置にある2つの中立的な図形を使用します。
  2. それぞれを、同じフルキャンバス境界と出力寸法で個別にエクスポートします。
  3. 各エクスポートファイルを開き、その全体寸法を確認します。
  4. 両方を、透明マージンをトリミングせずに、一致する宛先キャンバス上で同じ左上原点とサイズで配置します。
  5. ソース構成とそれらの相対位置を比較します。

ファイルの寸法が異なる場合、まずエクスポート領域とサイズ設定を確認してください。寸法が一致してもアートワークがシフトする場合、片方の出力が異なるスライス原点を使用したか、受信側のアプリケーションがコンテンツをトリミングまたは中央揃えしたかを確認してください。余分なアートワークが表示される場合、可視性を確認し、描画スライス（重なり合う可視レイヤーを含む）を使用したかどうかを確認してください。

2ファイルのチェックが成功したら、残りの成果物についても同じ境界、サイズ、可視性の手順で繰り返します。エクスポートと配置を通じて周囲の空白スペースを維持します：その共有キャンバスこそが、個別にエクスポートされたレイヤーが元のレイアウトを再構築することを可能にするものです。

ソース