PIXIEEDRAW

ドット絵・ピクセルアートを描く

ピクセルアート(Pixel Art)でゲーム素材などの小さな絵を描き、コマをつないでGIFも作れます。

ブラウザーで描き、PNG画像やGIFアニメーションを書き出せます。[作業を始める]で制作画面を開きます。

完成例:色鮮やかな魔王のドット絵
ドット絵の完成例

CREATE HERE

このページで制作する

描画・カメラ・音楽を同じ作品で切り替えて使えます。

[作業を始める]を押すと制作画面を開きます。

HOW TO USE

使い方

  1. 01

    色と道具を選んで描く

    パレットから色を選び、ペンや消しゴム、直線・図形などでキャンバスに描きます。

  2. 02

    PNG画像を書き出す

    画面下部の[出力]を開き、変換・出力画面で[出力形式]をPNGにして[PNGで保存]を押します。[編集へ]で描画に戻れます。

  3. 03

    動かしたいときはGIFにする

    フレーム一覧でコマを複製し、少しずつ絵を変えて動きを作ります。オニオンスキンで位置を合わせ、再生ボタンで確認できます。[セル表]やフレーム操作の[GIFを書き出す]を選ぶと、共通の出力画面で保存できます。各コマは20ms以上です。GIFは半透明を保存できません。

実際の編集画面を見る
魔王のドット絵を読み込んだPiXiEEDrawのパソコン画面
PC版
魔王のドット絵を読み込んだPiXiEEDrawのスマートフォン画面
スマートフォン版

PIXEL ART & ANIMATION

ドット絵から、動くアニメーションGIFまで

PiXiEEDrawはブラウザーで使えるドット絵・ピクセルアート制作ツールです。ゲーム用の小さなキャラクターやアイコンを描きたいときにも使えます。レイヤーやフレームを編集でき、使用色は最大64色(透明・未使用色を除く)、パレット登録候補は最大128色です。コマを複製して少しずつ変えると、動くアニメーションを作れます。PNG・GIFは共通の出力画面で保存できます。写真をドット絵に変換するカメラツールや、色を音に割り当てて曲を作る音楽ツールもあります。画像やGIFに音楽をつけた動画を作る場合は動画作成ツールを利用できます。

画像を描き直さずPNGからJPEG・JPEGからPNGへ形式だけ変える場合は、画像・音声の変換ツールを使えます。Drawの画像読込はPNG・WebPを制作キャンバスへ複製する機能で、サイズや色数が変わる場合があります。

SAVE & EXPORT

保存・出力

編集内容は同じブラウザーに自動保存されます。[保存済み]を確認してからページを閉じてください。必要なときは[ファイル]→[今の作品]→[その他]→[保存し直す]でプロジェクトを手動保存できます。PNG画像やGIFアニメーションのファイル出力とは別の保存で、別の端末やブラウザーへの自動同期はありません。ファイルを保存しても作品は公開されません。保存に失敗した表示が出たときは、このタブを開いたままにして、もう一度[保存し直す]を選んでください。

FAQ

よくある質問

作品データと画像はどこから保存できますか?

編集内容は同じブラウザーに自動保存されます。[保存済み]を確認してください。プロジェクトを手動保存するときは[ファイル]→[今の作品]→[その他]→[保存し直す]を選びます。PNGは画面下部の[出力]から共通の出力画面を開き、出力形式をPNGにして保存します。別の端末やブラウザーとの自動同期はありません。

アニメーションGIFはどこから保存できますか?半透明も使えますか?

フレームを複製して動きを作り、[セル表]やフレーム操作の[GIFを書き出す]を選びます。共通の出力画面で保存できます。各コマは20ms以上です。GIFは半透明を保存できません。半透明を保つ場合はPNGで保存するか、半透明をなくしてからGIFを書き出してください。

説明を見ても編集中の作品は保持されますか?

[説明を見る]と[作業に戻る]で同じ編集画面を行き来できます。このページ内では作品や編集履歴を保持し、編集内容は同じブラウザーに自動保存されます。ページを閉じる前に[保存済み]を確認してください。

作品を保存すると公開されますか?

保存と公開は別の操作です。端末内への保存やファイルのダウンロードでは公開されません。公開作品を探すときは世界地図を開けます。

カメラはページを開くと起動しますか?

描画モードでは起動しません。カメラモードを開くと利用許可を確認し、許可済みならプレビューを開始します。撮影済みの画像や読み込んだ画像がある場合は保持します。画像ファイルからも始められます。

描画・カメラ・音楽の作品は共有されますか?

3つのモードは同じ作品とキャンバスを使います。音楽は専用レイヤーで編集します。