【099】シェイプレイヤーで作る動く背景グラフィックの基本【AEPあり】
- サンゼ
- 2020年10月24日
- 読了時間: 4分
更新日：6月1日
ジグザグ、円、ドット、波を組み合わせて使いやすい背景を作る
この講座は、YouTubeメンバーシップ Pro プランで視聴できます。
Pro プランで講座を見る：https://bit.ly/sanze_join
※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。
完成イメージ
講座概要
シェイプレイヤーは、ローワーサード、モーショングラフィックス、グラフ、背景装飾など、After Effectsで情報を見やすく整理したいときに使いやすい基本機能です。図形を描くだけでなく、パスのトリミング、ジグザグ、旋回、リピーターなどを組み合わせることで、短い尺でも使いやすい動くグラフィック素材を作れます。
この講座では、木本キリンさんと一緒に、シェイプレイヤーの基本から、6種類のアニメーション図形を作る流れを整理します。ジグザグ、グルグル、バッテン、ドット、円、波を作り、それぞれをプリコンポーズして、最後にレイアウトと配色を整えていきます。
大事なのは、シェイプの機能をひとつずつ覚えることではなく、作った部品をどう組み合わせれば、テロップやグラフを載せやすい背景になるかを考えることです。素材を部品化しておくことで、別の案件でも配置や色を変えながら使いやすくなります。
 |  |
 |  |
関連講座
第2回：ローワーサードのタイトルベースを作る
第3回：番組タイトルベースの作り方 応用編
第4回：SFユーザーインターフェース 基礎編
第5回：SFユーザーインターフェース 応用編
講座の流れ
1. シェイプレイヤー講座シリーズの全体像を確認する
2. シェイプとは何かを確認する
3. ペンツールと基本図形ツールを確認する
4. 6種類のアニメーション図形を作る
5. ジグザグ、グルグル、バッテンを作る
6. ドット、円、波を作る
7. 作った図形をプリコンポーズして部品化する
8. レイアウトと配色のTIPSを確認する
9. タイムリマップとExpressionでループさせる
10. テロップやグラフを載せやすい背景として仕上げる
この講座でできるようになること
・シェイプレイヤーの基本図形と追加メニューを使って、動くグラフィック素材を作れる
・パスのトリミングやリピーターを使い、少ない手数でアニメーションを作れる
・作った素材を部品化し、背景や装飾として再利用しやすくできる
こんな人におすすめ
・シェイプレイヤーの基本を、実際に使える背景づくりで覚えたい人
・サービス解説映像やモーショングラフィックスの背景素材を自分で作りたい人
・短いループ素材を組み合わせて、画面の密度を上げたい人
講座情報
カテゴリ：After Effects／シェイプレイヤー／モーショングラフィックス／背景デザイン
対象レベル：初級
動画尺：約19分
使用ソフト：After Effects
使用プラグイン：なし
使用エフェクト：波形ワープ、タービュレントディスプレイス、チョーク、塗り、トライトーン、ドロップシャドウ
使用機能：シェイプレイヤー、ペンツール、長方形ツール、角丸長方形ツール、楕円形ツール、多角形ツール、ジグザグ、旋回、パスのトリミング、リピーター、パスの結合、プリコンポーズ、タイムリマップ、スポイトツール、ショートカットキー
Expression：loopOut(Type="cycle")、loopOut(Type="pingpong")
AEP：あり
学習用付帯データ：あり
📝 タイムリマップでループする方法
レイヤーを選択して、右クリック「時間」→「タイムリマップ使用可能」を選びます。
タイムマークをAlt+クリックして、下記のどちらかのExpressionを入れます。
ループアウト サイクル
loopOut(Type="cycle")
ループアウト ピンポン
loopOut(Type="pingpong")
📦 学習用付帯データ・使用環境について
AEPファイルなどの学習用付帯データは、講座理解を補助するための付録です。メインコンテンツは講座の視聴と、作り方や調整の考え方を学べることです。
付帯データは制作当時のAfter Effects環境を前提に作成しているため、現在の環境では表示差異やエラーが出る場合があります。UI構成、項目名、Expressionの動作、仕様、互換性が異なることもあります。
個別環境での動作確認、AEPファイルの修正、Expressionの個別調整、トラブル対応などの個別サポートは行っておりません。学習用付帯データの再配布、再販売、リンクの公開は禁止です。
