１ポイント講座

お絵描き動画を作ってみたいけど、どうやってやるのか、わからな〜いという方は、多いと思います。
もともとお絵かき掲示板の動画は、描画過程を見せるために作られていて、アニメ用の機能がついているわけではありません。それで、レイヤー機能やコピー機能などを使って、頭の中で、簡単なパズルを解くようにやり方を考えます。また、動きは全部手描きなので、ビーズ遊びでもするように、ちまちまと作っていきます。それが面白くて私は、はまってしまったのですが、「そんな面倒くさいこと考えるのもするのも嫌だ〜」という方のために、 ここではまず例１に、一番簡単にできる動かし方を書いておきます。

例1

←クリックして動画を見て下さい（一富士、三ナスビ、二鷹を忘れた（＞＜））

Ｑ：「↑これ、どうやってるの？」

1.お絵かき掲示板には、右下の所に、レイヤーを選択する場所があります。
　そこをクリックすることで、レイヤー０とレイヤー１が切り替わります。
２．まず、レイヤー０を選択して、背景にしたい絵を描きます。（ここでは、背景の青と富士山です）
３．もう一度レイヤーをクリックして、今度はレイヤー１に切り替えます。動かしたい絵（ここでは、ナスドレ君です）を、動き始めの最初の場所に描きます。
４．コピーを選択して、(この場合は選択範囲をレイヤー全部に指定します)絵をドラッグして少しだけずらします。

（コピーの選択範囲は絵のまわりだけでもいいですが、あまり小さく範囲指定してしまうと、元の絵が残って見えてしまう場合もあります。効果を出すために、わざと残像を残してもいいですが、ここでは残像が見えないように、レイヤー全部を選択してしまいましょう。もう少し複雑なアニメの場合、レイヤー全部を指定できない時もあるので、そういう場合は、絵を動かす進行方向とは逆の部分を、より多く選択範囲にいれるといいです。）

５．コピーしてずらすを繰り返しながら、ちょっとずつ根気よく、絵の位置を動かしていきます。
（ちょっとずつ動かさないと、後で見た時に、あっという間の瞬間移動になってしまいます。この作業だけは、ちょっと根気がいりますね。）
６．これで背景つきのアニメの完成です。レイヤーの切り替えも１回ですむので、簡単です。
７．（試作品１では、最後にもう一度レイヤー０に戻って、太陽を描いています。）

例２

←クリックして動画を見て下さい。高速だとちょっと文字が読めないかな？

Ｑ：「描画過程が全然見えないのに、突然、絵が出てくるのはどうして？」

初めての人は、絵が突然出てくることが不思議に思うようです。これは、簡単な仕組みです。レイヤーを使えばいいのです。

Ｑ；「そもそも、レイヤーって何？」

レイヤーというのは、透明なセル（または下敷きと言った方がわかりやすいかな？）が、二枚重なっているようなものです。 上がレイヤー１、下がレイヤー０です。
まず、上のレイヤー１を、塗りつぶしを使って全部塗りつぶしてしまいます。
これで、下のレイヤー０でお絵かきしていても、その作業は、動画では見えません。
その際レイヤー１は、非表示に切り替えましょう。でないと、作業する時もレイヤー０の画面が見えません。
次に、レイヤー０で描いた絵を、レイヤー１にコピーするか、レイヤー１の塗りつぶしを、消し四角を使って消せば、突然、絵が出現したように見えます。
レイヤー１の塗りつぶしの色の消し方を工夫すれば、色々な効果でレイヤー０に描いた絵が出てきます。

非表示にするには、レイヤー１を選択した状態で、右クリックをします。そうすると、赤い斜めの線が出て、レイヤー１が非表示になります。そうして、レイヤー０を選択して、お絵かきするわけです。
ＭＡＣの場合は、optionもしくは林檎キーを押しながら選択したレイヤーもう一度クリック。そうするとレイヤに斜め線（赤）がでて非表示になるらしいです。
★（注）☆自分が今、どちらのレイヤーで作業しているのかは、常に、確認しながら描く癖をつけましょう。また、両方を表示状態にした時にレイヤー１から見える絵が、動画に反映される絵ということを頭にいれておきましょう。

Ｑ：「時間の調整がむずかしい〜」

＜先に説明から読みましょう。＞
時間の調整というのは苦労しますよね。
特に、文字を表示させた後などは、あっという間に消えちゃって読めな〜い、なんてこともありますし、ここでいったん動きを止めたいのに〜、なんてこともありますよね。
私も、まだよく感覚がつかめなくて失敗をします。
でも、ある程度の調整の仕方は、こうやってます。↓


背景色と同じ色を使い、背景の部分に何か描く。


・・・です。（え？これだけ？）
動画に反映される時間というのは、描画過程の時間なので、
見えない色を使って何かを描いていれば、画面上の物は、止まった状態に見えるわけです。

ただ、適当に何かを描いていても、時間がどれだけ加算されたかの感覚がつかめないので、

１．例えば、同じ長さの直線を引いて、何本引いたら、どのくらいの時間が調整できるというのを 自分なりに掴んでいくしかないのでは？
・・・と思います。

時間調整については、何か上手い方法を発見したら、私にも教えてくださいね♪・・・メールか、私の出没地点で（笑）。

例３

↑では、クリックして動画を見て下さい
わかりやすいように、見える色で線をひきました。
最初、ナスドレを止めるための青い線は２ピクセルで６０本、
次に、文字を読む時間の為のオレンジの線は２ピクセルで１００本引いています。