ドット絵メーカー

ピクセルアートやスプライトをマス目単位で描き、アニメーションにして、鮮明なPNGまたはGIFとしてダウンロードできます。

ドット絵メーカーは、ブラウザ上で動く無料のお絵かきエディターです。方眼のマス目1つが1ピクセルになるため、スプライト、キャラクター、アイコンをブロック単位で作れます。マウス、指、ペンで描いたあと、PNG、スプライトシート、アニメーションGIFとして書き出せます。登録は不要で、スマートフォンやタブレットでも使えます。

キャンバスは16 × 16ピクセルで始まります。8〜128ピクセル四方のプリセットから選ぶか、幅と高さを256まで自由に入力することもできます。罫線は初期設定でオンになっており、1ピクセルずつ配置する際に役立ちます。このドット絵メーカーは、手早くスプライトを作成する場合や、8ビットアート、小さなアニメーションの作成に適した実用的なツールです。ゲーム用のアートとして、スプライトアートメーカー、ピクセルキャラクターメーカー、8ビットアートメーカーとしてブラウザ上で利用でき、インストールは不要です。

概要

ドット絵メーカーは、1マスが1ドットになるブラウザ上で使える無料の描画エディターです。スプライト、8ビットアート、小さなアニメーションを作成でき、PNG、スプライトシート、アニメーションGIFとして書き出せます。

キャンバスは16 × 16ピクセルから始まり、8ピクセル四方から128ピクセル四方までのプリセットがあります。
縦と横のサイズはカスタムで最大256ピクセルまで設定できます。
アニメーションは最大64フレームのアニメーションGIFとして書き出せます。
このツールは無料で、アカウントは不要で、ウェブブラウザ上で動作します。
書き出しサイズの初期値は10×で、16 × 16の絵は160 × 160のPNGになります。

ドット絵メーカーの使い方

キャンバスサイズを設定します。16 × 16や32 × 32などのプリセットを選ぶか、「幅（ピクセル）」と「高さ（ピクセル）」に値を入力します。それぞれ1から256までです。
タッチスクリーンでは指1本で描きます。キャンバスに指を置いている間はページがスクロールしません。「色を入れ替え (X)」を押すと2色目に切り替わります。
パレットを選びます。「デフォルト16色」、「PICO-8」、「Game Boy」、「1ビット白黒」、「グレースケール」から選ぶか、「カラーピッカー」を開いて任意の色を選びます。
鉛筆 (B) で輪郭を描きます。「塗りつぶし (G)」で広い範囲を塗り、「線 (L)」、「長方形 (R)」、「楕円 (O)」で図形を描きます。
「左右反転」をオンにすると、左右対称のキャラクターやアイコンを描けます。
アニメーションには「フレーム追加」、「複製」、「削除」、「左右に移動」を使います。「オニオンスキン」をオンにすると前のフレームを表示できます。「毎秒フレーム数」を設定してから「再生」を押すとプレビューできます。
「書き出しサイズ」を選びます（初期値は10×）。その後、「PNGをダウンロード」、「スプライトシートPNG」、「アニメーションGIF」のいずれかを押します。

便利なショートカットには、消しゴム (E)、スポイト (I)、移動 (M) があります。Xキーで2色を入れ替え、Ctrl/Cmd+Zで最大150手順まで元に戻せます。描いた絵は、ブラウザに自動で保存されます。「リンクをコピー」で現在のフレームを共有できます（最大64 × 64）。「印刷」または「PDFをダウンロード」で、描いた絵を番号付きの図に変換します。ここで作成したドット絵は、ゲーム、印刷物、販売する製品に無料でご利用いただけます。

8ビットアートとは？

8ビットアートは、1980年代のゲーム機やホームコンピューターに見られる絵柄です。解像度が低く、使える色数が少ない固定パレットで、四角いピクセルがはっきり見えるのが特徴です。このスタイルで一般的なスプライトのサイズは、8 × 8、16 × 16、32 × 32です。8ビットアートを作るには、小さいサイズで作業し、PICO-8やGame Boyのように数色に絞って、四角いピクセルを目立たせます。

ドット絵のサイズはどのくらいが適切か？

