top of page
検索

【104】 番組オープニング映像の作り方［基礎編］【AEPあり】

シェイプアテンションと人物写真で、選手紹介風モーションを作る



この講座は、YouTubeメンバーシップ Pro プランで視聴できます。

Pro プランで講座を見る：https://bit.ly/sanze_join


※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。



完成イメージ


※ここに完成GIFを配置



講座概要


番組オープニングや選手紹介風のモーショングラフィックスでは、人物写真、シェイプ、テキスト、色を組み合わせて、短い時間で印象的に情報を見せる必要があります。単に写真を置くだけではなく、シェイプアテンションやストライプシャドウを加えることで、画面に勢いと番組感を出せます。


この講座では、シェイプレイヤーを使ったアテンション素材を作り、エッセンシャルグラフィックスで色を管理しながら、人物写真を使った選手紹介風の画面を組み立てます。Photoshopで人物を切り抜き、After Effects上でシェイプを重ね、ストライプシャドウや名前ベース、テキストアニメーションまで作っていきます。


大事なのは、派手な装飾を足すことではなく、人物を主役にしながら、どのシェイプで視線を誘導し、どの色を差し色として使い、どのタイミングで情報を出すかを整理することです。基礎編では、応用編でダイナミックなカメラワークへ発展させるための、画面設計の土台を作ります。



関連講座


第1回：シェイプレイヤーで作る動く背景グラフィックの基本


第2回：文字数に自動フィットするローワーサードの作り方


第5回：SFユーザーインターフェース 応用編


第7回：番組オープニング映像の作り方［応用編］



講座の流れ


1. シェイプレイヤー講座第4弾の全体像を確認する

2. 番組OP用のシェイプアテンションを作る

3. イン・アウトのあるアテンションを作る

4. カラー制御でシェイプの色を管理する

5. パスのトリミングでアニメーションさせる

6. エッセンシャルグラフィックスにカラーを登録する

7. Photoshopで人物写真を切り抜く

8. After Effectsで人物にシェイプを重ねる

9. ストライプシャドウで人物に番組感を足す

10. 名前ベースとテキストモーションを加えて仕上げる



この講座でできるようになること


・シェイプレイヤーで、番組OPに使いやすいアテンション素材を作れる

・人物写真にシェイプや影を重ね、選手紹介風の画面を組み立てられる

・エッセンシャルグラフィックスで色変更しやすい構造を作れる



こんな人におすすめ


・スポーツ番組風、選手紹介風のモーショングラフィックスを作りたい人

・人物写真を使った番組OPやスライドショー演出を作りたい人

・シェイプレイヤーを、実案件で使いやすい画面設計に活かしたい人



講座情報


カテゴリ：After Effects／Photoshop／シェイプレイヤー／番組OP／選手紹介

対象レベル：中級

動画尺：約13分

使用ソフト：After Effects、Photoshop

使用プラグイン：なし

使用エフェクト：カラー制御、パスのトリミング、レベル補正、塗り、CC Radial Fast Blur、CC Composite、ブラインド、チョーク

使用機能：シェイプレイヤー、ペンツール、カラー制御、エッセンシャルグラフィックス、マスタープロパティ、プリコンポーズ、人物切り抜き、トラックマット、テキストアニメーター、範囲セレクター、イージング

AEP：あり

学習用付帯データ：あり



使用素材


Player1


Player2


Player3


Player4


Player5



主要項目


この講座で扱う主な考え方


・シェイプアテンション：画面に勢いや視線誘導を作るための短い装飾モーション

・カラー制御：複数のシェイプ色を一括で管理するための仕組み

・エッセンシャルグラフィックス：色変更しやすい項目を外に出して管理するためのパネル

・人物切り抜き：Photoshopで人物だけを抽出し、After Effectsで扱いやすい素材にする工程

・ストライプシャドウ：人物に番組風の影とグラフィック感を足す処理

・テキストアニメーター：名前や肩書きを動きのあるテキストとして表示するための機能



📦 学習用付帯データ・使用環境について

AEPファイルなどの学習用付帯データは、講座理解を補助するための付録です。メインコンテンツは講座の視聴と、作り方や調整の考え方を学べることです。


付帯データは制作当時のAfter Effects、Photoshop、素材環境を前提に作成しているため、現在の環境では表示差異やエラーが出る場合があります。UI構成、項目名、仕様、互換性が異なることもあります。


写真素材など、二次配布できない素材については、権利の都合上、同名のブラックビデオや代替素材などに差し替えている場合があります。必要に応じて、ご自身で用意した素材や、正規に入手した素材へ差し替えてご利用ください。


個別環境での動作確認、AEPファイルの修正、素材差し替え、人物切り抜き、トラブル対応などの個別サポートは行っておりません。学習用付帯データの再配布、再販売、リンクの公開は禁止です。

bottom of page