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

wiggle、グロー、すりガラス表現、階調ジャンプ対策まで整理する この講座は、YouTubeメンバーシップ Pro プランで視聴できます。 Pro プランで講座を見る：https://bit.ly/sanze_join ※講座が再生できない場合は、YouTubeにログインした状態で、Pro プランへの参加状況をご確認ください。 完成イメージ 講座概要 今回は、企業VPやカンファレンス案件などで使いやすい、リッチなグラデーション背景をAfter Effectsで作っていきます。 派手なキャラクターや素材がない場面でも、背景に少し奥行きや光の動きがあるだけで、画面の印象はかなり変わります。特に、企業VPやイベント映像では「当たり障りはないけれど、なんとなくかっこいい背景が欲しい」という場面がよくあります。 この講座では、暗めの背景にグレーの円とグラデーションの光を重ね、高速ボックスブラー、グロー、トーンカーブを使って、光が回り込むような背景を作ります。さらに、すりガラス風の丸を重ね、wiggleでゆっくり動かすことで、静止画ではなく、空気感のある背

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

描いたイラストをAfter Effectsで動かし、3D空間とカメラワークで立体的に見せる 基礎編｜イラストをAfter Effectsで動かす基本 完成イメージ 基礎編の内容 基礎編では、Photoshopで作成したイラスト素材をAfter Effectsに読み込み、パーツごとに動かして簡単なキャラクターアニメーションを作ります。 After Effectsでは、Photoshopのレイヤー構造を活かして素材を読み込めるため、動かしたいパーツごとにレイヤーを分けておくことが大切です。腕、眉、目、口などを別レイヤーにしておくと、それぞれにキーフレームを打って動かせます。 講座内では、アンカーポイントを調整して腕を回転させたり、スケールの縦横比を外して目や口をパチパチ動かしたり、キーフレームをコピーしてパクパクした動きを作ったりします。イージーイーズを使うことで、機械的な動きではなく、少し柔らかいアニメーションに整えます。 さらに、背景やテキストを追加し、キャラクターが横から登場するようなアニメーションも作ります。最後に、After Effects

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」テキストが奥から出てくるスケールアニメー

ピックウィップ、time、loopOut、wiggleで観覧車アニメーションを作る この講座の動画は無料で視聴できます。 AEPや講座内で使用する一部素材などの学習用付帯データは、YouTubeメンバーシップ Pro プランで参照できます。 Pro プランで学習用付帯データを確認する：https://bit.ly/sanze_join 完成イメージ 講座概要 After Effectsのエクスプレッションを使って、動きの連動、繰り返し、自動化、揺れの表現を作る流れを整理します。 ピックウィップでプロパティ同士を連動させる方法、マイナスを使って回転を打ち消す考え方、timeで動きを自動化する方法、loopOutでキーフレームを繰り返す方法、wiggleでランダムな揺れを作る方法を扱います。 エクスプレッションを使えるようになると、手作業でキーフレームを増やすだけではなく、動きをルール化して管理しやすくなります。観覧車のアニメーションを作りながら、エクスプレッションを制作にどう活かすかを確認していきます。 この講座は、書籍『一気にビギナー卒業！動画で

トラックマット、カメラ、ヌル、質感調整で場面転換を作る この講座の動画は無料で視聴できます。 AEPや講座内で使用する一部素材などの学習用付帯データは、YouTubeメンバーシップ Pro プランで参照できます。 Pro プランで学習用付帯データを確認する：https://bit.ly/sanze_join 完成イメージ 講座概要 After Effectsで、文字の中へ飛び込むようなトランジション表現を作る流れを整理します。 トラックマットで文字の形を使って画面をくり抜き、カメラをヌルオブジェクトでコントロールしながら、文字のトンネルを抜けて次の空間へ移動するような動きを作っていきます。 トンネル先の空間作り、モーションタイル、ビネット、グロー、モーションブラー、カメラの回転を組み合わせることで、シンプルな文字素材から奥行きのあるトランジションに仕上げていきます。タイトル演出や場面転換に使いやすい考え方を学べる講座です。 この講座は、書籍『一気にビギナー卒業！動画でわかるAfter Effects教室』と連動して制作した講座です。...

グラフエディターで動きの緩急を判断して調整する補足講座 この講座の動画は無料で視聴できます。 AEPや講座内で使用する一部素材などの学習用付帯データは、YouTubeメンバーシップ Pro プランで参照できます。 Pro プランで学習用付帯データを確認する：https://bit.ly/sanze_join 講座概要 After Effectsのグラフエディターで使う、速度グラフと値グラフの違いを整理します。 どちらもアニメーションの緩急を調整するためのグラフですが、見ているものが違うため、得意な場面も変わります。 スライドアニメーションを例にしながら、速度グラフと値グラフの特徴、メリット・デメリット、複数キーフレームを扱う場合、複数パラメーターを扱う場合の使い分けを確認していきます。グラフエディターで動きを調整するときに、どちらを使うべきか迷いやすい方に見てほしい補足講座です。 この講座は、書籍『一気にビギナー卒業！動画でわかるAfter Effects教室』と連動して制作した講座です。 現在、書籍は販売終了しているため、書籍本文そのものを読む

