投稿日: | 最終更新日:
【AfterEffects】シェイプアニメーションでパスの結合【動画編集】
AfterEffectsでシェイプアニメーションを作ります。内側から円が広がり、内側から消えるエフェクトを行います。
円形のシェイプアニメーションにパスの結合で型抜きする
前回円の内側から線が四方に伸びるアニメーションを追加しました。今回は、内側の円のアニメーションを、円のアニメーションで型抜きして消えてゆく様に改造します。
完成品
必要なもの
必要なものはWindowsあるいはMacPCのみです。CreativeCloudから利用します。
執筆当時の環境
PC | MacBook Pro (Early 13-inch, 2015) |
---|---|
CPU | 3.1 GHz デュアルコアIntel Core i7 |
メモリ | 16 GB 1886 MHz LPDDR3 |
OS | Big Sur 11.5.2 |
AfterEffects | 18.4.1 |
パスの結合で型抜き
①円形のアニメーションのスケールが終了したあたりまで時間を進めます。
②シェイプレイヤー1(円のアニメーション)を選択します。ドロップして、楕円形1を選択した状態で「Command + D」を押して複製します。
シェイプレイヤー1に、楕円形1と楕円形2ができた状態になります。
③コンテンツを選択した状態で、追加▶︎をクリックします。「パスを結合」を選択します。
④モードを「型抜き」に変更します。
すると、先ほどまで表示されていた円のシェイプが消えます。
上にある楕円形2を下にある楕円形1でくり抜いた形になります。同じ形状・同じ位置・同じアニメーションのタイミングの楕円形1があるため、消えた様に見えています。
⑤「シェイプレイヤー1」を選択した状態で、「U」を押します。すると、キーフレームが表示されます。
⑥下段のキーフレーム(楕円形1のキーフレーム)を選択して、右へずらします。
再生すると、円形が型抜きで消えていくアニメーションができました。
パスの結合の注意点
パスや形状を2つ用意します。
図形の下の階層に、「パスの結合」を配置する。
ここまでの全てのアニメーションを表示すると、以下のようになります。
次回
地図の上を矢印が進むアニメーションを作ります。
- Python 114
- 制作 54
- RaspberryPi 41
- Django 40
- WordPress 40
- Linux 27
- VPS 22
- JavaScript 21
- PHP 20
- HTML・CSS 19
- AWS 16
- 仮想環境 15
- レスポンシブデザイン 13
- マイコン 11
- WEB全般 11
- 動画製作 9
- Webサービス 8
- 統合開発環境 8
- 機械学習 8
- PyCharm 7
- jQuery 7
- AfterEffects 7
- 起業・設立 7
- Django REST framework 6
- C# 6
- デザイン 6
- SEO 6
- pydata 6
- Visual Studio 5
- 数学 5
- 携帯サイト 5
- heroku 5
- Mac 5
- illustrator 5
- node.js 5
- Anaconda 5
- Nginx 4
- Jupyter Notebook 4
- インフラ 4
- Google Colaboratory 4
- symfony 4
- Webスクレイピング 3
- photoshop 3
- Go言語 3
- PC 3
- ツール 3
- Docker 3
- facebook 3
- 作業効率化 3
- データベース 3
- Cloud9 3
- コマンド 2
- micro:bit 2
- Kali Linux 2
- Webサーバー 2
- MariaDB 2
- ドローン 2
- コンテナ 2
- DaVinci Resolve 2
- ネットワーク 2
- Java 2
- movie 2
- PCDJ 2
- 音楽 2
- XSERVER 2
- Ansible 1
- Vue.js 1
- JSON 1
- Bootstrap 1
- バージョン管理システム 1
- SSL 1
- S3 1
- ムームードメイン 1
- ネットワーク 1
- アニメーション 1
- D3.js 1
- Rhino 1
- アニメ 1
- git 1
- windows 1
- アクセス解析 1
- スマートフォン 1
- アフィリエイトノウハウ 1
- 知識 1
- TypeScript 1
- 役立つ本・書籍 1
- データサイエンス 1
- ESP32 1
- AI 1
- ownCloud 1
- API 1