#蓮ノ空女学院スクールアイドルクラブ | Explore Tumblr Posts and Blogs

benibame · 10 months

Text

最近気になったトランジションを再現してみる

映像を作るうえでささやかながら非常に重要な要素であるトランジション（場面転換エフェクト）ですが、最近いくつかの映像を見ていて気になったトランジションがあったので、それを自力で再現しつつ、その演出の意図な��を考えてみようと思います。

①【デレステ】「Nightwear」MV 2Dリッチ【TVアニメ「U149」】【アイドルマスター】

youtube

モーショングラフィックスによる時間差のトランジション。スムーズな場面転換はオシャレさと高級感を感じさせます。左下から右上へ流れるように変化していくことで、時間の変化があることを意識させます。人物の位置や表情が変わらないことからも、同じ時間軸における本人以外の変化という意図が読み取れます。

このトランジションを再現してみます

再現をするためには、なによりよく観察して構成している要素を分析することが不可欠です。このトランジションにおいては2つのひし形が時間差で展開していることがわかります。

正方形のコンポジションを作成し、その中に四角いシェイプレイヤーを2種類用意します。外側の四角形と内側の四角形は時間差でコンポジションサイズの最大値まで拡大していくモーションをつけました。一見するとリニアで動いているようですが、よく見ると微妙にイージングがついています。やはり滑らかな場面転換にはイージングは不可欠なのでしょう。試しにイージングなしでやってみましたが、やはりどこかギクシャクした動きになってしまいます。動きはわずか7フレーム程度ではありますが、こ��だけの工夫でも最��的な結果にはかなり影響してきます。

モーションを作成する前は簡単なのですが、問題はこれをどう複製していくかです。

考えうる最もスマートな方法は、やはり「時間置き換え」エフェクトです。グラデーション素材を用意し、その画像の輝度を基準に時間差で動きを展開できるエフェクトです。先ほど作成したコンポジションをCC RepeTileで複製すれば、レイヤー数も少なく処理も軽いまま処理が完了すると予測できます。

…のはずだったんですが、いくらやっても時間置き換えエフェクトがうまく作動せず、まったく予想通りにいきませんでした。そもそもグラデーション画像では輝度がなめらかで、モザイクエフェクト等で輝度を段階的にしないとうまく作動しません。これが非常に難しくいくらやっても出来なかったので諦めました。

こうなったら最終手段、人力ですべて配置するという方法が残されています。結局この方法を選びました。レイヤー数はかなりの数になりましたが動きは単純だったので処理はそこまで重くなくて助かりました。時間差の動作もレイヤーをずらして目視で確認しています。なんだかんだこれでいい気がする。

完成したものがこちら

速度は元動画よりすこし遅めにしています。展開のタイミングなどすべてが一致しているわけではないですが、ほとんどの要素は同じになるようにしています。

人力で並べているので隙間がないか心配でした。今考えるとここでCC RepeTileを使って並べた後にコンポジション自体を回転させればよかったかなと思います。

実際に映像として使用してみるとこんな感じになります。トランジションとしては一見複雑な動きに見えますが、モーションとしては2種類の四角形の拡大という非常にシンプルな要素で構成されています。

左下から右上へのワイプモーションの一種とも言えるトランジションですが、このような工夫でまた違った印象を与えることができ、単純な場面転換においても印象を残すことができる。特に元ネタはキャラクターのポーズ自体は動かず、背景やライティングが変化します。こういった変化への導線として、かなり有用であると思います。

デレステ2DMVはこのような細かい演出にこだわりが強くうかがえる映像が多いです。これについては以前の記事で解説しています。

【モーショングラフィックスから見るデレステ2DリッチMV】

②音MAD DREAM MATCH -天- 出場者告知

youtube

2023年9月に行われる音MADのイベント告知動画。その出場者紹介映像におけるトランジションです。最初はキャラクターは黒地で隠されており、右上から左下へ四角形に分割される形で全容が見える、という流れになっています。

これを最初見たときは「カードワイプを使ったのかな？」と思いました。見た通りレイヤーが四角（カード型）になって消えていくので、おそらくそうじゃないかと予想しました。編集ソフトを長く使っていると映像に使っているエフェクトがおおよそ予測できるようになりますが、これは逆を言うと分かる人が見ると容易に構成がばれてしまうので、なるべく使ったエフェクトがばれないように必死になってる人もいるかと思います。

再現に挑戦してみると、どうやらカードワイプではなくCC Grid Wipeじゃないかという結論になりました。カードワイプは調整項目が多く自由度は高いですが扱いにくく、CC Grid Wipeであればシンプルな項目で似たような結果が得られたので、今回はこっちを使用してみます。

