ブラウザでパラパラまんがを作ろう
ノートの隅に小さな棒人間を描いて、ページをパラパラめくって動かしたのを覚えていますか？このオンラインパラパラまんがメーカーは、それを画面の上でやります。絵を描いて、新しいコマを足し、少しだけずらしてもう一度描いて、再生を押そう。オニオンスキンが前のコマをうっすらゴーストで表示するので、それぞれの絵を合わせるのも簡単。満足したら、結果をアニメーションGIFで保存して友達にシェアしよう。
パラパラまんがの作り方
- ペンで1コマ目を描こう。閉じた形は塗りつぶしツールで色を塗れます。
- コマを足そう。白紙のページなら＋ コマ、今の絵をコピーして動く部分だけ変えるなら⧉ コピーを押そう。
- ゴーストをたどろう。赤いオニオンスキンが前の位置を示すので、少しだけ先に描こう。
- 動きが完成するまでくり返そう。タイムラインのコマをタップすれば直せて、◀ ▶でコマの順番を入れ替えられます。
- 再生を押して、ちょうどいい感じになるまで速さのスライダーを調整しよう。
- 3つのサイズから選んでGIFを保存するか、すべてのコマをPNGスプライトシートでダウンロードしよう。
うまく作るためのアニメーションのコツ
- 小さな歩幅で、なめらかな動き。コマとコマの間の動きが小さいほど、なめらかに見えます。大きく動かすと、速くてキビキビした印象に。
- つぶしと伸ばし。弾むボールは地面に当たったら平たくつぶし、落ちている間は縦に伸ばそう。デモアニメーションでやり方がわかります。
- コピーしてから変えよう。手を振るキャラクターなら、コマをコピーして腕だけ描き直そう。背景はぴたりと止まったままになります。
- ループさせよう。1コマ目につながる絵で終われば、GIFは途切れずに永遠に再生されます。
- キーポーズを止めよう。大事なコマを2〜3回複製すると、アニメーションがそこで一瞬止まります。
- キーボードを使おう。Nでコマを追加、Dでコピー、矢印キーでコマを移動、スペースで再生、Oでオニオンスキンを切り替え。
紙のパラパラまんがからGIFへ
パラパラまんがは最も古いアニメーションのひとつです。積み重ねた絵を次々と素早く見せると、目がだまされて動いているように見えます。伝統的なアニメーターも今も同じ考え方を使っていて、ライトテーブルの上で描くことで、紙越しに前の絵を見ています。それをここで再現しているのがオニオンスキンです。手描きアニメの多くは1秒に12枚の絵で動いているので、昔ながらのアニメ風にするなら12fpsを、手作り感のあるラフな雰囲気なら6〜8fpsを試してみよう。
アニメーションは、小さな内蔵エンコーダーによってすべてあなたのデバイス上でGIFにエンコードされるので、何もアップロードされません。動かない絵がいい？無料のお絵かきボードを使ったり、ぬりえページを塗ったり、クイックドローでAIがらくがきを認識できるか試したりしよう。
パラパラまんがメーカー よくある質問
オンラインでパラパラまんがを作るには？
最初の絵を描いて「+ コマ」（または今のコマのコピーから始めるなら「コピー」）を押し、次の位置を描こう。後ろにうっすら見える赤い絵は前のコマなので、毎回少しずつ動かせます。再生を押して動くのを見たら、GIFで保存しよう。
オニオンスキンって？
オニオンスキンは、描いているコマの後ろに、前のコマを薄い赤のゴースト（次のコマは薄い青）で表示する機能です。アニメーターはこれで動きをなめらかに保ちます。玉ねぎボタンかOキーでオン・オフを切り替えられます。
アニメーションをGIFで保存できる？
はい。「GIF」を押すと、パラパラまんがはブラウザの中で、選んだ速さで永遠にループするアニメーションGIFにエンコードされます。すべてのコマを1枚のPNGスプライトシートとしてダウンロードすることもできます。
ページを閉じてもアニメーションは保存される？
パラパラまんがは変更するたびにこのブラウザに自動保存されるので、同じデバイスなら次回もそのまま残っています。とても長いアニメーションはブラウザの保存容量に収まらないことがあり、その場合はステータス行に表示されるので、GIFで書き出して保存しよう。
何コマ描けて、どれくらいの速さで再生されるの？
1つのパラパラまんがにつき最大60コマ、毎秒1〜24コマで再生できます。8〜12fpsくらいが昔ながらの手描きアニメの雰囲気、2〜4fpsならスライドショーになります。
スマホやタブレットで使える？
はい。指やスタイラスで描けて（筆圧で線の太さが変わります）、タイムラインのコマをタップして移動し、再生ボタンで見られます。すべてブラウザで動くので、アプリのインストールは不要です。