Adobe公式で公開された、After Effects初心者向けの3ステップ講座 概要 Adobe公式コンテンツ「アドビことはじめ After Effects編」を担当しました。 After Effectsを初めて触る人に向けて、基本操作、ワークスペースの整え方、キーフレームアニメーション、リリックビデオ制作、実写映像との合成までを、3ステップで学べる講座です。 僕自身、After Effectsは独学で覚えてきました。最初は画面のどこを見ればいいのかも分からず、何度もつまずきながら、少しずつ覚えていった記憶があります。 だからこの講座では、初心者の方が「分からないまま置いていかれる」ことがないように、画面の見方、素材の扱い方、キーフレームの考え方、書き出しまでを、できるだけ順番に整理しています。 サンプル素材を使いながら手を動かして進めることで、最後にはリリックビデオを実写映像に合成するところまで体験できます。 After Effectsを始めたい方、途中で挫折したことがある方、まずは1本完成させて自信をつけたい方に、ぜひチャレンジしてほしいシ

時間・位置・色・質感のずらしで、デジタルノイズ感のある文字演出を作る この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ 講座概要 今回は、リッチなグリッチテキストアニメーションを作っていきます。 122のテキストアニメーションシリーズで扱った「時間・位置・色・質感のずらし」を、より派手なグリッチ表現に応用する講座です。時間置き換えで文字の再生タイミングをずらし、RGBに分けた文字を少しずつ重ね、CC Ball Actionで質感を変え、雷やグローを足して、デジタルノイズ感のあるテキスト演出に仕上げます。 ポイントは、ただバグっぽいエフェクトを重ねることではありません。時間のずれ、色のずれ、位置のずれ、質感のずれをそれぞれ役割として考えることで、派手だけど整理された見え方にできます。グリッチ表現は崩しているように見えて、実際

動きを見せすぎず、文字が読める尺を確保する 概要 今回は、テキストアニメーションシリーズの補足として、ビギナーがやりがちな注意点について話します。 テキストアニメーションを作り始めると、どうしても動きそのものが楽しくなります。文字が跳ねる、ずれる、色が変わる、背景が動く。そうした要素を作るのは大事ですが、広告や情報を伝える映像では、最終的に文字が読めることが一番大切です。 よくある失敗は、アニメーションしている時間が長く、文字が止まって見える時間が短くなってしまうことです。文字を動かすのは、情報にニュアンスや印象を加えるためであって、読みにくくするためではありません。動きがかっこよくても、読み手が内容を理解できなければ本末転倒になります。 この動画では、POP、COOL、Funnyのアニメーションを例に、動いている時間を短くし、文字が止まって読める時間を長めに取る考え方を確認します。見せたい長さから逆算して、アニメーションの尺を決めることが大切です。 122シリーズで作ってきた「時間・位置・色・質感のずらし」も、最終的には文字の意味を伝えるための

円形ワイプ、横ワイプ、アメコミ風ドット背景を作る この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ 講座概要 今回は、テキストアニメーションシリーズの⑤として、ms Halftoneを使ったワイプアニメーションと、アメコミ風のドット背景を作ります。 122-1〜122-4では、POP、COOL、Funnyの文字アニメーションと、ドット背景を作りました。122-5では、それぞれのシーンをつなぐワイプを作り、テキストアニメーション全体の切り替わりに質感を加えていきます。 まずは白い円が広がるシンプルなワイプを作り、そこにms Halftoneを適用します。m's Halftoneは、白黒の明暗差をもとにドットや四角などのパターンを作ってくれるため、ただの円形ワイプが一気にポップな幾何学ワイプになります。 次に、リニアワイプを使

CC Ball ActionとloopOut()で、チカチカ動くポップな背景を作る この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ 講座概要 今回は、テキストアニメーションシリーズの④として、POP、COOL、Funnyの文字を置くためのメインコンプを作り、背景のドットパターンを作成していきます。 122-1〜122-3では、POP、COOL、Funnyの3つのテキストアニメーションを作りました。122-4では、それらをMaincompに並べ、シーン全体を支える背景を作っていきます。 背景は、4000×4000の大きめの平面にCC Ball Actionを適用し、粒の間隔やサイズを調整してドット状にします。そのままだと少し立体的な粒感が残るため、塗りで白く整え、45度回転させて斜めのドットパターンとして使います。...

