ペイントツールSAI @Wiki

【≪この四角い画をクリックすると…】
細かい説明等が表示されるので、気になったらクリックしてみて下さい。
もう一回クリックすると閉じます。

【FPSって何？？】

ここにおいてのFPSとはFrame Per Secondの略で、動画の滑らかさを表すものです。
Frame Per Secondとは、1秒間に何枚の画像が表示されるか、という事で
例えば…
8fps ならば、1秒間に8枚の画像が
24fps ならば、1秒間に24枚の画像が表示されます。

アニメーションにおけるFPSによる見た目の変化は、後々詳しく紹介します。

【原画・動画って何？？】

アニメーションを作る時の動く絵を、原画または動画といいます。
原画と動画の違いを簡単に説明すると…

10枚の絵を使ってアニメーションを作るとします。
その時、順番どおり1枚目、2枚目、3枚目…と描いていっても良いですが
そうすると伝言ゲームのように少しずつずれていき、1枚目と10枚目で絵に差が出てしまいます。
なのでそのズレを少しでも無くす為に以下の手順を取ります。
先に
1枚目、5枚目、10枚目を描きます。
その後
1枚目と5枚目を見比べながら2,3,4枚目を描き
5枚目と10枚目を見比べながら6,7,8,9枚目を描きます。

この時の1,5,10枚目を 原画 と呼び
2,3,4,6,7,8,9枚目を 動画 と呼びます。

【中割り・割り方って何？？】

中割りとは、原画と原画の間に挟む動画のことで
割り方とは、どの位置に動画を描くか、という事です。
…分かり難いので、例を挙げてみてみましょう。

例えば、ブランコのアニメーションを作ろうとして下記の原画を描いたとします。

次に動画を作る時、原画①と原画②の間を等間隔に繋いで

このように描いたとしましょう。
原画②から原画③の間も同じように描いて、色もつけて動かしてみると…！

…何か可笑しい。こんな動きのブランコ、見た事ありませんよね。
これは、割り方がおかしいのです。
ブランコは決して等速で動いているわけではないので
等間隔に描くと、このように違和感を生じてしまいます。

この時、少しでも違和感を無くす為に割り方を変えなければなりません。

こちらは、先ほどの等間隔に描いたものです。
全て表示するとこんな感じになります。
でも、ブランコは動き始めは遅く、最下点に達した時が一番速く
上りはじめると再び遅くなるはずなので…こんな感じでしょうか。

割り方を変えてみました。早速動かしてみましょう。

どうでしょうか、だいぶマシになった気がします。
等間隔に描いたものを無理矢理ズラしただけなので、やはり違和感は残りましたが
それでも最初のものよりはかなり自然になったと思います。

見比べてみると…うーん、目が痛いですね…。

このように、割り方一つでアニメーションの印象は変わってきます。
割り方は動き一つ一つにあるだろうので全てを習うことは厳しいでしょうが
実生活の中で物事の動きをじっくりと観察する事でより上手い割り方を習得できるはずです。
普段から意識して見てみると、それだけでグッと変わるかも知れません。

【アニメーションのFPSによる違いって？？】

あれこれ言うよりも、見てもらうのが早いと思うので
下の 紫君 で比べてみて下さい。

ご覧の通り、FPSによってアニメは全然違ってきます。
FPSの数値が大きいほど滑らかに動きますが
その分描かなければならない動画数は増え、とても手間がかかります。
アニメーションを作るのは膨大な作業時間を要するので
時間と相談しながら、自分に出来るFPSで制作しましょう。
※ 当講座はflashでアニメーションを作る事を前提とし便宜上fps数値で表記していますが
　 TVアニメーションにおいては、全て24fps上での制作で同一画の重きを変更します。

【光と影を付けるには？？】

手描きのアニメーションにおいては、光や影は勝手に付いてくれません。
一つ一つ、線画と同じように描いていかなければなりません。

影を加える作業は、見た目以上に地味で大変です。
なので、あれば良いけど、無ければ無くても良い、ぐらいの心構えで大丈夫です。