イトウ先生のTipsnote AfterEffects CC 2019 の新機能:コンテンツに応じた塗りつぶし

イマジカデジタルスケープ 短期集中クリエイティブ講座

イマジカデジタルスケープ・AfterEffects・Photoshop・HTML・CSS・JavaScript・1日トレーニング

Web・動画・映像・ゲーム・DTP・CG・Adobe Creative Cloud・キャリア・就活に

 
 
1 緊急事態宣言発令に伴うトレーニングの開催延期について
 

お客様index

企業・自治体のお客様に 業務効率化、コスト削減に

クリ博登録者・学生の方に 割引トレーニングはコチラ


イトウ先生のTipsnote

イトウ先生のTipsnote Secondbook


イトウ先生のTipsnote:目次

【 AfterEffects CC 2019の新機能:コンテンツに応じた塗りつぶし 】

こんにちは、イマジカデジタルスケープの伊藤和博です。
今週は、AfterEffects CC 2019、4月アップデートから新機能で、「コンテンツに応じた塗りつぶし」をご紹介します。
ついに、AfterEffectsにもこの「コンテンツに応じた・・」関連の機能が搭載されました。これまで、Photoshopはもちろんのこと、Illustratorにも搭載されたこの「コンテンツに応じた・・」機能ですが、AfterEffectsの「コンテンツに応じた・・」機能は、Adobe Senseiの技術を使用しているようで、Photoshopと同様に「コンテンツに応じた塗りつぶし」機能になります。
Photoshopの「コンテンツに応じた塗りつぶし」は、画像内に「選択範囲を作成」し、その選択範囲周辺の画像を使って、選択範囲の中を塗りつぶす、というものですが、AfterEffectsも考え方は同じ考え方で、動画内に「透明領域を作成」し、その透明領域周辺の動画を使って、透明領域の中に、「シーケンス画像(塗りつぶしレイヤー)を作る」という機能になります。
これまでの、コピースタンプ、ブラーエフェクト、トラッカーなどを使った方法とは違う、新しい方法でいわゆる「動画のレタッチ」が可能になりますので、その辺りをご紹介したいと思います。

さっそくやってみよう!

AfterEffectsの「コンテンツに応じた塗りつぶし」を使う場合は、まず「消したい箇所を透明にする」必要があります。透明にした後、その領域の周辺の動画を使って、透明領域の中にシーケンス画像(塗りつぶしレイヤー)を作ります。 まずは、以下のような動画があったとします。(約5秒。音はなりません)



この動画の左下からテキストを消したい場合、まず、テキストの上にマスクパスを作成し、マスクを反転または減算処理し、テキストの箇所を透明にしておきます。なお、この処理はマスクではなく、トラックマット等を使ってもかまいません。

Aecc19_con001

次に、ウインドウメニュー > コンテンツに応じた塗りつぶし、を選択し、コンテンツに応じた塗りつぶしパネルを表示します。

Aecc19_con002

塗りつぶし方式は、「オブジェクト、面、エッジブレンディング」の3つが選択できます。
「オブジェクト」は、消す対象そのものや、消す対象の周りの背景が動いている場合、「面」は、オブジェクトの表面を置き換え、ピクセルを合成して透明領域を塗りつぶしますが、表面の動きの推測は行わないため、看板などの静的な動画に、「エッジブレンディング」は、透明領域にあったピクセルのエッジをサンプリングし、ブレンドすることで透明領域を塗りつぶします。レンダリングは高速ですが、従来のいわゆるブラーエフェクトのような結果になるため、質感のない、紙の上の文字のような表面上の静的なものを消すのに使用します。

次に「範囲」の箇所で、どの範囲を塗りつぶすかを設定しますが、ワークエリアとデュレーション全体のいずれかが選択可能です。塗りつぶしたい(消したい)範囲が決まっている場合は、あらかじめレイヤーを分割した上で、ワークエリアを設定してから行うといいでしょう。 マスクの設定を行い、「塗りつぶし方式」と「範囲」を設定した後、「塗りつぶしレイヤーを生成」ボタンをクリックします。透明箇所にシーケンス画像を作成し、続けてその画像をレンダリング処理していきます。

Aecc19_con003.png

ワークエリアをデュレーションいっぱいまで広げた状態で、塗りつぶし方式を「オブジェクト」で行ったものが以下のものになります。1フレーム目にマスクパスの境界線がやや見えるものの、動き出すとほぼ完璧に修正できています。このビデオはドリーでテキストの方が動かないため、比較的処理しやすいビデオといえます。



また、エッジブレンディングで行うと、以下のようにブラーと似たような結果が得られます。編集して消してある、ということが明らかにわかってもいい場合は、ブラーで行うとビデオによって強度の調整を行う必要がありますが、エッジブレンディングで行うと、一発でこのような効果を得られます。



一方、以下のような動画の場合(約5秒。音はなりません)・・



この動画はトラッキングで動いていますので、同様に反転マスクを作成した後、マスクパスにキーフレームを入れて以下のように動かしておきます。



この動画に対して「オブジェクト」で作成すると以下のようになります。結果的に背景も被写体も同時に動きますが、クロップしたエリア内が別の動きになってしまっているため、このような動画はその程度に応じて、塗りつぶし方法やマスクのサイズなどを適宜修正する必要があります。



