• TOP
  • CATEGORY
    クリエイター
  • TITLE
    前回に引き続き、Adobe AfterEffectsの使い方をレクチャーしていきたいと思います。基本的なユーザーインターフェースを紹介したので、今回はその一部を活用しながら実際に作品を作ってみたいと思います。
CATEGORY
クリエイター

【Adobe AfterEffects初心者必見!】アニメーションロゴを作る為には? 【コンポジションとシェイプレイヤー編】

  • DATE
    2018.12.20
  • WRITTEN BY
    あおい

サイコム G-Master Velox Intel Edition

197,010円(税込)

編集部が選ぶおすすめのBTO PC!
厳選されたパーツ構成、BTO初心者にも最適なゲーミングPC。カスタマイズなしで多くのゲームがプレイ可能。

BTOパソコンはパーツ選びが難しい、そんなユーザーの声に答えた「G-Master Velox」シリーズ。厳選されたパーツで構成されたBTO初心者にも最適な高性能なゲーミングPC。カスタマイズなしでも多くのゲームタイトルを快適にプレイ可能。

>> 関連記事 :Adobe AfterEffects:アニメーションロゴを作る為には?まずは基本画面【インターフェース編】


  • サイコム

    G-Master Velox Intel Edition


    ・厳選されたパーツ構成、BTO初心者にも最適なゲーミングPC!
    ・カスタマイズなしで多くのゲームがプレイ可能

  • THIRDWAVE

    Monarch FE


    ・大容量ミドルタワーケースで拡張性の高いBTOモデル

  • クリエイターPC

    WA9A-E211/XT


    ・ローエンドからハイクラスまで、用途に合わせたGPUが選べるクリエイター向けモデル

  • ストーム

    PG-PH12


    ・抜群のエアフローケースで冷却を採用したRTX3060モデル

  • パソコン工房

    LEVEL-R769-LC129K-WAX


    ・ゲームも動画配信も万全なインテルのハイエンドCPU、Core i9を搭載!

Adobe AfterEffects で作れるものは?

前回の記事でもお伝えした通り、Adobe AfterEffects はモーション・グラフィックスを作成するアプリケーションです。撮影した動画に様々なエフェクト(効果)をつけたり、物体を合成したり、またはすべてがデジタルで表現されたCG(コンピュータ・グラフィックス)も作成できます。今回はAdobe AfterEffects の基本を押さえる為に、図形を作って動かしてみましょう。最終的にはカッコいいアニメーションのロゴを作ってみましょう!

 

 

 

コンポジションを作成しよう

まずは、映像の基盤となる「コンポジション」を作っていきましょう。このコンポジションは設計図のようなもので、ここに画像や映像など様々な素材を重ねていくことで、最終的には一つの動画が作られます。建築士で例えると家の図面のようなものですね。この図面をもとに作られたものが家、つまり動画という作品になります。

コンポジションは、プロジェクトパネル内のフィルムアイコン(上図参照)をクリックして作成ウインドウを表示します。

こちらはコンポジションを作成する時の設定項目です。今回は〇の箇所のみ変更をしますが、変更する可能性が高いところはここで説明しておきましょう。なお、下記に従って設定が終わったら「OK」を押してコンポジションを作成します。

 

コンポジション名:

コンポジションは複数作成できるので、分かり易い名前を付けておくと良いです。今回はコンポジションは一つしか作成しないのでデフォルトのままとします。

 

幅、高さ:

作成する動画の解像度です。今回は1920 (幅)×1080 (高さ) になっているので Full HD で動画を出力するという意味になります。用途によって調整しましょう。

 

フレームレート:

1秒間を何コマに分けるかを設定します。基本的には 30fps や 60fps に設定すれば問題ありませんが、ハイスピード動画など高いフレームレートで撮影した動画の場合は、それに合わせないと入りきらなかったフレームが失われてしまうので注意が必要です。

 

デュレーション:

ここでは動画の長さを設定します。今回は10秒のアニメーションロゴを作っていくので、ここは「0:00:10:00」に設定しておきます。

 

 

 

シェイプレイヤー(図形)を作成しよう

