うごキャラメーカー

1コマを読み込む

まず準備：動かす材料（コマ画像／格子状の1枚絵／短い動画）をどれか用意してください。初めての方は「② スプライトシートを分割」が安定します。作り方は教科書のハンズオンA →

コマ画像をまとめて選ぶ（複数選択OK・ファイル名順に並びます）

例：透過PNGのキャラを 01.png 02.png 03.png … のように名前を付けて、まとめて選択。

スプライトシート画像を1枚選ぶ（コマが格子状に並んだ1枚）

横のコマ数

縦のコマ数

例：4×4＝16コマ。左上から右へ、行ごとに順番に読み込みます。

動画を選ぶ（mp4 / webm / mov）

1秒あたり何コマ抜く？

最大コマ数

短い動画（2〜4秒）がきれいに作れます。長い動画は最大コマ数で頭から切り取ります。動画の作り方は教科書のハンズオンB →

なめらかさ（fps）は 8〜12 がおすすめ。透過は、背景が抜けた透過PNGなら「そのまま」、白背景で作ったなら「白を透明にする」を選びます。右のプレビューで動きを確認できます。

なめらかさ（fps）

透過のしかた

書き出しサイズ（幅px・0で元のまま）

コマを読み込むとここで動きます。

豆知識： Googleスライドは GIFもAPNGも動きます。PowerPoint / Keynote は GIF が確実。透過のフチをきれいに出したいなら APNG、どこでも確実に動かしたいなら GIF を選びましょう。

迷ったら「GIFで書き出す」（PowerPoint・Keynote・Googleスライドどこでも動きます）。Googleスライドで透過をきれいに見せたいなら「APNGで書き出す」。押すとファイルがダウンロードされます。

うまくいかない時の保険（市場の無料ツール）： ezgif.com（GIF/APNG作成）。日本語ではありませんが、同じことができます。