【私流】スマホでアニメーションを描く方法

こんにちは、Ba7です。

お久しぶりですね。

クリスマスまであと少し、最近クリスマスに相応しい寒さになってきましたね。

外に自転車に乗ってカチンコチン氷の塊になってたら、それは私です。

さて、クリスマスはいかがしてお過ごしする予定なのでしょう？

やっぱり友達部屋に呼んでクリスマスパーティーですかぁ？

それとも、恋人とデェートォー？

はぁ…幸せですね。

ガ    ッ    デ    ム    ！！！！

わたしゃに恋人もいないのなら友人もおらんのですわ！

ﾁｸｼｮｰｯ！！！

ああ、そうだよ！私はクリボッチですよ！！

なんか文句あっか！コラァーーー！！！

可哀想だって？

クソみたいな雑コラとゲロ吐いた後みたいな冗談は置いといて、ちゃちゃっと本題へ。

皆さん、アニメは知ってるでしょうか？

いや、寧ろ知らない人っていないんじゃないでしょうか？

ほらほら、絵がヌルヌル動くやつ。

よくテレビでも見ますじゃん。

突然ですがあれ、自分で作ってみたいって思ったことありますか？

私は何度も何度もあります！

子供の時、必死に描いたパラパラ漫画…思い出してみてください(唐突)

子供の頃、DSで必死に描いたうごメモ…思い出してみてください。

ほおら、貴方はだんだんアニメーションが描きたくなぁーる♪(洗脳)

でもあれ、pcとかで描くんでしょ？僕ちんビンボーだからスマホしか持ってないでござるよ！

パソコンもってるけど、スマホしかいじったことないし、難しそうだよォ…！

そんなの関係ねぇッ！！！！

まずこれを見てください！

https://twitter.com/Ba7_mama_net/status/1076153026828615680?s=09

私が過去に呟いたTwitterの動画です。

あれれ！！？Candyちゃんが動いてる！？

そうです、これ私が描きました。

そう、私ごときがパソコンをもってないはず…。

じゃあ、何で描いたかと言いますと…。

スマホ1台…それだけです！！！

今回は、その私が考えた方法でスマホだけで簡単にアニメーションが描けてしまう方法をお教えしたいと思います！

ほろろ〜い！

(下手くそな説明でも十分大丈夫だよって人はどうぞ。)

必要なアプリ

えーどうせパラパラ漫画とかのアプリでしょうっと思ったそこの貴方。

確かに、スマホアプリにはうごメモみたいにアニメーションを描けるアプリがあります。

これとか

https://play.google.com/store/apps/details?id=com.vblast.flipaclip

正直に言うと、今から私が教える方法よりもこのアプリを使って描いた方が簡単に描けると思います。

ですがぁー！やっぱりテレビでよく見る綺麗なアニメを描きたい！って人には、私のやり方をオススメします！

って言うかオススメしたいです！オススメします！

私が使っているアプリはたった2つ！

実際、ペイントアプリと動画編集アプリは上記のアプリと限っている訳ではなく、描いた絵が保存出来るペイントアプリならなんでもいいんですよね。

動画編集アプリも、画像をパラパラ漫画みたいにくっつけられる奴ならなんでもいいんです。

まぁ、上記で紹介しているアプリはあくまで私が使用しているオススメアプリであって、もし気に入らなければ好きなペイントアプリや動画編集アプリを使えばよろしいのです！

ささ、次はやり方を教えましょう！

1.絵を描く

今回は、先程のTwitterの動画のように、Candyちゃんがケラケラと笑っているアニメーションをお手本に描きましょう。

ペイントアプリ(メディバンペイント)を起動したら、まずは下描きから描きましょう。

(メディバンペイントの使い方などは省略します、詳しくはメディバンペイントのチュートリアルにてお願いします。)

きちんと最初のコマとなる1コマ目から描くことをオススメします。

歩くアニメーションなら、こういうポーズからですね。

はい、描き終わりました、次は線描きです！

綺麗になぞりました！

そしたらもう下描きはいらないので、下書きレイヤーを不表示にするか消しちゃっていいです！

この時にフォルダー作成しておきますと、コマがごちゃごちゃにならなくて「あー！このコマ何コマだっけー！？」って事にならなくて便利です。

上から4番目のフォルダーをタップするとフォルダー作成できます。

