ドット絵エディタ — ブラウザで作るピクセルアート作成ツール

無料・登録不要・スマホ対応 | レイヤー / アニメーション / PNG出力

フレーム:

使い方

  1. キャンバスサイズを選択する(8×8〜64×64)。ゲームキャラは16×16、アイコンは32×32がおすすめです。
  2. ツールを選択する。ペン・消しゴム・バケツ塗り・スポイトの4種類から選べます。
  3. カラーパレットから色を選ぶか、カスタムカラーピッカーで好みの色を指定します。ゲームボーイ・ファミコン・NESの3種類のレトロパレットを収録しています。
  4. キャンバスに描画する。クリック&ドラッグで連続描画、スマートフォンはタッチで操作できます。
  5. レイヤーを活用する。最大3レイヤーを追加し、背景・キャラ・エフェクトを分けて描けます。レイヤーの不透明度も調整可能です。
  6. アニメーションフレームを追加して歩行・攻撃モーションなどを作成します。最大8フレームまで対応しています。
  7. プレビューボタンでアニメーションを確認し、FPSを調整します。
  8. 満足したらPNG保存ボタンで書き出し。1x〜8xのスケールを選んでダウンロードできます。

ショートカットキー

キー操作
Ctrl + Z元に戻す
Ctrl + Yやり直し
Pペン
E消しゴム
Fバケツ塗り
Iスポイト
Gグリッド表示切替

ドット絵エディタとは

ドット絵エディタ(ピクセルアートエディタ)とは、画像を1ピクセル単位で描画・編集するためのツールです。 レトロゲームのグラフィックやインディゲームのスプライト、アイコン、SNSアイコンなどの制作に広く使われています。 海外ではAsepriteが$19.99の有料ソフトとして定評がありますが、本ツールはブラウザ上で無料・ソフトウェアインストール不要で同等の基本機能を提供します。 レイヤー機能で描画を分けて管理でき、アニメーションフレーム機能でキャラクターの歩行・攻撃・エフェクトなどのモーションも作成可能です。 完成したドット絵はPNG形式で1x〜8xのスケールでダウンロードできるため、ゲームエンジン(Unity・Godot・RPGツクール)へそのまま取り込めます。