ドット絵の書き出し方
ドット絵は書き出しで死にがちです。再サンプリングのぼけ、JPEGの濁り、半端倍率の保存を避けます。5分が作画時間を守ります。
広告
宛先で形式を選ぶ
- PNG — ゲーム、Web、共有、スプライト作業用。可逆・透明・万能です。
- SVG — 永遠に拡大するロゴやアイコン用。PixiMelonは真のベクター矩形を1ドット1ユニットで書きます。
- PDF — 印刷や作品集用に作品寸ページのベクター矩形で。
- GIF — アニメのループ試写やステッカー用（アニメGIF参照）。
ドット絵にJPEG厳禁です。圧縮は写真用で、硬い縁を潰れに変えます。
整数倍で拡大する
PNGはキャンバス等倍（1×）書き出しで、1ドット正確です。大きく見せるには平滑化オフの整数倍で拡大します。小数倍はドットを不均一に歪ませ、動きでちらつきます。印刷は目標実寸へ同要領で合わせます。
品質保持：透明・名前・確認
- 透明は意図的に畳みます。スプライトやステッカーは透明保持、それ以外は想定背景に載せます。
- 先にプロジェクト名を付けます。PixiMelonはシートやGIF含め命名に従います。
- 書き出しを開き直して100％確認します。出荷前に縁・単独ドット・継ぎ目を見ます。
- 巨大SVG書き出し前は確認が出ます。緻密画は矩形爆発するため、大規模はPNGが向く場合があります。
書き出しからエンジンとWebへ
ゲームはPNG静止とスプライトシート、Webは表示倍数のPNGかアイコン用SVGを受けます。記憶の再書き出しより、1母体プロジェクト（.piximelon.json）＋宛先別書き出しが定石です。まず保存し、宛先ごとに新鮮に書き出します。
広告
よくある質問
Web用ドット絵の形式はどれですか？
絵は表示倍数どおりのPNG、拡大し続けるロゴやアイコンはSVGが向きます。
書き出しがぼやけるのはなぜですか？
平滑化の再サンプリング、JPEG圧縮、小数倍率のいずれかです。PNGを整数倍で出し、JPEGは避けます。
透明を保つにはどうしますか？
透明チャンネル保持のPNG・GIF・SVGで書き出し、各資産に要否を決めます。
ドット絵は印刷できますか？
はい、できます。ベクターPDFやSVGはどの実寸にもきれいに拡大できます。PNGは印刷解像度に合わせたキャンバスの整数倍で拡大してください。
描いてみたくなりましたか？ ドット絵メーカーを開く