<meta name=“robots” content=“noindex,nofollow,noarchive" />  

下へスクロール

seguimi

今回はWCWMADの下スクロールについて紹介します。

元々はスクロール型のwebサイトからアイデアを頂きました。
シーンチェンジをいっそ無くしてしまおうかなと。


一番最初にしたことは、レイアウトです。
大体80%くらいを表示領域にして、余白を十分にとりました。

 
動画は、ワンシーンごとにSceneで作ります。

 
それぞれのSceneをRootで呼び出して、カメラ制御で下へ下へ移動させます。

 
XYZの値はバー上では+-2,000までですが、
数値上をクリックしながら左右に動かすことで、2,000以上移動させることができます。
また、直接数字を入力することもできます。
目標レイヤの値を、カメラ制御を置いたレイヤーの番号と一致させることで、
いつものXYZ移動のようになります。


オブジェクト上で右クリック→長さの変更で、
そのオブジェクトが今何フレームあるのか確認できます。
また、オブジェクトの長さを変更することもできます。

一度動かしてみて、丁度いいスピードを探し出します。
今回は1フレームあたりの移動量を7としました。
これでカメラ制御のフレームを伸ばしたりしたときに、
スピードが変化することなく移動させることができます。


上の画像のように配置してカメラ制御で下へスクロールさせていきます。
実際はシークしながら、もうちょっと下かなと修正しながら配置しました。

オブジェクトはそれぞれSceneで出来ているので、
距離の修正や、動きの修正などもやり易かったです。

いかがだったでしょうか。
webサイトと違って、常に動く動画では、テキストの詰め込みに注意です。
視認性に優れたコントラストと大きさが必要となります。
下へスクロール、機会があれば是非試してみてください。
デザインノート No.82: 最新デザインの表現と思考のプロセスを追う
CGWORLD (シージーワールド) 2018年 12月号
+DESIGNING VOLUME 46
ブレーン2019年1月号 読者が選ぶブレーン広告グランプリ2018

Comments 4

There are no comments yet.
周防涼白  
No title

どうやってつくったのかなぁと思っていたのですが、説明していただきありがとうございます!

いつも更新楽しみにしています。応援してます!

2015/05/16 (Sat)  | EDIT | REPLY |   
seguimi  
返信

コメントありがとうございます。

このブログや記事が何かのお役に立てれば幸いです。

2015/05/17 (Sun)  | EDIT | REPLY |   
k  
二枚目の映像について

いつもお世話になっております。
このページの二枚目の映像(二人の顔が上から順に出てくるシーン)はどうやって編集するのですか?

2018/02/09 (Fri)  | EDIT | REPLY |   
seguimi  
To kさん

コメントありがとうございます。

まず長方形の図形を作ります。
次に左右のクリッピングで登場させます。
同時に透明度も100→0にしています。
お好みの画像を置いて”上のオブジェクトでクリッピング”して出来上がりです。

直接画像にクリッピングをかけても同じことができます。

作り方はひとつではないので、いろいろ試してみてください。

2018/02/09 (Fri)  | EDIT | REPLY |   

Leave a reply