当ブログが紹介されました【動画編】

アイキャッチ

今年に入ってからillustrator系の9記事を開発元のアドビさんが運営しているTwitterアカウント、アドビスチューデンツにてご紹介いただいています。

イラレの記事のご紹介が一段落ついたころ、今度は当ブログのもう一つの柱であるAfterEffects＝略称AEの使い方記事もご紹介いただけました。

そのご紹介も5記事分たまってきましたし、古い記事はなかなか読んでもらえなくなることもありますので、この記事ではこのアドビさんにご紹介いただいたAEの記事をまとめるとともに解説していきます！
セッジです！おはようございます！
イラレに続いて、AEの記事もご紹介いただけました！
とてもうれしいです！
先輩。ホントにうれしそうね。

う、うん。
うれしかったことは素直にうれしいと表現したほうがいい、といろんな人から言われたんだよね。
ということで、こういう形で出してみることにしました！

キーフレームとアニメーション


イラレの真髄がベジェ曲線であるように、私はAEの真髄と言えるものはやはりキーフレームという概念をマスターすることだと考えています。

ボールが単純に上下動するだけのアニメーションではありますが、ここにはAEでアニメーションを作る上で大事な基本の全てが詰まっています。

複雑なアニメーションをたくさん見ることがありますが、それができるようになるのもこの最初の一歩が全てだったりするのです。
AEの基本にしてすべてがここにあります！

回転とスケールのアニメーション 


AEの使い方の記事を書くにあたり、まず必要なのは「スゴイことができる」ということよりも「カンタンなことによるアニメーション」を知ってもらうことだと考えました。

そこで一つ前の記事では移動するだけのアニメーションでキーフレームという概念を覚えてもらいました。
この記事ではキーフレームというものがわかっている上で、少しだけ難易度を上げて2つ以上の動きの組み合わせになるようにしています。

また動かし方についても移動についてはやりましたので、別種の動きである回転とスケール(拡大)するアニメーションを解説することにしました。
この2つの記事をみれば、あなたも3種の動きがマスターできますね！

文字のアニメーションの作り方


動かし方がわかってくると今度は「何を動かせば良いんだろう？」という状態になる人がいるようです。

そういうときは「文字を動かしてみる」のが一番です！

ふだん何気なく見ている文字は工夫を重ねた歴史のある芸術でもあります。
その文字を利用すれば、魅力的なアニメーションが作れるのです！
文字を利用したデザインをタイポグラフィ、
それを動かすとキネティック・タイポグラフィといいます！
言葉の響きもカッコイイ！ですね！
ちょっとアートっぽくもありますね！

アニメ自動化! エクスプレッションのキホン

拒否反応がでやすいので、あまり「プログラム」と言いたくないのですが、他に形容しにくいのでやはり「カンタンなプログラム」というのが一番わかりやすいもの。
それがエクスプレッションです。

私も最初は避けていた機能ですが、単純な動きなのに数十～数百レイヤーを動かさないといけない、となったときに避けて通れなくなって覚えることにしたものです。

文中にあるように1行書き込むだけで動くものが多いので、使ってみることをオススメします。
百数個のレイヤーが動き、かつランダムなタイミングになるようにしてね!
とカンタンにいわれエクスプレッションでしのいだことも良い思い出・・・?!

文字の書き順アニメーションの作り方


これは実際に「書き順アニメの作り方が知りたい」と言われることが多いんです。

毎回口頭で説明してきましたが、一回残る形で作っておくのが良いだろう、と考えて記事化することにしました。

書き順のアニメーションはこれ以外にも、シェイプ機能を使ったリグラデーションワイプを使うなどがありますが、おそらく一番カンタンなのがこの方法だと思います。
ご紹介していただいたように、カンタンに作れるのにカッコイイんですよねー！

キャラアニメを作ろう! リンクの使い方

いわゆるカットアウト(切り絵)アニメーションですが、 イラレであらかじめAEで動かすことを考えたレイヤー分けをしておくのがポイントです。
AEに読み込んでからレイヤー分けをすることも可能ではありますが、やはりそのへんは専用ソフトで行ったほうが仕上がりもキレイだと思います。

本来はリンク(親子関係)を説明するための記事でした。
何もしないとそれぞれ別々に動いてしまいますが、リンクをすれば親の動きにあわせて子が動くようになります。
リンクをつかうとこういうキャラアニメを作ることができるんです！

最後に。

今回はアドビさんにご紹介いただいた、アニメーション編についてまとめ、それぞれの記事について解説させていただきました。

こうして開発元であるアドビのTwitterアカウント、@adobestudentsjp さんに継続的にご紹介いただけていることは、大変うれしく励みになっています。

アドビスチューデンツジャパンは、アドビ製品の初心者や学生に向けて情報発信をするアカウントです。

学生向けアカウントとあなどってはダメですよ！

このアカウントは数多くのWebサイトからアドビ製品に関わる情報を集めていますので、中級者や上級者にとっても目からウロコのテクニックを見ることがあります。

あなたがTwitterアカウントを持っていて、クリエイティブ分野に興味がある人なら、ぜひフォローするべきです！

@AdobeStudentsJP

アドビさんからのご紹介まとめも3回になりました！
今後もまたご紹介いただけるように励みたいと思います！
それでは最後までご覧頂き、ありがとうございました！

紹介記事まとめ ・当ブログが紹介されました【イラレ編Part1】
・当ブログが紹介されました【イラレ編Part2】
・当ブログが紹介されました【アニメ編】《当記事》

Aeまとめ 詳しくはこちら


ブログランキング参加中!
このブログが役に立ったと思ったら、投票をお願いします!

にほんブログ村 デザインブログへ



コメント

コメントを投稿