また、以下のような動画の場合(約3秒。音はなりません)・・



これはカメラ固定でパンもチルトもしないため、中央の車に反転マスクを作成し、マスクパスにキーフレームを入れて動かした後、「オブジェクト」で作成してもほぼ綺麗に消すことができています(車の影は残しています)。

ハイダイナミックレンジイメージ

処理後のタイムラインとプロジェクトパネルを見ると、シーケンスが出来上がっているのがわかります。マスクで穴を開けた箇所に、そのサイズで画像を作成して合わせてある、というものになります。

Aecc19_con007

このビデオでは、拡張子exrのハイダイナミックレンジイメージがシーケンス画像として作成されます。どのようなシーケンスを作成するのかは、コンテンツに応じた塗りつぶしパネルのパネルメニューから設定することが可能です

Aecc19_con008

出力深度は8、16、32bpcから選択することができ、デフォルトではこのプロジェクトの色深度を継承するようになっています。プロジェクトの色深度を確認するには、ファイルメニュー > プロジェクト設定 > カラータブから確認することが可能です。Photoshopのpsdファイルが作成されるのは、8または16bpcの場合、となります。

面の場合

被写体も背景も動かないような動画から、被写体のみを消す場合は、動画にもよりますがコピースタンプやトラッカーでも可能ではありますが、「塗りつぶし方式」の「面」で行うとより簡単です。例えば、以下の動画から(約5秒。音はなりません)・・
ストロークのみにグラデーションが適用された状態にするには、ストロークを設定したテキストでグラデーションのシェイプをマスクで抜いた後、それらをグループ化し、そのグループの上にストロークなしの元のテキストを乗せます。



砂浜の人物に反転マスクを作成し、「面」で行うと以下のようになります(動画の中央にいる人物二人を消してあります)。



動いている海水と人物との距離が近いため、砂の部分がやや動いていますが、反転マスクの周辺の動画が、広範囲に塗りつぶしの領域として使える場合は「面」で、反転マスクの周辺の動画のうち、塗りつぶしの領域に使える面積があまり確保できない場合はコピースタンプやトラッカーを使うといいでしょう。

CPU使用率について

このように、AfterEffectsの「コンテンツに応じた塗りつぶし」は、これまでの動画レタッチを覆すような機能になりますが、この機能を使うにあたって少々注意点があります。 今回のこのビデオはたかだか5秒のビデオ(1920*1080)ですが、シーケンス1枚あたりの画像サイズは33MB、合計約5GBと、非常に巨大な画像が生成されます。

Aecc19_con015

この機能を使用する際に気をつけることは「CPU使用率」になりますが、この機能で塗りつぶしレイヤーを作成している間は、CPU使用率が100%を超え、PCがうなりをあげます。ハードディスクの空き容量やメモリーなど、PCスペックに少々自信がない場合はもちろん、たとえ余裕がある場合でも、バックグラウンドで何らかのアプリケーションを起動したりはせず、AfterEffects単体で使用しましょう。たとえ塗りつぶしレイヤーの作成はできても、その後のレンダリング処理で動かなくなる可能性があります。

この「コンテンツに応じた塗りつぶし」は、AfterEffets CC 2019の2019年4月アップデート版より搭載していますので、それ以前の方はぜひアップデートして使ってみてください。ただし、上記の通り、使う場合はブラウザーも含め、他のアプリケーションをすべて終了し、AfterEffects単体で起動して使ってみてください。

関連講座

↑ページTOPへ

| カテゴリ | | Web | DTP・デザイン | CG・動画・映像 | キャリア・就活 |
| お客様 Index | | 企業・自治体のお客様に | 学生の方に |
| 目的別・状況別 Index | | Webデザイン入門セミナー | 映像編集入門セミナー | DTPデザイン入門セミナー | 魅力的なポートフォリオ作成 |
| Adobe CCを覚えたい方に | | Photoshop CC 2018の使い方・基本 | Illustrator CC 2018使い方・基本 |
| 画像をきれいに編集する方法 | 読みやすい文字の組み方 |
| HTML / XHTML / CSSの基礎知識 | HTML5 / CSS3の基礎知識 | JavaScriptの基礎知識 | jQuary・jQueryMobileの基礎知識 |
| Dreamweaver CC 2015の使い方・基本 | InDesign CCの使い方・基本 |
| AfterEffects CC 2018の使い方・基本 | AfterEffects CC 2014の使い方・実践 |
| Premiere Pro CC 2018の使い方・基本 |
| Webの基本をマスターしている方 | | 棚橋弘季氏の直伝、ユーザー中心のWebサイト設計 | 益子貴寛氏が伝授するCSS実践テクニック |
| 矢野りんさんに学ぶ、”使える”デザイン基礎知識 | こもり氏のHTML+CSS基礎 | 平塚氏のマーケティング基礎 |
| 坂本氏のIA入門 | Webに関わるすべての人の「Webリテラシー」講座 | 神森勉氏に学ぶコーディング講座 |
| 森川眞行氏に学ぶ、大規模サイトの構築・運用マネジメント |
| 就職・転職・就活中の方へ | | 模擬面接セミナー(個別FB付) | エントリーシートブラッシュアップセミナー |
| 面接・職場で使えるビジネスマナー研修 | 職務経歴書添削セミナー |