ピクセル描画を PNG として保存するためのガイド |ティントフォーク

ピクセル描画に PNG を使用する理由は何ですか?

PNG は画像をロスレスで保存します。 JPEG 圧縮によるアーティファクトを生じることなく、単色とシャープなピクセルエッジが維持されます。図面内の空の領域を透明のままにすることもできます。

PNG は画像出力です。編集可能なレイヤーやフレームに代わるものではありません。また、後で作業を続けるために、Tintfolk プロジェクトファイルも保存します。

エディターで描画を完了したら、以下の手順に従います。オプション名は、Tintfolk エディターのエクスポートウィンドウと同じです。

エクスポートウィンドウを開く
エディタの [エクスポート] ボタン、または [ファイル] メニューの [エクスポート] オプションを使用します。
形式として PNG を選択します
単一の画像に対して「PNG 現在のフレーム」を選択します。このオプションは、現在開いているフレームをエクスポートします。
ピクセルスケールの設定
元のサイズには 1 倍、拡大画像には 2 倍、4 倍、8 倍、または 16 倍を使用します。
ファイルをダウンロードして確認してください
ダウンロードボタンを押します。ブラウザのダウンロードから PNG ファイルを開きます。サイズ、エッジ、背景を調べます。

ピクセルスケールにより、出力内の各描画ピクセルの幅が何ピクセルになるかが決まります。たとえば、128 × 128 のキャンバスでは、4 倍のスケールで 512 × 512 の PNG が生成されます。ズーム設定によってファイルサイズは変わりません。

1×オリジナルサイズ

2× 同じピクセル、より大きい

ズームとエクスポートスケールが異なります。

エディタ内で近くで作業したからといって、ダウンロードされる画像が大きくなるわけではありません。 [ピクセルスケール] オプションで出力サイズを選択します。

キャンバス上の未ペイントまたは削除されたピクセルは、PNG 出力では透明のままになります。白く塗られたピクセルは透明ではありません。画像の一部です。

背景を削除するには、そのレイヤー上の不要なピクセルを削除するか、背景レイヤーを非表示にします。下に表示されている別のレイヤーがその領域を埋めていないことを確認してください。エディターが透明度を表すために使用する補助パターンは、PNG 出力には含まれません。

Option	いつ使用されますか?
PNG の現在のフレーム	アクティブなフレームを単一の画像として共有します。
PNG・全フレーム（スプライトシート）	単一の PNG で左から右にすべてのフレームを取得します。
Tintfolk プロジェクトファイル	レイヤーとフレームを保持したまま編集を続行します。

PNG アニメーションを再生しません。アニメーション出力が必要な場合は、エディターの GIF オプションを検討してください。スプライトシートは正方形が並んだ固定画像です。

大きなスプライトシートまたは高いスケールがダウンロードを妨げる場合は、小さなスケールを選択します。ファイルを開いているビューアがスムージングを適用する可能性があるため、画面上のプレビューだけを見てぼやけを判断しないでください。

PNG ファイルが小さく見えるのはなぜですか?

1 倍のスケールでは、ファイルはキャンバスの実際のサイズになります。より大きなサイズで共有するには、エクスポートウィンドウで 2x や 4x などのスケールを選択します。

PNG の背景が白く見えるのはなぜですか?

ビューアは透明な領域を白として表示する場合があります。ただし、キャンバスを白くペイントした場合、これらのピクセルは出力に残ります。別の色の背景で画像を確認してください。

PNG はレイヤーを保持しますか?

表示されているレイヤーが 1 つの画像に結合されます。 Tintfolk プロジェクトファイルをダウンロードして、レイヤーを編集可能な形式で保存します。

すべてのキーフレームを取得するにはどうすればよいですか?

[形式] フィールドで PNG · スプライトシートオプションを使用します。フレームは 1 つの PNG 内で左から右の順序で並べられます。

ダウンロード中にエラーが発生した場合はどうすればよいですか?

ピクセルスケールを下げて再試行してください。特にマルチフレームのスプライトシートファイルは、高スケールで大きなサイズに達する可能性があります。