意外と知らないその他の事。この応用でこんなものも作れますまずはじめにやること本当に0からやっていきます。(わかる方はこの項目はスキップで大丈夫です)photoshopやillustratorを使っている方は当たり前のようにまずはカンバスの設定を行いますよね。effect(以降Ae)では、「コンポジション」を設定します。これが今回のカンバスです。サイズまずは、作りたい動画のサイズを決めましょう。高さ1080pxのものを言います。そのほかにもプリセットがあるので用途に合わせて選んでください。フレームレート動画を作ったことのない方にとってはさっそく知らない用語が出てきましたね。これは、かいつまんで言いますと「1秒間に何枚の画(フレーム)を使うか」ということです。わかりやすく言うと、1秒間にめくるパラパラ漫画のページ数だと思ってください。こちらの数値が大きいほど動きが滑らかに見えます。その分データ量は大きく重くなるので注意してください。個人的に最初は「20」でやると後々ラクです。短めの動画広告くらいであれば「20」くらいでも十分使えますが、変えたい場合、フレームレートは後でも変更できるのでまずはわかりやすい数字で始めてみると良いかと思います。「デュレーション」これはキャッシュフローの話ではないですよ。デュレーションタイムといって、動画自体の長さを意味しています。ここで間違いがちなのは「開始タイムコードは完成時のスタート位置ではない」と言うことです。これは後ほど作業をするタイムラインの目盛りの開始位置なのでその辺をお間違いなく!なのでわかりやすくこちらは0:00:00:00のままが良いかと思います。コンポジションを作ったらこれは個人的な話ですが、とりあえず一旦保存しましょう。保存するときに下記の画像のようにフォルダを作っておくと後々整理整頓がラクになります。画像を埋め込まずに保存先のフォルダを変えてしまって、次に開いたときに画像をリンクし直す羽目に、、、と言う思いをした方もいるかと思います。Aeもまた画像などはリンクになりますのであらかじめフォルダをまとめておくと後がラクです。配置した物を動かしてみましょうようやく本題です。ここまで書いて思ったのですが、この記事、どこまで書こう。気にせず実践していきましょう!シェイプを作る長方形ツールを使って下地を敷いてみましょう。背景を単純にずっと白にするならこんなことしなくても、「コンポジションの設定」で背景色は変えられるんですけどね。ここで、レイヤーが追加されます。このレイヤーも作ったら名前を変えたほうが後でわかりやすいので変えます。変える方法はレイヤー名(☆が左についている部分)で右クリックで出るメニューの一番下にあります。シェイプの形を自由に変えたいさらにちなみになってしまいますが、この長方形ツールを(楕円ツールも)普通に作成すると、「パラマトリックシェイプパス」となり、パスアニメーションができません。optionを押しながら作成することで「ベジェシェイプパス」となり、ペンツールで作成したような形を変えられるシェイプを作ることができます。「シェイプレイヤー2」がベジェシェイプパス」です。好きな形に変えられるわけです。パス上でペンツールを使えばアンカーポイントも追加できます。動かしてみる話が長くなってしまいすみません。動かし方の部分はレイヤーの中の「トランスフォーム」からタイムラインにキーフレームを打っていけばできますね。適当ですが動きを入れてみました。左から山なりに右へ360度回転しながら移動しています。「回転」の部分【1x+0.0°】これが1回転(360°)ですスタートの時は【0x+0.0°】となっていますので、終着地点までに何回転させたいかはここの数値を動かしてください。基本的にはこの、「スタートの状態」から任意のタイムラインに「ゴールの状態」を作成すればその間は自動で動きます。アニメーションをループさせるはい。今はまず単純な動きを作ったので、これをループさせたいと思います。前述のゴール地点からスタート地点まで戻る動きを作ります。これは、スタート地点のキーフレームをコピー&ペーストすると簡単です。OUT】→終点のキーフレームを選択ひとまず動きとしてはこちらになります。動画を保存しようアニメーションが作り終わったら、次は書き出しです。先程までのレイヤーが表示されていた【コンポ】タブに【レンダーキュー】タブが追加されます。出力するフォーマットは【出力モジュール設定】から行えます。!mp4にはできません!mp4へする方法は後ほどご紹介します。設定が済んだらレンダーキュータブの右の方にある【レンダリング】これで動画自体は完成です。先ほど作った動画をドロップ諸々の情報を入れ。※一般公開したくない方はこの画面の【❸公開設定】で「限定公開」にしてください。動画のアップロードが完了です。え?mp4のやり方?はい。脱線したわけじゃありません。完成すると、動画一覧ページになるのですが、そこから、作った動画の編集画面に移動してください。画面右のメニュー内に【ダウンロード】があります。これが、mp4に変換されて出てくるわけです。意外と知られていないダウンロードの存在。意外と知らないその他の事。ここでこの記事、今日のところは終わってもいいんじゃないかってくらいやりきった感あるんですが最後にもう少し。長方形1を開き、【パス】→ストップウォッチでスタートを同じように作ります。猫になりました(猫じゃなくてもいいです)あとは3番目の地点にスタートのキーをペースト。これはループできないので直打ちしました。(もしかしたらループの方法あるかもなのでこれはまた調べてみます)出来上がりはこちら正直、Aeで複雑な形を作るのはなかなか難しいかと思います。そんな時はこの方法を使うと簡単に形が変更できます!エフェクトをかけてみよう次は「調整レイヤー」を使ってレイヤー全体にエフェクトをかけたいと思います。真ん中に1つ長い長方形を設置します。今回、調整レイヤーを使うので、最初に下に敷いていた白い長方形シェイプは消します。これが残ってるとこっちにエフェクトが反映されてしまうので。ついでに見やすく色も変えました。今回は「チョーク」エフェクトを使いますので【エフェクト】→【マット】→【チョーク】チョークの設定を50にしました。チョークの効果で角はなくなってしまいますが、、、これを動かすと。猫が液体であるということがわかりますね(?)この応用でこんなものも作れますまずは楕円形ツールで円を作成。レイヤーの「コンテンツ」右の▶︎より【パスの結合】【パスのオフセット】を設定。エクスプレッションも追加します。こんな感じにし、大量に複製します。次は再び「調整レイヤー」でエフェクトをかけます。ブラーとチョークで大きくなった時に円同士がくっつくように見えます。いかがでしたでしょうか。あまりにも記事が長くなるのでここで終わりますが、今回の記事はAeでできることのほんの入り口です。ムービーや音声、テロップ、ワイプなどなど短い時間の編集にはとても便利です。AdobeのPremiereとの用途の違いなんかもあるのでそういうことも後々紹介できればなと思う次第です。次回もまたアニメーションかムービーについて書いて行こうかと思います。博之webディレクター/アートディレクターカメラマン→グラフィックデザイナー→アパレルメーカーのプレスを経て現在。調理師免許と古物商の免許がある。SK8復帰を果たそうと画策中だが筋トレ&ダイエットが続かない。「眠い時にはコーヒー」は逆に眠くなる!!...SEO対策になる記事の書き方、真心を込めて紹介してみた。ReservedScroll。