Skip to main content
Known Participant
June 2, 2020
Question

一枚の画像を左から右に移動させて、移動させた部分の動画を入れ替えていきたい。

  • June 2, 2020
  • 2 replies
  • 3815 views

すみません。

 

頭の中にイメージはあるのですが、うまく文章にできずに伝わりにくかったらすみません。

 

例えば、下のようなローラー画像を用意します。

https://www.irasutoya.com/2016/06/blog-post_80.html

 

これを拡大表示して、ローラーの端から端が動画画面サイズに触れるようにします。

 

そこから今

 

 

トラック1にAにという動画を0:00から0:50秒まで配置しているとします。

トラック2にBという動画を0:30から0:50まで配置して置いたとします。

 

このとき、グラデーションワイプとかでAの映像からBの映像に変えたりすると思うんですが、

 

このローラーの画像を右から左に動かして、下から上でも、上から下でも、左から右でも方向は構わないのですが、ローラーの画像が通過したところをBの動画に次第に変えていくということをやってみたいのです、

 

本当はローラー部分が回ったりすれば、かなり面白いと思うのですが流石に、それは難しいと思っています。

 

どうすればできるか、思いつく方がおられましたらご教示お願いできないでしょうか。

よろしくお願いいたします。

This topic has been closed for replies.

2 replies

Community Expert
June 6, 2020

After Effectsで作成していますが、下になる動画にマスクを追加して時間の経過と共にマスクを変形させてみてはどうでしょ。
ロールの回転は、After Effectsの平面を筒状に変形させるエフェクトを使用しています。
ビデオ

 

Known Participant
June 22, 2020

Mukaidaさん

 

ありがとうございます。

AfeterEffectでのご教示ありがとうございます。

 

ただチョットわからない点が多いので、一度自分がどこから手を付けるべきなのか。

1つずつ確認して行きたいと思います。

 

ご教示ありがとうございました。

150kw
Community Expert
Community Expert
June 3, 2020

こんばんは、ship_buttonさん

 

①ローラー画像を加工します。

Photoshopでローラーの背景を透明にするか、またはPremiere Proで不透明度のマスクをかけて透明にします。ここでは後者で透明にしました。

次に「位置」と「スケール」で位置とサイズを調整します。

 

 

 

 

 

 

 

 

 

②ローラー画像、映像Aと映像Bを下図の様に配置します。

 

 

 

 

 

 

 

 

 

③ローラーを、キーフレームを打って左端から右端へアニメーションさせます。

④「映像A」クリップに「リニアワイプ」エフェクトをかけます。値は下図を参照願います。

この作業時はローラーの不透明度を下げるとやり易いです。

 

 

 

 

 

 

 

 

 

 

⑤ローラーの動きとリニアワイプの境界の動きが一致するよう微調整します。

⑥完成すると、下図の様になります。

 

Known Participant
June 11, 2020

150kwさん

 

ご丁寧に解説いただきありがとうございます。

 

すみません。色々調べたんですが、

→Photoshopでローラーの背景を透明にするか、またはPremiere Proで不透明度のマスクをかけて透明にします。ここでは後者で透明にしました。

 

これはローラーの緑にマスクがかかっているのでしょうか?

背景の真っ黒部分にかかってるんでしょうか。

 

マスク自体がよくわかってなくて、色々調べてみたんですが、そこから先にいけませんでした。

 

申し訳ございません。

Ckun
Community Expert
Community Expert
June 11, 2020

横から失礼いたします。

 

今回例示されている「いらすとや」さんの画像は、元々キレイにアルファチャンネルマスクがついて背景が透明になっている「png」形式で配布されてますので、新たにマスクをかけたり切り抜いたりといった作業は必要ありません。

 

まずは、シンプルなやり方でお試しいただいて、概要をつかんでいただくと理解しやすいのではないかと思います。

 

わかりやすいように、あえてローラーの位置がずれた状態にしておりますが、ワイプの境界(この場合はカラーバーとカウントダウンの境目)を隠すようにローラー画像のモーションの位置・スケール・回転を調整して、150kwさんが例示してくださっている手順3のようにローラーにアニメーション(単純にワイプを追いかける動き)を付けます。

 

なお背景が透明になっていない画像を利用する場合には、Premiere ProよりもPhotoshopの方が切り抜きをしやすいと思います。