ジャンプ、伸び、潰れで、元気な文字アニメーションを作る この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ 講座概要 今回は、テキストアニメーションシリーズの③として、「Funny」の文字を下から跳ね上がるように出すアニメーションを作ります。 122-1ではPOPの文字で時間のずらし、122-2ではCOOLの文字で位置と色のずらしを扱いました。122-3では、下から出てくるジャンプアニメーションに、縦方向の伸びと潰れを加えて、より元気でポップな見え方にしていきます。 まずは文字全体に対して、下から出て、少し跳ね上がり、最後の位置に着地するベースアニメーションを作ります。そこにスケールの縦横比を分けた伸びと潰れを加えることで、ただ移動するだけではない、弾むようなニュアンスを足していきます。 そのあと、にさいばらもじで文字を1文

位置と色のずらしで、横スライドの文字アニメをリッチに見せる この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ 講座概要 今回は、テキストアニメーションシリーズの②として、「COOL」の文字を横からスライドさせるアニメーションを作ります。 122-1では、POPの文字を使って「時間をずらす」考え方を確認しました。122-2では、その考え方に加えて、位置と色をずらすことで、シンプルな横スライドの文字アニメーションをリッチに見せていきます。 まずはCOOLの文字を作り、右側から画面中央へ入ってくるベースアニメーションを作ります。そこにイージーイーズとグラフエディターで緩急を付け、にさいばらもじで文字を1文字ずつ分解し、開始タイミングをずらしていきます。 さらに、作った文字アニメーションをプリコンポーズして複製し、片方に青系の色を

時間のずらしで、シンプルな文字アニメをリッチに見せる この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ 講座概要 今回は、テキストアニメーションをいい感じに見せるための基本として、「ずらし」の考え方を整理していきます。 テキストアニメーションは、ただ文字を動かすだけだと単調に見えやすくなります。そこで大事になるのが、時間をずらす、位置をずらす、色をずらす、質感をずらすという考え方です。1つの動きを作ったあとに、少しずつ要素をずらしていくことで、シンプルな文字でもリッチな見え方に近づけられます。 122-1では、まず「POP」という文字を題材に、スケールアニメーションでベースの動きを作り、そのあと文字を1文字ずつ分解して、開始タイミングをずらしていきます。最初から1文字ずつ作り込むのではなく、全体の動きを先に決めてから分解す

CC Pixel Pollyで文字を弾けさせ、うねるスクリーンセーバー風の表現を作る この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ 講座概要 今回は、After Effects標準エフェクトのCC Pixel Pollyを使って、文字が粒状に弾けて、空間の中でうねるように動くパーティクル風テキストを作っていきます。 CC Pixel Pollyは、レイヤーを破片のように弾け飛ばすエフェクトですが、Force、Gravity、Spinning、Objectsなどを調整すると、単なる破壊表現ではなく、粒状の背景演出やスクリーンセーバーのような文字表現にも使えます。 この講座では、ベースになるテキストを組み、メインコンプに入れたうえでCC Pixel Pollyを適用し、弾けるタイミング、飛び散り具合、重力、回転、粒の形、中

5mmカメラと白フレームで、立体感のあるタイトルスピンを作る この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ 講座概要 今回は、Appleの発表映像のような、ダイナミックなタイトルスピンをAfter Effectsで作っていきます。 ポイントは、テキストを3Dレイヤーにして回転させることだけではありません。同じ回転アニメーションでも、カメラのレンズを50mmで見るのか、5mmの超広角で見るのかによって、見え方が大きく変わります。レンズのミリ数を小さくすることで、テキストがカメラの前を通過するときに強いパース感が付き、シンプルな動きでもかなりダイナミックに見せられます。 この講座では、3Dテキストのスピン、5mmカメラによるパース感、白平面を使った切り替わり、次の「BIG NEWS」テキストが奥から出てくるスケールアニメー

