コンポジションに画像を配置する

After Effectsでコンポジションに画像を配置する操作手順を紹介します。

概要

After Effectsで作成したコンポジションに画像を配置します。 コンポジションへの画像の配置は、初めに画像のファイルをAfter Effectsにフッテージとして読み込み、コンポジションへ配置します。

手順:ベクタ画像の配置

After Effectsを起動し、プロジェクトを作成し、コンポジションを作成します。手順はこちらの記事を参照してください。
コンポジションに画像を配置する:画像1

[ファイル]メニューの[読み込み]サブメニューの[ファイル]の項目をクリックします。
コンポジションに画像を配置する:画像2

今回読み込むファイルは、Illustratorで描画した下図のベクタ画像です。
コンポジションに画像を配置する:画像3

ファイルを開くダイアログが表示されますので、ファイルを選択します。
コンポジションに画像を配置する:画像4

ベクタ画像を開くと下図のダイアログが表示されます。レイヤーを統合するか、フッテージとして読み込むか、コンポジションとして読み込むかを選択できます。 今回はレイヤーと統合して、フッテージとして読み込みます。
コンポジションに画像を配置する:画像5 コンポジションに画像を配置する:画像6

ファイルを読み込むとウィンドウの左側の[プロジェクト]ウィンドウに画像の項目が追加されます。
コンポジションに画像を配置する:画像7

プロジェクトウィンドウの画像の項目をドラッグし、コンポジションウィンドウにドロップします。
コンポジションに画像を配置する:画像8

ドロップすると画像が表示されます。画像は表示されましたが、画像よりハンドルがかなり外側に表示されています。
コンポジションに画像を配置する:画像9

背景のエリアが画像に含まれているため、ハンドルが大きく表示されてしまうため、Illustratorに戻り、アートボードのサイズを画像の大きさに合わせます。
コンポジションに画像を配置する:画像10

再度画像を配置します。ハンドルが画像の大きさに合わせて表示できています。
コンポジションに画像を配置する:画像11

ベクタ形式の画像を配置できました。

手順:ラスタ画像の配置

ラスタ画像の配置をします。下図の画像を準備します。PNG形式のファイルで保存します
コンポジションに画像を配置する:画像12

先ほどの手順と同様に[ファイル]メニューの[読み込み]サブメニューの[ファイル]の項目をクリックします。 ファイルを開くダイアログが表示されますので、作成したPNG形式の画像を選択します。 画像が読み込まれ、[プロジェクト]ウィンドウに画像の項目が追加されます。
コンポジションに画像を配置する:画像13

プロジェクトウィンドウの画像の項目をドラッグし、コンポジションウィンドウにドロップします。
コンポジションに画像を配置する:画像14

コンポジションウィンドウにドロップすると画像がコンポジションに配置されます。
コンポジションに画像を配置する:画像15

ハンドルをドラッグすると画像を拡大できます。画像を拡大するとジャギーが出てかなり荒れた表示になりますが、最終的な動画の出力では スムーズに拡大された表示になります。
コンポジションに画像を配置する:画像16

書き出しを実行して、動画を再生します。スムーズに拡大された状態で画像が表示できていることが確認できます。
コンポジションに画像を配置する:画像17

このページのキーワード
  • After Effects 画像 配置
  • After Effects コンポジション 画像 配置
AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2021-09-22
Copyright © 1995–2025 iPentec all rights reserverd.