スプライト、アイコン、キャラクターの多くには、16 × 16 または 32 × 32 が適したサイズです。キャンバスが小さいほど仕上げやすく、1ピクセルが結果に与える影響も大きくなります。より大きなサイズ（64 や 128 ピクセルなど）では、より細かく描けますが、時間がかかり、慎重な陰影付けが必要になります。細部に対して小さすぎるスプライトは窮屈に見えるため、描き始める前にサイズを決めてください。サイズを変えたくなった場合は、「サイズ変更時に描画を維持」を使うと、既存の絵を左上または中央に固定できます。

ドット絵の描き方

良いドット絵には、いくつかの基本的な習慣があります。小さなサイズから始め、色がそろうように使う色数を絞りましょう。まず輪郭線をはっきり描き、その後で大きな面を塗ります。影には片側に濃い色を、反対側には光を表す明るい色を加えると、形が立体的に見えます。単独の点（ドット）は細部ではなくノイズに見えがちなので取り除きましょう。描いている間は拡大して描き、完成後は1×サイズで確認してください。小さな画面で見たときの見え方に近いためです。

ぼやけずにドット絵を保存するには？

ぼやけは、小さな画像がエディタで引き伸ばされたり滑らかに処理されたりすると現れます。書き出し機能は、各ピクセルを選択した書き出しサイズの画面ピクセルの鮮明なブロックに変換し、スムージングを行わないことで、この現象を防ぎます。8×、10×（初期値）、16×など、整数倍を選択します。16 × 16 の絵を10×で書き出すと、160 × 160 のPNGになります。別のプログラムでファイルのサイズを変更する場合は、スムージングをオフにしてください。オフにしないと、輪郭がぼやけます。

このジェネレーターで作成した例

16×16のハートを、番号付きの図と色見本で印刷

16×16の猫の顔、色ごとに記号を付けた図

32×32のポーション瓶の図、マス目4 mm

よくある質問

ドット絵メーカーは無料ですか？

はい。無料で、登録は不要です。ブラウザ上で動作します。描いた絵はブラウザ内にも保存されるため、再度開いたときにもそのまま残っています。

here で作成したドット絵は販売できますか。スプライト、印刷物、Etsyの商品などでも問題ありませんか。

はい。作成したドット絵、PNG、GIF、グラフは、個人利用、教室での利用、商用利用（ゲーム、動画、印刷物、Etsyの商品、オンデマンド印刷商品を含みます）について、ロイヤリティフリーです。クレジット表記は必要ありません。自分で作成していない画像を開いた場合は、その画像の権利が必要になります。唯一の制限は、ジェネレーター自体をコピーして競合するサービスを運営することはできない点です（利用規約をご覧ください）。

アニメーションのドット絵GIFはどのように作成しますか？

「フレームを追加」または「複製」でフレームを追加し、各フレームの絵を変更します。「1秒あたりのフレーム数」を1から24の範囲で設定します（初期値は8）。描画中に前のフレームを確認するには「オニオンスキン」を使います。「再生」を押してプレビューし、「アニメーションGIF」を選択します。GIFにはすべてのフレーム（最大64）が含まれ、ループし、背景は透明になります。

ドット絵をパーラービーズまたはクロス目の図案にできますか？

はい。「印刷」または「PDFをダウンロード」を使うと、10マスごとに太線、行と列の番号、任意の記号、各色のピクセル数を示す色の凡例が入った番号付きの図案を取得できます。1マスのサイズは2～10 mmから選べます（初期値は5 mmです）。32 × 32の絵を5 mmで出力すると、凡例を含めてLetter用紙3枚分になります。同じ図案は編み物の図案としても使えます。

アップロードされますか？

いいえ。描いた絵はブラウザ上に残り、開いた画像はお使いの端末内で読み込まれ、アップロードされることはありません。

スマートフォンやタブレットでも使えますか？

はい。スマートフォンやタブレットでは、指またはペンで描くことができます。マウスで描くこともできます。

既存の画像から始めることはできますか？

はい。「画像を開く」を使うと、PNG、GIF、JPEGのいずれかの画像をマス目に読み込み、スプライトの編集を続けられます。256 × 256ピクセル以下の画像は元のサイズのまま表示されます。それより大きい画像は、キャンバスに合わせて縮小されます。