複数パターンのテロップを比較・差し替えしやすくする補足講座 この講座の動画は無料で視聴できます。 AEPや講座内で使用する一部素材などの学習用付帯データは、YouTubeメンバーシップ Pro プランで参照できます。 Pro プランで学習用付帯データを確認する：https://bit.ly/sanze_join 講座概要 After Effectsで作成したテロップアニメーションを、Premiere Pro側で管理する方法を整理します。 テロップ違いのパターンをAfter Effectsで作成し、Premiere Proに読み込んで、クリップの複製や置き換え、有効／無効の切り替えで管理していきます。 複数パターンのテロップを扱う場合、After Effects側ですべてを複雑に管理するより、Premiere Pro側で差し替えや確認をしやすくしておくと、編集全体の見通しがよくなります。修正や比較が入りやすい作業では、こうした管理方法を覚えておくと便利です。 この講座は、書籍『一気にビギナー卒業！動画でわかるAfter Effects教室』と連動し

キーフレーム、イージング、グラフエディターの入口を押さえる この講座の動画は無料で視聴できます。 AEPや講座内で使用する一部素材などの学習用付帯データは、YouTubeメンバーシップ Pro プランで参照できます。 Pro プランで学習用付帯データを確認する：https://bit.ly/sanze_join 完成イメージ 講座概要 After Effectsで、簡単なテキストアニメーションを作る流れを整理します。 新規コンポジションの作成、テキストレイヤーの入力、レイヤープロパティの確認、キーフレームの打ち方、イージーイーズ、グラフエディターまで、アニメーション制作の基本になる操作を順番に扱います。 ここから実際にアニメーションを作っていく章に入ります。まずは小さなテキストアニメーションを作りながら、After Effectsで「動きを作る」ときの基本的な考え方をつかんでいきます。 この講座は、書籍『一気にビギナー卒業！動画でわかるAfter Effects教室』と連動して制作した講座です。 現在、書籍は販売終了しているため、書籍本文そのもの

背景・装飾・カメラワークで、選手紹介風OPを完成させる この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ 講座概要 前回の基礎編で作った選手紹介風の画面を、番組オープニングとして流れのある映像に仕上げていきます。背景、細かな装飾、3Dレイヤーの前後関係、カメラワークを組み合わせることで、1枚ずつの選手紹介をつなぎ、シーケンス全体として見せられる構成にしていきます。 この講座では、六角形の背景グラフィックを作り、選手ごとのシェイプ装飾を足し、カメラで次の選手へ移動していく流れを作ります。さらに、レイヤーを複製して選手写真や色を差し替えながら、スライドショーや番組OPとして展開しやすい構造へ整えていきます。 大事なのは、カメラを派手に動かすことではなく、どのレイヤーを手前に置き、どのタイミングで次の人物へ視線を移し、差し替えや

シェイプアテンションと人物写真で、選手紹介風モーションを作る この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ ※ここに完成GIFを配置 講座概要 番組オープニングや選手紹介風のモーショングラフィックスでは、人物写真、シェイプ、テキスト、色を組み合わせて、短い時間で印象的に情報を見せる必要があります。単に写真を置くだけではなく、シェイプアテンションやストライプシャドウを加えることで、画面に勢いと番組感を出せます。 この講座では、シェイプレイヤーを使ったアテンション素材を作り、エッセンシャルグラフィックスで色を管理しながら、人物写真を使った選手紹介風の画面を組み立てます。Photoshopで人物を切り抜き、After Effects上でシェイプを重ね、ストライプシャドウや名前ベース、テキストアニメーションまで作っていきます。

ノイズタイトル、カメラワーク、装飾でHUD表現を完成させる この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ 講座概要 102の基礎編で作ったSF風ユーザーインターフェースに、さらにノイズタイトル、カメラワーク、細かな装飾、ルック調整を加えていきます。円形HUDを作るだけでなく、タイトルの出方や画面全体の質感まで整えることで、VFX案件や近未来系の演出に使いやすい見た目へ仕上げられます。 この講座では、時間置き換えとフラクタルノイズを使ったノイズタイトルモーション、カメラの移動と手持ち感、四方向から入る装飾パーツ、露出の揺らぎ、ブラー、トーンカーブによる全体調整までを扱います。細かいシェイプや点滅を積み重ねながら、SF UIらしい密度と緊張感を作っていきます。 大事なのは、要素を増やすことではなく、どの動きが主役で、どの装

