ビットビーズ

ドット絵メーカー

開いたらすぐ描けます。パレットを選んで、白紙のマス目に 1 マスずつ色を置いていくだけ。キャンバスの大きさはいつでも変えられ、失敗しても元に戻せます。完成したら拡大 PNG か、グリッド付きの図案で保存。

使い方

  1. 01

    キャンバスとパレットを選ぶ

    最初は正方形のキャンバスで、縦横は別々に変更できます。パレットは Sweetie 16、PICO-8、ゲームボーイ、ファミコン風から選べます。

  2. 02

    1 マスずつ描く

    ブラシで塗る、消しゴムで消す、範囲を塗りつぶす、ある色をまとめて別の色に置き換える。どの操作も元に戻せます。

  3. 03

    書き出す

    輪郭がくっきりしたままの拡大 PNG、または原寸の PNG を保存。見ながら描いたり作ったりするなら、グリッドと行・列番号付きの図案で書き出せます。

できること

  • 開いてすぐ描ける白紙キャンバス

    無料で 8〜64 マスの正方形キャンバスが使えます。途中でサイズを変えても、描いた部分はそのまま残ります。

  • 定番のレトロパレット

    PICO-8、Sweetie 16、ゲームボーイ、ファミコン(NES)の色で描けるので、どのドットも最初から色がなじみます。

  • 本格的な描画ツール

    ブラシ、消しゴム、マジックワンド、スポイト、色の置き換え、左右反転、元に戻す・やり直しがそろっています。

  • グリッドと行列番号

    上下左右すべてに行・列番号が付くので、マスを数えるのも、図案を 1 マスずつ写すのも簡単です。

  • 用途に合わせて書き出し

    くっきり拡大した PNG、ゲーム用の等倍(1:1)ファイル、グリッド付きの図案、会員なら PDF も書き出せます。

  • 保存と公開

    描いた絵は自分の作品一覧に保存し、完成した作品は公開図案ライブラリで共有できます。

白紙からドット絵を描く

まずはシルエットから

細部に入る前に、濃い 1 色で全体の形を塗りつぶします。原寸で見てシルエットが何の形かわかれば、そのスプライトはうまくいきます。わからなければ、どれだけ陰影を付けても立て直せません。

陰影は少ない色で

素材ごとにベース・影・ハイライトの 2〜3 色あれば十分です。光の向きを 1 つに決めて守り、輪郭を全部暗くするのは避けましょう。形が平べったく見えてしまいます。色数の限られたパレットを使えば、この判断はパレットに任せられます。

キャンバスサイズ

よく使うキャンバスサイズと、それぞれが向いているもの。

キャンバスマス数向いている用途
16 × 16256アイコン、アイテム、小さな絵文字
32 × 321,024キャラクター、ペット、ゲームのスプライト
48 × 482,304似顔絵や描き込んだキャラクター
64 × 644,096風景、アバター、細かく描き込んだ似顔絵

よくある質問

ドット絵は何から描き始めればいい?
まずは 16×16 の小さな絵から。濃い色で輪郭を取り、大きな面を塗り、最後に 1〜2 マスのハイライトと影を足します。色は少ないほどまとまりやすいので、ゲームボーイの 4 色か PICO-8 の 16 色がおすすめです。
キャンバスはどこまで大きくできる?
そのまま使えるのは 64×64 マスまで。アイコン、アバター、小さな風景には十分です。それ以上は有料プランの機能です。
画像を読み込んでから編集できる?
できます。先に「画像をドット絵に変換」で写真をドット絵にしてから、同じエディターで 1 マスずつ直せます。
描いたドット絵をアイロンビーズにできる?
できます。同じ絵をアイロンビーズ図案ジェネレーターで開くと、実際のビーズの色番号に合わせ、必要数と買い物リストも出します。
最初はどのキャンバスサイズがいい?
初めてのスプライトなら 32 × 32 がちょうどいい大きさです。顔とポーズを描ける広さがありつつ、1 ドットごとの重みもしっかり残ります。アイコンなら 16 に、風景なら 64 まで広げましょう。
ドット絵の陰影はどう付ける?
1 色につき 2〜3 段階の色を用意し、光は一方向から当てます。影は点を散らさず、まとまった塊で置きましょう。レトロパレットを選べば、色の調子が自然にそろいます。
写真をなぞって描けますか?
それなら画像をドット絵に変換から始めてください。写真をドット絵のマス目に変換し、あとはまったく同じツールで編集できます。
無料で使えますか?
64 マス・48 色までのキャンバスは無料で、PNG の書き出しと保存もできます。会員になると最大 232 マス、96 色、PDF が使えます。詳しくは料金プランをご覧ください。

参考リンク

ビットビーズ以外のサイトで読める参考資料です。

関連ツール