エフェクトの設定ですが、元動画をよく見ると格子状になった四角形が縦・横両方から小さくなっているのが分かります。これはエフェクト内のシェイプの設定によるものです。一見Doorsのように見えるのですが、これはワイプに対して垂直に格子状になるため、タテの列は順序良く小さくなっていますがヨコの列は同じ大きさのままです。

これでは元動画通りにならないので、設定をRadialに変更します。これは中心から円形状にワイプされる設定です。これであればタテ・ヨコ両方から格子状になるためどちらの列からも大きさの変化が発生します。こちらの方がより類似の表現になります。

完成したのがこちら。使用レイヤーはなんと1枚だけです。

元動画同様、かなり高速でトランジションさせているため正直先述した格子の大きさの変化は明確には確認しにくいです。CC Grid Wipeはトランジションとして使ったことがありませんでしたが、このような「見えなかったものが見えるようになる」場面においてはかなりオシャレに表現できることを知りました。

実際に映像として使用してみるとこうなります。同じレイヤーを2枚用意し、トラックマットを使うことで再現することができます。

正確に再現できたかと言われると微妙な感じではあります。もう少し全体を小さめにしても良かったかなと思いますが、要素としては類似しているものが出来たと思います。

場面転換とは少し異なる目的でのトランジションですが、確かにこういった場合に使用するトランジションってどんなものがいいのかあまり考えたことはありませんでした。標準エフェクトだけでも高級感のある表現が可能なことを発見できてうれしい。

③スリーズブーケ「Holiday∞Holiday」リリックビデオ (ラブライブ！蓮ノ空女学院スクールアイドルクラブ)

youtube

映像を作ったことがある人にとっては、静止画素材をメインとした動画は、下手にバリバリ動く映像を作るよりもはるかに難しいことは分かると思います。素材の動きが少ない以上、いかに素材以外の要素で画面に変化をつけ視聴者に飽きさせないように見てもらうか。総合的な知識量が求められるジャンルであるがゆえにトランジションの効果はより��要なものだと言えます。

この動画を作成したのはyama_koさん。知っている方もいるかもしれませんが、メイキングなどを見ると氏は非常に理詰めで動画を作る方です。映像講師をされている人なので論理的に映像を作るのは当然かもしれませんが。

なので今回再現してみる四角形がランダムに登場するトランジションは、一見して不透明度の濃淡によって場面転換されているように思われますが、実際はもっと複雑な処理がされていると思われます。詳細は分からないですが、とりあえず見た目だけでも近づけるように再現してみようと思います。

大きさの異なる四角形シェイプを3～4種類程度作成し、拡大していくモーションを加えます。本当であればランダム生成をした方が違和感がないと思ったのですが、ランダム生成だと全体が覆われるタイミング調整が難しく、不自然に空白が生まれてしまうことが多かったためやはりここも人力で配置しています。

一応、不透明度にウィグルをかけることで淡い表現を再現してみましたが、いかんせん数フレームしかないためあまり効果は感じられませんでした。気持ち程度に加えておきます。

完成したのがこちら。最初に大きなシェイプを出し、後から小さめのシェイプを出す、という順番の方が見た目的に自然なトランジションになりました。

不透明度のウィグルがどれほど影響するかは分かりませんが、トランジション後の映像にグローをかけた方が元動画に近くなるような気がします。

映像として使用してみるとこんな感じ。なんだかふわっとした優しめのトランジションになりました。元動画もそうですが、トランジション後の映像を動かしながら使用した方が効果的だと思われます。

ここまで見ると明確ではありますが、一見複雑そうに展開しているトランジションも、要素を分解していくとシンプルな動きの集合体であることが分かります。しかしシンプルだからこそ場面転換という一瞬しか登場しない時において存在感を発揮できるものでもあります。

旅行動画などによくみられる高速ズームや回転を使用したトランジションとは異なり、今回再現したものはそれ自体を演出として使用していることが特徴的です。作品の雰囲気に合ったトランジションを選ぶことは難しいことですが有るのと無いのでは表現に雲泥の差が生じるため、映像を作るということはやはり細部にまで注意を払わなければならないことが読みとれます。逆に言うとこういった「たかが場面転換」に注目することで映像制作者の意図を読み取り、より映像の世界観に没入することができるとも言えます。こういった映像の楽しみ方もいいんじゃないでしょうか。

プリセットやプラグインで販売しているものも多いですが、工夫すれば自分で作れるのがトランジションのいいところ。また面白いトランジションを見かけたら再現に挑戦してみたいと思います。

#映像コラム #トランジション

13 notes · View notes