円形HUD、3Dレイヤー、背景グリッドで近未来感を作る この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ 講座概要 SF風のユーザーインターフェースは、近未来感、分析画面、ゲーム風演出、VFX合成の装飾などに使いやすい表現です。円形のライン、破線、グラデーション、点滅、背景グリッドを組み合わせることで、画面に情報量と奥行きを足すことができます。 この講座では、シェイプレイヤーを使って、SF風HUDの基礎を作ります。円形ツールや破線、グラデーション、回転Expressionを組み合わせてUIパーツを作り、3Dレイヤーとカメラを使って、各パーツが奥行きを持って飛び出してくるようなアニメーションに仕上げます。 大事なのは、派手なパーツを増やすことではなく、どの要素を重ねると情報量が出て、どこまで動かすと見やすさを保てるかを判断す

エッセンシャルグラフィックスで、色・文字・尺を調整できるタイトルベースにする この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ 講座概要 100で作ったローワーサードを、さらに実務で使いやすい形へ仕上げていきます。見た目を整えるだけでなく、Premiere Pro側でも文字や色を変更できるようにしておくことで、編集作業中の修正対応がかなり楽になります。 この講座では、カラーリング、ディテールアップ、アウトアニメーション、レスポンシブ時間、エッセンシャルグラフィックス登録、モーショングラフィックステンプレート書き出しまでを扱います。After Effectsで作ったタイトルベースを、Premiere Pro上でも使い回せる状態にしていきます。 大事なのは、かっこいいテロップを1つ作ることではなく、文言変更、尺変更、色変更が入

Expressionで、修正に強いタイトルベースを作る この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ 講座概要 ローワーサードは、人物名、肩書き、サービス名などを分かりやすく見せるためのタイトルベースです。番組、インタビュー、サービス紹介、YouTube動画など、情報を整理して見せたい場面で使いやすい表現です。 この講座では、シェイプレイヤーとExpressionを使って、文字数が変わっても自動でサイズが変わるローワーサードを作ります。テキストの幅と高さを取得し、長方形パスのサイズと位置に反映させることで、名前や肩書きが変わってもベースが自動で追従する構造にしていきます。 大事なのは、見た目のベースを作ることだけではなく、あとから文言が変わったときに直しやすい状態にしておくことです。のりしろをスライダーで調整し、サブラ

ジグザグ、円、ドット、波を組み合わせて使いやすい背景を作る この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ 講座概要 シェイプレイヤーは、ローワーサード、モーショングラフィックス、グラフ、背景装飾など、After Effectsで情報を見やすく整理したいときに使いやすい基本機能です。図形を描くだけでなく、パスのトリミング、ジグザグ、旋回、リピーターなどを組み合わせることで、短い尺でも使いやすい動くグラフィック素材を作れます。 この講座では、木本キリンさんと一緒に、シェイプレイヤーの基本から、6種類のアニメーション図形を作る流れを整理します。ジグザグ、グルグル、バッテン、ドット、円、波を作り、それぞれをプリコンポーズして、最後にレイアウトと配色を整えていきます。 大事なのは、シェイプの機能をひとつずつ覚えることではなく、作

文字を変えずに、背景側を整えて視認性を上げる この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ ※ここに完成GIFを配置 講座概要 テロップは、文字そのものを作るだけでなく、背景との関係まで含めて見やすさを判断する必要があります。特に白い文字を白っぽい背景に重ねる場合や、ロゴ・指定色などで文字色を変えられない場合、ただテロップ側を調整するだけでは限界があります。 この講座では、Premiere Proでテロップを見やすくするために、背景側の明るさをカーブでさりげなく落とす方法を紹介します。文字の下だけをマスクで調整し、テロップの視認性を上げながら、映像全体の印象を壊さないラインを探っていきます。 大事なのは、テロップを目立たせることだけではなく、絵として汚くならない範囲で調整することです。見やすさと映像の自然さの間で、どこ