描き始める

オンラインドット絵メーカー&スプライトエディタ

スプライトを描いて1コマずつアニメーションし、PNG・GIF・スプライトシートでエクスポート。すべてブラウザだけで完結します。

必要なものだけ、余計なものはなし

描画ツール

鉛筆、消しゴム、直線、円、四角、塗りつぶし、スポイト、投げ縄選択。ブラシサイズは1〜64ピクセルまで調整可能。X軸・Y軸ミラー描画で対称スプライトの作成に対応。

フレームアニメーション

最大100フレームのアニメーションスプライトを作成。オニオンスキンで前後のフレームをガイド表示。カスタムフレームレートを設定し、リアルタイムでプレビュー。

レイヤー

レイヤーと入れ子のグループで作品を整理。レイヤーの複製、並べ替え、名前変更、表示・非表示の切り替えが可能。レイヤーごとに独立したフレームクリップを持てるので、複雑なアニメーションも作れます。

多彩なエクスポート

PNG画像、アニメーションGIF、スプライトシート、MP4動画(対応ブラウザー)でエクスポート。倍率は1xから64xまで選べます。Unity、Godot、GameMakerなどのゲームエンジンに対応。

カラーパレット

NESカラーを含む内蔵パレットに加え、自分で保存・編集できるパレットも使えます。RGBまたはHSLスライダーで色を選択。スポイトツールでキャンバス上の任意の色をサンプリング。

すぐに共有

ワンクリックでアニメーションの共有リンクを生成。アカウント不要。受信者はブラウザで直接スプライトアニメーションを閲覧・再生できます。

ドット絵の描き方

  1. 小さなキャンバスを選ぶ。 キャラクター、アイテム、アイコンには16x16や32x32が定番のサイズです。
  2. シルエットを描く。 1ピクセルの鉛筆と暗い色1色で輪郭を描きます。
  3. 基本色を塗る。 塗りつぶしと限られたパレットを使いましょう。最初は4〜8色で十分です。
  4. 光と影を加える。 光の向きを決め、影側には暗い色、光が当たる側には明るい色を置きます。
  5. エクスポートする。 ピクセルがくっきり見えるよう、4xまたは8xでPNGを保存します。

ドット絵アニメーション

フレームを追加し、オニオンスキンをオンにして、動きを1コマずつ描きます。待機アニメーションなら2〜4フレーム、歩行サイクルは通常4〜8フレームで作れます。8〜12fps前後が自然に見えることが多いです。完成したアニメーションはGIF、スプライトシート、MP4動画でダウンロードできます。

学校やChromebookで

SpritePaintはブラウザだけで動作するので、学校のパソコンやChromebookでもインストール不要・アカウント不要で使えます。

使い方

1

キャンバスサイズを選択

2x2から500x500まで。一般的なサイズ:16x16、32x32、64x64。

2

スプライトを描く

鉛筆、図形、塗りつぶしを使用。キャラクター、背景、エフェクト用にレイヤーを追加。

3

アニメーションを作成

フレームを追加し、オニオンスキンを使い、任意の速度でプレビュー。

4

エクスポート&共有

PNG、GIF、スプライトシートでダウンロード — またはリンクで共有。

よくある質問

SpritePaintは本当に無料ですか?

はい、完全に無料です。隠れた料金なし、エクスポートに透かしなし、アカウント不要。

何かダウンロードする必要がありますか?

いいえ。SpritePaintはブラウザ上で完全に動作します — Windows、Mac、Linux、ChromebookのChrome、Firefox、Safari、Edge対応。

対応しているエクスポート形式は?

PNG画像、アニメーションGIF、スプライトシート、MP4動画(対応ブラウザー)。どのエクスポートも1xから64xまで拡大できます。

アニメーションスプライトは作れますか?

はい!オニオンスキン付きで最大100フレーム。Unity、Godot、GameMakerなどのゲームエンジン向けにGIFまたはスプライトシートでエクスポート。

作品は保存されますか?

作品はブラウザに自動保存されます。.spritepaintファイルとして保存し、バックアップやPC間の移行も可能です。

どのキャンバスサイズが使えますか?

2x2から500x500ピクセルまで。人気のスプライトサイズ:8x8、16x16、32x32、64x64。いつでもサイズを変更でき、作品を新しいサイズに合わせて拡大縮小するかも選べます。

さっそく作ってみませんか?

何千人ものドット絵アーティストの仲間入りをしましょう。数秒で描き始められます。

SpritePaintを開く