ドット絵アニメのコマ数とfpsの決め方
ドット絵アニメのコマ数とfpsの決め方
ドット絵アニメーションは、描くコマ数と再生fpsを別々に考えるところから組み立てる作品である。歩行を12コマで頑張って描いても再生すると足がもたつくなら、4コマに減らして保持時間を整えたほうがキビキビ見えることがある。
ドット絵アニメーションは、描くコマ数と再生fpsを別々に考えるところから組み立てる作品である。
歩行を12コマで頑張って描いても再生すると足がもたつくなら、4コマに減らして保持時間を整えたほうがキビキビ見えることがある。
基準は8〜12fps、歩きはまず4コマ・8fpsから始めれば成立するので、最小構成で動かしてから足りなければ増やす順序を先に握っておきたい。
『滑らか』を求めてコマを増やしすぎると、かえって浮ついてドット絵らしさが薄れる。
fpsとコマ数の基礎:1秒=何枚で考える
fpsは1秒あたりに何枚の絵を見せるかを決める値で、8fpsなら1秒に8枚が切り替わります。
コマ数は描く枚数、fpsは流す速さで、同じ素材でもこの二つを分けて考えると動きの設計が一気に整理されます。
ドット絵アニメでは、まず「1秒=何枚か」をつかむことが、見た目の密度と制作負荷の両方を見積もる出発点になるでしょう。
fpsとコマ打ちの関係を秒あたり枚数で捉える
同じ絵を何コマ続けて見せるかは、1コマ打ち・2コマ打ち・3コマ打ちという考え方で整理できます。
1コマ打ちなら秒24枚、2コマ打ちなら秒12枚、3コマ打ちなら秒8枚で、特に日本のリミテッドアニメでは3コマ打ち=8枚が主流です。
つまり、fpsの数字だけを見るのではなく、1枚を何秒ぶん保持するかまで含めて見ると、コマ数と再生テンポの関係がはっきりします。
この感覚は、ドット絵の少コマ設計とも相性がいいです。
最初から枚数を増やすより、4コマや6コマの骨組みで成立させ、必要なところだけ厚みを足すほうが、画面サイズが小さい作品ではむしろ見栄えが安定します。
実際、1秒24コマで歩きを作ると、縮小表示では差が見えにくいのに手間だけ増えがちでした。
8fps基準に切り替えたほうが、制作も読みやすさもずっと素直になります。
fpsを1コマの表示時間(ミリ秒)に読み替える
fpsはミリ秒に直すと、ツールのduration欄で扱いやすくなります。
8fpsは1コマ125ms、10fpsは100ms、12fpsは約83ms、6fpsは約167msです。
数字をそのまま覚えるだけでも十分で、fpsと表示時間を行き来できるようになると、フレームごとの保持時間を迷わず組めます。
この換算が効くのは、実務でいちいち電卓を開かなくてよくなるからです。
8fps=125ms、12fps=83msの二つを手元に置いておくだけで、duration欄への入力が止まりません。
均等に並べるだけなら一括で指定でき、保持を変えたい場面ではコマごとに時間を振り分ければよくなります。
設定の入口がfpsでもミリ秒でも、最終的には同じテンポに着地するわけです。
『多コマ=滑らか』が成り立たない理由
多く描けば滑らかになる、という考え方はドット絵アニメではそのまま当てはまりません。
コマやfpsを上げすぎると、動きが軽く浮ついて見え、ピクセルの密度感も薄れます。
逆に、強いキーポーズを持つ4コマのほうが、弱いポーズを細かく刻んだ12コマより印象よく動くことがある。
滑らかさは枚数そのものではなく、どこで止め、どこで跳ばし、どこで見せるかで決まります。
制作の実感でも、そこははっきりしています。
待機は4〜6fps、歩きは8fps、早歩きから小走りは10〜12fps、攻撃のような速い動作は該当する数コマだけ12fps前後まで上げるくらいが扱いやすいです。
歩きは4コマで成立し、滑らかさが欲しければ6コマへ寄せればよい。
保持時間を不均一にして一部を長く見せるだけでも、少ない枚数に密度が出ます。
結局のところ、設計の強さが見え方を決めるのです。
モーション別fps早見:アイドル・歩き・走り・攻撃
ドット絵アニメーションでは、動きの種類ごとにfpsを変えるだけで見え方が大きく変わります。
待機は4〜6fps、歩きは8fps、早歩き〜小走りは10〜12fpsを起点にすると、静けさと勢いの差を作りやすいです。
迷ったら8〜12fpsの帯に置き、そこから上下へ振るのが扱いやすいでしょう。
アイドルは4〜6fpsで『生きている』程度に
アイドルは4〜6fpsが扱いやすく、呼吸や小さな揺れが分かる程度に留めると「生きているが騒がしくない」印象になります。
ここでfpsを上げすぎると、待機なのに落ち着きがなく見え、キャラが貧乏ゆすりしているような違和感が出やすいです。
実際に待機モーションを8fpsで作るとせわしなく見え、5fpsに落としたほうが佇まいに落ち着きが出ます。
静止に近い動きほど、少ないコマで十分に伝わるのです。
この帯は、動かす理由を絞るほど強く働きます。
腕や髪、衣装の端など、見せたい揺れだけを少しだけ入れて、全体を動かしすぎないほうが「そこに立っている感じ」が残ります。
待機は主役のアクションではないので、テンポを遅めに置いて呼吸の気配だけを見せる考え方が合っています。
まずは5fps前後を基準にして、必要な部分だけ調整してみてください。
歩き8fps・小走り10〜12fpsが扱いやすい基準
歩きは8fpsが基準になり、早歩きや小走りは10〜12fpsに上げると、テンポの差で速度感を作れます。
重要なのは、歩きと走りの違いをコマ数だけでなくfpsでも設計できる点です。
同じ枚数でも再生を速くすれば急ぎ足に、遅くすればゆったり見えるので、まず8fpsで歩きを作り、そこから前後へ振ると調整が速くなります。
コマ数とfpsは別物として考えると整理しやすいです。
たとえば歩行は4コマで成立しますが、接地・沈み込み・通過・持ち上がりを足して6コマにしたあと、再生速度を8fpsにするか10fpsにするかで印象は変わります。
滑らかさを足す前に、テンポで「歩き」「早歩き」「小走り」を分けるほうが、少ない工数で見た目を整えやすいのです。
歩行系の調整は、まず中庸の8fpsを置く。
ここが基準点になります。
| モーション | 目安fps | 見え方の狙い |
|---|---|---|
| アイドル | 4〜6fps | 落ち着き、呼吸感、静かな存在感 |
| 歩き | 8fps | 基準のテンポ、扱いやすさ |
| 早歩き〜小走り | 10〜12fps | 急ぎ足、軽い勢い |
攻撃は全体でなく該当コマだけ速く
攻撃や衝撃のような派手な動作は、全体のfpsを上げるのではなく、該当する数コマだけ12fps前後まで速くするほうが効きます。
全編を高fpsにすると重さや迫力が抜け、速いのに軽い印象になりやすいからです。
ボスの攻撃を全部12fpsで流すと「速いけれど軽い」と感じますが、振りかぶりを6fps相当に遅くして、当たる瞬間だけ速くすると、同じ絵でも一撃の重みが増します。
速さは連続ではなく、要所に置くと強くなるわけです。
この考え方は、ゲームモーションでfpsを混在させる発想にもつながります。
予備動作は遅く、決めの瞬間だけ速く、余韻は少し残す。
こうすると見ている側は「溜め」と「解放」を読み取りやすくなります。
攻撃は速さそのものより、速度差で威力を感じさせる設計が合っています。
12fps前後はそのための便利な目安です。
| 動作区間 | 目安fps | 役割 |
|---|---|---|
| 振りかぶり | 低め | 溜め、重さ、予告 |
| 命中・衝撃 | 12fps前後 | 速さ、切れ味、当たりの強さ |
| 余韻 | 中庸 | 余力、反動、次動作へのつながり |
上限と下限にも目安があります。
15fpsを超えると滑らかになりすぎてドット絵の解像感やカクッとした気持ちよさが薄れ、逆に6fps未満ではカクついて意図した動きに見えづらくなります。
多くの動作は8〜12fpsに収め、迷ったら10fps前後に置くと外しにくいです。
数値を暗記するより、アイドルは遅め、歩きは中庸、決め所だけ速くという上下関係をつかむほうが、制作では役立ちます。
歩行サイクルのコマ数設計:4コマから増やす
歩行アニメーションは、最小4コマで十分に成立します。
左足が前、真横で両足がそろう中間、右足が前、もう一度真横という順番をループさせるだけで、まず「歩いて見える」状態まで持っていけるからです。
最初から枚数を増やすより、この4枚で重心移動と足の入れ替わりをきちんと通すほうが、後戻りが少なくなります。
4コマの基本ポーズ
4コマ歩行の強みは、必要な情報だけで動きの骨格を作れることです。
左右の足を交互に前へ出し、両足がそろう瞬間を挟むだけで、キャラの移動方向とリズムがはっきり伝わります。
最初にここを完成させておけば、足首や膝の角度、胴体の上下だけを見直しても全体の印象が崩れにくい。
歩行の基礎作りとしては、これがいちばん効率のいい順序です。
実際、最初から8コマで組むと中割りの役割が曖昧になり、動き全体がぬるっとしてしまいました。
ところが4コマの決めポーズだけを描き直したら、少ない枚数のほうがキビキビ歩いたのです。
理由はシンプルで、ポーズの差が大きいほど重心の移動が見えやすく、1枚ごとの役割も明確になるからでしょう。
6〜8コマで足す中割りポーズ
滑らかさを足したいなら、4コマの間に中割りを入れて6コマへ伸ばします。
増やすときに足すのは、接地の瞬間、沈み込みのリコイル、足が体の下を通る通過、次の一歩へ持ち上がる局面です。
ここを補うと、歩幅の勢いはそのままに、動きだけを丁寧に見せられます。
とはいえ、8コマを超えるとインディー規模では労力に対して見た目の差が小さくなりやすく、枚数を増やすこと自体が目的になると迷走しやすいです。
6コマ歩行を8fpsで流すと、1歩あたり約0.75秒になります。
以前、6コマを12fpsで再生したときは早足すぎて体格に合わず、8fpsに落としただけで歩調が落ち着きました。
コマ数を足したら再生fpsもセットで見直し、1歩にどれだけ時間を使う設計なのかを揃えると、キャラの重さが素直に出ます。
歩幅の大きいキャラなら少し速く、のんびりした体格なら少し遅く、テンポと見た目を同時に決めていきましょう。
コマを足す前にキーポーズの強さを確認する
コマ数を増やす前に見るべきなのは、枚数ではなくキーポーズの強さです。
強いキーポーズを持つ4コマは、弱いポーズの12コマより良く動いて見えます。
歩きの印象は中割りよりも、どの瞬間を一番気持ちよく見せるかで決まるため、まず『一番動きが決まる2〜4ポーズ』を描き切るのが先です。
そこが立っていれば、少ない枚数でも十分に成立します。
中割りは、足りない部分だけに足すのが正しい順序です。
たとえば接地のタイミングが分かりにくい、沈み込みが急すぎる、持ち上がりが硬い、といった箇所だけを補えばよいのです。
歩行は「増やせば良くなる」作業ではありません。
必要なところにだけ枚数を使うから、動きの芯がぶれずに仕上がります。
コマを増やさず滑らかに見せるタイミング術
保持時間の配分を変えるだけで、コマ数が少なくても動きは見違えます。
全コマを同じ長さで流すと情報が平板になりやすいですが、止める場所と抜く場所をずらすと、4コマでも12コマ相当の密度が出るのです。
足りないと感じたら、まず描き足す前に時間をいじりましょう。
保持時間を不均一にして密度を上げる
滑らかさの正体は、枚数そのものより保持時間の配分にあります。
全コマを均等に80msずつ流すのではなく、要所だけ160msに伸ばすと、視線が引っかかる場所と流れる場所が生まれ、少ない枚数でも動きが濃く見えるのです。
特にジャンプのような単純な動きでは、頂点のコマだけ少し長く残して落下を速く見せると、コマ数はそのままでも重力が効いて見えます。
4コマを12コマ相当に見せたいなら、まずこの配分を疑ってみてください。
攻撃や振りのアニメーションでは、前後へコマを寄せる考え方が効きます。
たとえば『予備(タメ)3コマ・本番(移動)1コマ・余韻2コマ』の配分にすると、等速で均したときよりも、ためてから一気に動く印象が強くなります。
着地や振り抜きの余韻が残るので、速さだけでなく重さまで乗る。
いきなり中割りを増やすより、まずこのタメツメを詰めるほうが、少ない総コマ数で迫力を作りやすいでしょう。
サブピクセル移動で慣性と重さを出す
サブピクセル単位の微小なずらしは、見た目の派手さがなくても効きます。
1ドット未満に見える程度の移動を内部に仕込むと、落下や踏み込みに慣性が生まれ、輪郭が暴れないまま「重みだけ」が増すからです。
剣の振りにこの小さな移動を足したとき、大きく描き直さなくても刃先に手応えが乗りました。
動きを増やすのではなく、移動の質を変える発想だと考えると扱いやすいはずです。
この手法は、枚数が足りない場面ほどおすすめです。
実際には見え方の差分がわずかでも、軌道の先端や接地直前に微小な遅れを入れるだけで、視線は「動いている」と受け取ります。
派手な中割りを重ねる前に、輪郭のどこを少しだけ遅らせるかを見てみましょう。
細部のずれが積み重なると、全体の存在感が変わります。
『滑らかさ』より『リズム』を優先する
動きづくりでは、滑らかさよりリズムを優先したほうが締まります。
プロほど緩急や間(ま)を重視し、全コマを高fpsで均してしまうと、かえって重量感が消えやすいのです。
中割りを足す前に、キーポーズの間で何を溜め、何を抜くのかを見直してください。
同じ枚数でも、そこが決まると動きは一気に生きます。
作業の順番もはっきりしています。
4コマで作る、再生する、物足りない箇所を特定する、まず保持時間で調整する、それでも足りなければ中割りを1〜2枚だけ足す。
この流れなら、描き足しの判断を最小限に抑えながら、質だけを上げやすくなります。
おすすめは、毎回「何枚増やすか」ではなく「どこで止めるか」から考えることです。
リズムが立てば、枚数は後からついてきます。
ツール・ゲームエンジンへの設定と書き出し
フレーム時間は、fpsをそのまま数字で覚えるより、ツール上ではdurationをミリ秒で置くほうが扱いやすいです。
8fpsなら1コマ125msになり、全コマを同じ速度で見せたいなら一括指定、攻撃の当たりだけを強く見せたいならその部分だけ個別指定に切り替えます。
換算表を手元に置いておくと、見た目のテンポを数値で詰める作業がずっと速くなるでしょう。
フレーム時間(duration)をミリ秒で指定する
8fpsを1コマ125msで入れて全コマ均一に書き出したあと、攻撃だけが少しもたついて見えたことがあります。
そこで当たる瞬間の2コマだけ83msに縮めたところ、同じ絵でもヒットの鋭さが出ました。
こうした調整が効くのは、アニメの気持ちよさが「何コマあるか」だけでなく「どのコマをどれだけ見せるか」で決まるからです。
全コマ125msでそろえる設定は、歩きや待機のようにリズムを保ちたい動きに向いています。
逆に、攻撃や着地、表情変化のように見せ場だけ速度を変えたい場面では、コマ単位でdurationを分けるほうが狙いを作りやすいです。
fpsを先に決めたら、制作ツールではそのまま再生速度に変換せず、ミリ秒の保持時間として組み立てる。
ここを押さえると、ツール上の見え方と実際の再生感覚がずれにくくなります。
描画fpsとスプライトのコマ送りを分けて考える
ゲームの描画が60fpsでも、キャラの表示コマは8fpsのまま送るのが普通です。
描画fpsは画面を何回更新するか、コマ送りは絵を何回切り替えるかで、役割が違います。
ここを混同すると、動きが妙にヌルヌルしてドット絵らしい切れ味が消えます。
実際にエンジンへ載せたとき、スプライトのコマ送りがゲームの60fpsに引きずられていました。
そこで8fps送りに直しただけで、動きの輪郭がはっきりしてドット絵らしいキレが戻りました。
エンジン側がフレームごとの表示時間を持てるなら、ツールで作った緩急をそのまま持ち込めます。
描画は滑らかに、表示は意図したテンポで。
この分離が、見た目を崩さない基本です。
GIF・スプライトシート書き出しで崩さない
GIFに書き出すときは、フレームごとの表示時間が保たれているかを必ず見ます。
不均一な保持を作ったなら、書き出し後に再生速度が均されていないかを確認しないと、せっかく付けた緩急が消えます。
見た目は同じでも、1コマごとの滞在時間が変われば印象は別物になるためです。
スプライトシートで渡す場合は、画像だけでは時間情報が落ちるので、各コマの表示時間またはfpsをエンジン側で再現する必要があります。
最後は実機・実サイズで再生確認しましょう。
制作中の拡大表示では良く見えても、実際の表示サイズでは速さの印象が変わります。
作る、書き出す、実サイズで再生する、微調整する。
この流れを1回回しておくと、数値で決めたテンポが現場で崩れにくいです。
ゲーム会社でドット絵グラフィッカーとして10年以上の経験を持つ。ファミコン・スーファミ時代のレトロゲームに影響を受け、現在はインディーゲームのアート制作を手がける。制作テクニックの体系化に情熱を持つ。
関連記事
ドット絵でLINEスタンプを作る手順とサイズ規格
LINEスタンプのドット絵制作は、低解像度の絵を最大370×320pxの規格に収めながら、ドットの輪郭を崩さずに仕上げる作業です。48×48で描いた絵をそのまま等倍で書き出してトーク画面に置いたとき、豆粒のように埋もれてしまった経験があると、
ドット絵をGIFアニメで書き出す手順|透過とループ最適化
GIFアニメの書き出しは、Asepriteで32x32のキャラ歩行アニメを透過背景つきで作っても、輪郭に白いフチが残るところで止まりやすい。GIFは1フレーム最大256色、アルファは透明か不透明の1bitしか持てないため、半透明のアンチエイリアスがそのまま透過できず、
ドット絵で金属の質感を出す描き方
金属の剣や鎧を塗っても、色は銀色なのにプラスチックのおもちゃみたいにのっぺり見えることがあります。金属らしさは銀や金という固有色よりも、明度差と鋭いハイライト、広い影の配置で決まり、32x32 のコインや刀身でもそのルールを外すとすぐに平板になります。
ドット絵の透明・ガラス表現テクニック
ドット絵の透明表現は、「ガラスを何色で塗るか」ではなく、透過・反射・屈折の3要素をどう組み立てるかで決まります。32x32 のガラスのコップを灰色一色で塗ってしまうと、どうしても重たい塊に見えてしまいますが、背景の色が透け、光が小さく映り込み、縁や底で背景がわずかにずれるだけで、