Z軸、カメラワーク、グロー、煙、色調整で空間表現を組み立てる この講座の動画は無料で視聴できます。 AEPや講座内で使用する一部素材などの学習用付帯データは、YouTubeメンバーシップ Pro プランで参照できます。 Pro プランで学習用付帯データを確認する：https://bit.ly/sanze_join 完成イメージ 講座概要 After Effectsの3Dレイヤーを使って、奥行きのある空間表現を作る流れを整理します。 レイヤーをZ軸方向に配置し、カメラを使って空間を撮影することで、平面的な素材にも奥行きや移動感を加えられるようになります。 背景、ライン、煙、グロー、ビネット、カラーグレーディングを組み合わせながら、3Dレイヤーとカメラワークで映像の見え方がどう変わるのかを確認していきます。After Effectsで空間を作る感覚をつかみたい方に見てほしい講座です。 この講座は、書籍『一気にビギナー卒業！動画でわかるAfter Effects教室』と連動して制作した講座です。 現在、書籍は販売終了しているため、書籍本文そのものを読む

デコーダフェードイン、グロー、点滅表現でタイトルの見せ方を広げる この講座の動画は無料で視聴できます。 AEPや講座内で使用する一部素材などの学習用付帯データは、YouTubeメンバーシップ Pro プランで参照できます。 Pro プランで学習用付帯データを確認する：https://bit.ly/sanze_join 完成イメージ 講座概要 After Effectsで、サイバーな雰囲気のタイトルカットを作る流れを整理します。 テキストの配置、背景素材の読み込み、レイヤー表示の管理から始めて、デコーダフェードイン、グロー、wiggleを使った点滅表現まで組み立てていきます。 基礎的なキーフレームアニメーションに加えて、エフェクトとエクスプレッションを使えるようになると、テキスト表現の幅が一気に広がります。まずは短いタイトルカットを作りながら、After Effectsらしい見た目の作り方をつかんでいきます。 この講座は、書籍『一気にビギナー卒業！動画でわかるAfter Effects教室』と連動して制作した講座です。 現在、書籍は販売終了している

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

完成イメージ 概要 イラストMVを作るときに使えそうな、質感アップ用のAEP参考データです。 このコンテンツは、動画内で細かく操作を追う通常の講座ではありません。加工前と加工後の違いを見てもらいながら、AEPの中にあるレイヤー構成、カメラワーク、グロー、チリ、レンズ感などを確認してもらう内容です。 1枚絵のイラストでも、背景、キャラクター、手前の要素に前後関係を付けて、カメラでじんわり動かすだけで、静止画感を減らしやすくなります。さらに、薄いグロー、ビネット、レンズブラー、チリ、フレアなどを足すことで、MVらしい空気感を作りやすくなります。 数値をそのまま覚えるというより、AEPを開いて「どのレイヤーで何を足しているのか」「どこまで味付けしているのか」を確認するための参考データとしてご覧ください。 大切なポイント ①レイヤーに前後関係をつける 背景/キャラ/手前のオブジェクトと大きく3つに分ける。 ②カメラレイヤーでアニメーションさせる 3Dレイヤーでばらしていればカメラを動かすと自然と遠近感がでてきます。 またヌルレイヤーも駆使してじんわりドリ

イベント映像や和風演出に使いやすいAEP参考データ このプロジェクトデータは、YouTubeメンバーシップ Pro プランの学習用付帯データとして参照できます。 Pro プランでAEPを見る：https://bit.ly/sanze_join 概要 イベント映像や和風演出で使いやすい、和柄アニメーションのAfter Effectsプロジェクトデータです。 このページは、通常の操作解説講座ではなく、配布データの告知ページです。AEPの中身を見ながら、和柄素材の動かし方、レイヤー構成、アニメーションの組み方などを確認できます。 プロジェクトデータは、YouTubeメンバーシップ Pro プランの学習用付帯データとして参照できます。無料公開の配布データではありません。 商用利用は可能ですが、二次配布は禁止です。ご自身の案件や練習用途に合わせて、色や素材を調整しながら活用してください。 このデータで確認できること ・和柄アニメーションのレイヤー構成 ・イベント映像や和風演出に使いやすい動きの作り方 ・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を使って、文字数が変わっても自動でサイズが変わるローワーサードを作ります。テキストの幅と高さを取得し、長方形パスのサイズと位置に反映させることで、名前や肩書きが変わってもベースが自動で追従する構造にしていきます。 大事なのは、見た目のベースを作ることだけではなく、あとから文言が変わったときに直しやすい状態にしておくことです。のりしろをスライダーで調整し、サブラ