続いて、アニメーションさせる素材となる図形を作成しましょう。ツールバーの①「長方形ツール」をクリックして選択します。続いて、②「塗り」をクリックして「シェイプの塗りカラー」ウインドウを表示します。

今回はシェイプのカラーを「青」に設定します。上図の通りカラー#を「0000FF」に設定して「OK」をクリックします。

この状態でコンポジション内をドラッグしてシェイプを作成します。大きさはこのあと調整しますので、一旦は適当なサイズで作成してください。

シェイプが作成されるとタイムラインパネルに「シェイプレイヤー」が表示されます。「長方形1」の矢印をクリックして項目を展開して「長方形パス1」の①「リンクマーク」をクリックしてマークを外します。続いて②「サイズ」を「200,200」に設定します。その他「トランスフォーム」の②「アンカーポイント」を「0.0 ,0.0」に設定します。

設定が完了すると、コンポジションパネル内のシェイプレイヤーが水平垂直方向の中央に配置されていることが分かります。この位置を基準としてアニメーションさせていきましょう。

>> 関連記事 :Adobe AfterEffects:アニメーションロゴを作る為には? 【キーフレームとモーションコントロール編】

 

 

 

まとめ

今回は、シェイプレイヤーを作成してアニメーションさせる為の準備を行ってきました。次回はアニメーションさせる為の基本である「キーフレーム」についてお伝えしていきましょう。

今おすすめのBTOパソコン

これまでの比較・検証を踏まえて、BTOおすすめ人気ランキングを発表します。なお、それぞれの検証項目に重み付けをしてランキングを作成しました。

※6月1日時点の価格
商品
価格 CPU GPU メモリー SSD HDD 電源
サイコム

G-Master Velox Intel Edition

Core i5-12400 RTX 3060 16GB 500GB NVMe 650W GOLD
THIRDWAVE

Monarch FE

Core i9-12900 CPU内蔵グラフィックス 16GB 500GB NVMe 550W BRONZE
クリエイターPC

WA9A-E211/XT

Ryzen 9 5900X GTX 1650 32GB 1TB 2TB 750W GOLD
ストーム

PG-PH12

Core i5-12400 RTX 3060 16GB 500GB NVMe 850W GOLD
パソコン工房

LEVEL-R769-LC129K-WAX

Core i9-12900K RTX 3080 Ti 32GB 1TB 800W GOLD

BACK TO LIST

見た目良し!スペック良し!なサイコムのBTOパソコンを、女性自作erでもあるストリーマー・つつまるがレビュー!【PR】

自作erも納得の性能!eスポーツキャスター・平岩康佑がGALLERIA(ガレリア)のBTOパソコンをレビュー【PR】

FPSプロゲーマー・GorouがツクモのゲーミングPC「G-GEAR Aim」をレビュー!Apexでの無双プレイもお任せ【PR】

FPS界屈指の実力派・GreedZzも納得!arkのゲーミングPC「arkhive」の性能をApexで体験【PR】

FPS初心者にこそおすすめ!プロゲーマー・keptがパソコン工房のゲーミングPC「LEVEL∞」の実力をApexで試してみた 【PR】

Apexプレデター・Lightも大満足!FRONTIERのBTOパソコンの実力を検証してみた【PR】

【エルデンリング】推奨Ping値・重いときにラグを減らす方法まとめ

【FF14】Ping値の確認方法とレイテンシが高いときの対処法

【原神】Ping値の確認方法とレイテンシが高いときの対処法

【フォートナイト】Ping値の確認方法とレイテンシが高いときの対処法

【Apex Legends】Ping値の確認方法とレイテンシが高いときの対処法

原神に必要な通信速度(回線速度)・Ping値・ラグ改善のコツまとめ

フォートナイトに必要な通信速度(回線速度)・Ping値・ラグ改善のコツまとめ

Apex Legendsに必要な通信速度(回線速度)・Ping値・ラグ改善のコツまとめ

ELDEN RING(エルデンリング)の推奨スペック&ベンチマークとおすすめグラボまとめ

FF15の推奨スペック&ベンチマークとおすすめグラボ・CPU・ゲーミングPCまとめ