書き出しペルソナを使用した書き出し

動作のしくみ

書き出しペルソナは、スライスを作成するためにパネルやツールを組み合わせて使用します。スライスとは、ドキュメントから出力するために選択する書き出し領域です。

書き出しペルソナでは、レイヤーパネル、書き出しオプションパネル、およびスライスパネルを組み合わせて使用します。スライスツールは、カスタムスライスを作成するために使用する、書き出しペルソナ独自のツールです。

レイヤーパネルの使用

この[レイヤー]パネルは、デザイナーペルソナのレイヤーパネルとは異なります。スライスの作成に使用できるアートボード、レイヤー、グループ、またはオブジェクトを選択するための準備場所としてのみ使用され、[スライス]パネルに追加されます。

レイヤーパネル項目をスライスとして書き出しすると、選択されている項目の範囲と見なされる領域に合わせて、スライスのサイズが自動的に設定されます。スライスの右上にある円形のシンボルは、そのスライスのサイズが自動設定されていることを示します。スライスのサイズを変更した場合、シンボルの形は、スライスが変更されたことを示す正方形に変化します。レイヤーパネル項目から作成されてサイズが変更されたスライスは、いつでも「自動サイズ設定」の状態にリセットできます。

書き出しオプションパネルの使用

[書き出しオプション]パネルを使用すると、デフォルトの書き出し設定や、スライス作成の前に現在選択されている項目の設定をセットアップできます。

スライスパネルの使用

[スライス]パネルには、このパネルから直接書き出し可能な状態にある(レイヤーパネルまたはスライスツールから取得された)すべてのスライスが格納されます。作成された各スライスには、作成時に関連付けられた初期書き出し形式(PNG、JPEG、SVGなど)と、必要に応じてスライス単位で付与される追加の書き出し形式があります。書き出し形式ごとに、書き出せるサイズスケーリングや絶対サイズが異なります。

[スライス]パネル内のファイル名を使用して、書き出しファイルを保存するフォルダ階層を指定(または作成)することができます。この指定にはスラッシュ記号(/)を使用します。

たとえば、ヒーローの画像をimgフォルダ内のassetsフォルダに保存するには、assets/img/heroと指定します。

この階層に存在しないフォルダが含まれている場合は、[スライスを書き出し(n)]を使用してスライスが書き出しされるときに、指定した階層どおりにフォルダが作成されます。

書き出されたスライス寸法とDPI

書き出しペルソナを介してスライスを書き出す場合、スライスの書き出しサイズ(1x、2x、3xなど)はドキュメントのDPIにリンクされます。以下の表は、例として64x64 pxドキュメントを使用して、DPIと書き出しサイズが書き出し寸法にどのように影響するかを示しています。

スライスツールの使用

スライスツールを使用すると、すべてのサイズの書き出し領域をドキュメントのあらゆる部分にわたって十分な自由度で作成できます。