ついでにフォルダーの名前を「1コマ」など、名付けしておいた方がわかりやすいです。

次は色を塗ります。

バケツでちゃちゃっとベタ塗りします。

これだけでもいいんですが、やはりアニメーションも影がないと物足りないというか…と、なので、影を描いちゃいまぁーす。

ダラー！

影、描き終わりました！

ついでに色をベタ塗りしたレイヤーと別に乗算レイヤーで影を描いた方がなんか結構簡単に影が塗れたりします。(初心者感)

これで1コマ目は終了です！ご苦労様でした！

勿論、これで終わりなはずはありません。

まだ描きます、同じ様なものを何枚も描きます。

覚悟してください。

アニメーションは結構苦労するもんなんですよ！！

2コマ目

ちゃちゃっと2コマ目描きマース！

1コマ目のフォルダーを透明度を０にせずに、うっすらと1コマ目の絵が見えるぐらいにしましょう(見えれば何％でも大丈夫です！)

うごメモやってる人ならもうわかりますでしょう。

2コマ目はそのままうっすらと見える1コマ目に少しズレるようにそのまま描きます！！

(伝わらなかったら上の図を参考にしてください。)

と言うか、ここら辺はうごメモとほとんど一緒ですわ！

はい、線を描き終えました。

描き終わったら薄く見える1コマ目は非表示にしましょう。

この次は色を塗って、また影塗っての繰り返しです。

この方法で3コマ目を描きます。

そしてそのまま3コマ目へ…

3コマ目も描きますが、だいたい上記の説明と同じなので省略します。

そして、描き終わったら、背景をブルーバックにして1コマ目から3コマ目まで保存しましょう。

このように、全てのコマの背景をブルーにして保存ができたら、絵の方はもうおしまいです！

次は、動画編集アプリ(PowerDirector)を起動しましょう。

2.動画を作る

PowerDirectorを起動したら、早速動画を作成します。

(PowerDirectorの使い方は本アプリのチュートリアルでお願いします。)

上の画像のように、画像を一コマ目から順に並べ、一コマ目0.1秒にカットします。

そして3コマ目まできちんとカットできたら、また1コマ目から順に追加、そして0.1秒にカット！

これを1秒超えるまで繰り返します。

そして1秒を超える動画ができたなら、無限ループが出来るように3コマ目で終わらします。

編集を終えたのなら、動画出力で動画にしましょう。

動画が完成したら、ギャラリーを開いて出来た動画の出来を確認しましょう。

ちゃんと動いていたのならOKです！

お疲れ様でし…

ーだが終わらんッ！！

これではただのBB素材になってしまう！！

背景を…背景をッ！！！

動く背景をーッ！！！！

うぉおおおおッ！！！！

(背景なのでなんでもいいです適当で、説明不要)

背景が完成しました(適当)

そしたら、横のレイヤーマークをタップしましょう。

すると、いろんなのが出てくるはずです(適当)

その中で「動画」と書いているのがあるので、それをタップしましょう。

そしたら、先程制作したBBのアニメーションを選択しましょう。

枠を調整したら、早速背景のブルーを透明にすっぞ！！

じゃないと背景意味ないし、ただのBB素材になってしまうからなぁ！！！

オ"ぉお"ら"ッ！！！

(透明にする方法はチュートリアルにてお願いしr)

無限ループなので、BBアニメーションの動画を複製すれば笑っている時間が増えます(説明力皆無)

はい、これでほぼ完成です。

あとは先程と同等に、動画出力して動画を確認して終了！

以上で、スマホでも簡単にアニメーションを制作する方法の説明は終わりです。

今度こそお疲れ様です！

アニメーションを描くのは難しい

はぁ…。

はい、結論から申し上げるととんでもなく難しいし、私がTwitterに上げたアニメーション動画5秒なんですけど、あれ作るのに1時間以上かかりました。

とんでもなく時間がかかる。

それでも、やっぱりアニメーションを作るのはたのしいし…なにより好きなキャラや自分のキャラが思い通りに動くのは、とても嬉しいものです。

達成感もあるし。

(でも、やっぱりアニメーション制作用アプリを使えば簡単なのかもしれない…)

さあ、貴方もアニメーションを作って、あんなキャラやこんなキャラに命を吹き込みましょう！

それでは。よいアニメライフを！

使った画像集