BLOG ブログ

【After Effects②】PR動画に効く!円グラフに動きをつける方法

作成日
更新日
ホームページ

最近一向社でも、動画制作の引き合いが増えています。
企業や学校を紹介する内容が多いのですが、その中で実績を示す数字やデータがあると視聴者の興味を惹きますし、そのグラフに動きがあると強く印象に残ります。
既にパンフレットなどで作成したIllustratorデータがある場合は、After Effectsで加工することで、効果的なビジュアルを創り出すことができます。

Illustratorで準備

Illustratorで、画面の比率に合わせてレイアウトします。
その際、パーツごとにレイヤーを分けておくと、After Effectsでの動きを個別に設定できます。

After Effectsでの設定

「新規コンポジション」を選びます。

ファイル>読み込み>ファイル と進みます。

複数のパーツがある場合は、「コンポジション-レイヤーサイズを維持」を選ぶと、
Illustratorのレイヤー情報が維持された状態で読み込まれます。

↓ 読み込み終えた状態です。

読み込まれたコンポジションをダブルクリックすると、Illustratorでのレイアウトを保った状態で、タイムラインへ配置されます。

円グラフのレイヤーを選択した状態で、「エフェクト>トランジション>放射状ワイプ」を設定します。

タイムラインに、キーフレームを設定します。
まずは、「エフェクト>放射状ワイプ」に表示されている時計マークをクリックして、開始時のキーフレームを追加します。

開始時のキーフレームは、
・変換→100%
・ワイプ→反時計回り
に設定します。

次に、終了時のキーフレームを追加します。
・変換→0%
に設定します。

必要なファイル形式で書き出し、完成です。

企業・学校とも、PR動画の活用の機会は、これからますます増えそうです。
一向社では撮影・編集も承っていますので、どうぞお気軽にご相談ください。

つーちゃん
アートディレクター/グラフィックデザイナー
大学にてデザイン専攻。卒業後、広告代理店に勤務。2014年より一向社。 前職では広告効果測定の定例会議があり、マーケティングに基づいたクリエイティブの重要性を認識しました。 Webをはじめとして近年拡大する広告領域や、各媒体の特性を踏まえ、最適なクリエイティブを提案します。

関連記事

  • ホームページ

    【After Effects③】数値を強調!カウントアップの設定方法

    前回は動画でグラフに動きをつける方法をご紹介しましたが、データの数値を強調したいときには、・カウントアップ(数値が大きくなる)・カウントダウン(数値が小さくなる)の手法も効果的です。 今回は、After Effectsの […]

  • ホームページ

    動画編集をするときにつまずく「シーケンス設定」について

    2023年初頭の「ワイドナショー(フジテレビ)」で「2023年大人が挑戦したい習い事」というテーマを紹介しており、男性のランキング1位(21.1%)は「動画編集」で、女性でも5位(10.9%)でした。(ストアカ調べ) Y […]

  • ホームページ

    「ウェブサイト」を「ホームページ」と呼ぶことに違和感があった時代

    インターネットが普及し始めた1990年頃、コンピュータ上で共有できるシステムとして、「WWW(World Wide Web=ワールド・ワイド・ウェブ)」が一般化して行き、ブラウザというソフトウエアによってホームページが見 […]

  • ホームページ

    【After Effects①】マトリックスっぽい動きをつくってみた

    先日動画を編集する機会がありました。 動画中の「DIGITAL」の文字の背景に、映画「マトリックス」風の数字が流れる動画が欲しいな〜と思い、まずはフリー素材の動画を検索。しかし、使いやすい色調のものがない…ということで、 […]

  • ホームページ

    要件定義は発注側が用意するべきものではない?

    WEB制作における要件定義は、受注側が制作スタッフの認識に齟齬(そご)が生まれないようにまとめた確認書です。主に受注側のクライアント担当(営業/ディレクター)が、RFP情報と同時にヒアリングした内容をまとめて作成します。 […]

  • ホームページ

    グラフィックデザイナーがWebディレクターになるときのスキルアップにはWordPressが必須!?

    WordPress(ワードプレス)は、世界で圧倒的なシェアを獲得している無料で使えるオープンソース型のソフトウエアです。CMS「コンテンツ・マネジメント・システム(Contents Management System)」 […]

ご相談・ご質問等ございましたら、お気軽にお問い合わせください