Softonic

ドット絵のクロスステッチ図案メーカー

図案メーカーを読み込んでいます…

ドット絵はもともとチャートのように見えるので、目指すのは描かれた1つ1つのブロックを正確に残すことです。「ドット絵」オプションを選ぶと、このツールは角を立てたまま画像を読み取るので、スプライト、アイコン、ゲームのキャラクターの輪郭が隣の色とにじまず、くっきり残ります。

ドット絵をチャートにする手順

  1. 1

    スプライトを開く

    PNGまたはWebPを選びます。背景が透明なら、空いたマスは空白のままになります。

  2. 2

    「ドット絵」を選ぶ

    「画像のサンプリング」で「ドット絵」を選ぶと、角がくっきり残ります。

  3. 3

    幅を合わせる

    横の目数を、スプライトの画素の幅に合わせます。例えば32です。

  4. 4

    色を設定して書き出す

    最大色数を作品で使っている色の数に合わせ、チャートを確認してから印刷します。

1画素を1目に合わせる

いちばんきれいなチャートにするには、刺す幅をドット絵の画素の幅と同じにします。32 × 32のスプライトは32 × 32のチャートになり、画素1つが完全なクロス1つになります。小さい幅を選ぶと、ツールは画素を統合しなければならず、1画素幅の細い線は消えてしまうことがあります。

ドット絵モードは最近傍サンプリングを使います。隣接する画素の平均を取るのではなく、最も近い元の画素をそのままコピーするので、角は立ち、単色の面は単色のままになります。一方、写真モードは先に画像を滑らかにするため、描いていない中間色が生じることがあります。

作品から色数の上限を決める

スプライトの色を数えるか、画像編集ソフトで確かめ、最大パレット色数をその数に設定してください。よくある16色のスプライトなら、通常は16に設定します。ファイルがアンチエイリアスや圧縮ノイズのある状態で保存されていると、余分な色調が出ることがあります。上限を下げると、それらが元の色に統合されます。

作業例

14カウントのアイーダ布で32 × 32のスプライトを刺すと、完成サイズは 32 / 14 = 2.29 in の正方形、約5.8 cmです。同じチャートを11カウントの布で刺すと 32 / 11 = 2.91 in、約7.4 cmになります。16 × 16のアイコンを14カウントで刺すと 16 / 14 = 1.14 in、約2.9 cmで、キーホルダーやカードに向いています。

こうした小さなチャートは刺すのが速いので、同じスプライトを11、14、18カウントで試し、どの大きさが好みか確かめられます。

透明な背景

PNGやWebPの透明な画素は空白のままになり、針数の合計からも除かれます。キャラクターやアイコンに便利で、絵柄だけを刺して周りの布を残せます。JPEGには透明部分がないので、JPEGのスプライトは長方形全体として刺されます。

拡大とクリーンアップ

ドット絵を画像編集ソフトで拡大すると、元の1画素が画素のかたまりになり、チャートのマス数が必要以上に増えてしまいます。可能なら元の小さいファイルを使ってください。生成したあとは、塗る、消す、塗りつぶしでマスを直せます。「すべて置換」を使えば、チャート全体で色を入れ替えられます。

よくある質問

「ドット絵」を使ってください。最近傍サンプリングで角がくっきり残ります。写真モードは画像を滑らかにするので、輪郭がぼやけることがあります。

最大のチャートは150目なので、それより大きい画像は収まるように縮小されます。刺したい部分だけに切り抜くか、先に作品を縮小してください。

ツールは画素からパレットを作り、設定した最大数まで使います。スプライトの色が上限より少なければ、その色はそのまま残ります。

はい。JPEG、PNG、WebPとして保存すれば使えます。チャートに作品だけが入るよう、先に画面の操作部分を切り抜いてください。

いいえ。すべてのマスが完全なクロスです。輪郭が必要な場合は、バックステッチを別に加えてください。

関連ツール

方眼紙ジェネレーター

印刷できる方眼紙をオンラインで作成：方眼またはドット罫を選び、間隔をmmで設定し、A4かLetterと好きな線の色を指定して、印刷または鮮明なSVGでダウンロードできます。

五線譜用紙ジェネレーター

印刷用の五線譜用紙を作成：空白の五線、ト音記号・ヘ音記号、ピアノ用大譜表、ギター用タブ譜。段数、線間隔、A4かレターサイズ、余白を選び、PDFまたはSVGで保存できます。

LEGOモザイク作成ツール

写真を16、32、48、64マス四方のモザイク案に変換。近似色のプレビュー、1×1プレートの色別枚数、番号付き組み立てガイドを確認できます。

新聞メーカー

自分で書いた見出しと記事から新聞風の一面を作り、コピー、プレーンテキストのダウンロード、ブラウザ印刷ができます。

スプライトシート分割ツール

グリッドまたは自動検出でスプライトシートを分割し、各フレームを修正してPNG、ZIP、frames.jsonを端末上で出力します。

SVGドットパターン生成

キャンバス、間隔、半径、色を調整してSVGドットパターンを作成します。CSS背景に使う前に、コピーしたSVGコードをデータURLへエンコードしてください。

このツールは他の言語でも利用できます

使い方ガイドと活用例