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

円形配置

seguimi

今回は、初めてこれが出来たとき
「あ、MGやってるっぽい」と実感できたモーションを紹介します。

それはオブジェクトが消えたりする際にパッとでる何かです。

パッ002


パッ003 
まずは四角形をサイズ30、縦横比86にします。
そこへアニメーション効果の円形配置をかけます。
すると線が円形状に配置されます。

パッ005 パッ001
10fくらいの真ん中に中間点を打ちます。
ここからがポイントです。
前半部分(中間点の左側)では半径を8→100へ加減速移動させます。
そして、クリッピングをかけて上部分を20→0に加減速移動させます。

つまりは中心に集まったものが外へはじける感じを出させます。

パッ002
後半部分(中間点の右側)は半径を100のままにし、
クリッピングの下部分を0→29と加減速移動させます。
これで線が消える感じを出します。

パッ002
基本は以上で完成です。

パッ004
円形配置の設定から数を変更することが出来ます。

四角形のサイズや半径の距離によってクリッピング等の数値を
変えていかなければなりませんが、
中心に集めたものはなるべく円になるように調節し、
外へ向かって消えていくということを意識して
実際に見ながら合わせてみてください。

いかがだったでしょうか。
パッと消えるモーション、是非試してみてください。

デザインノート No.82: 最新デザインの表現と思考のプロセスを追う
CGWORLD (シージーワールド) 2018年 12月号
+DESIGNING VOLUME 46
ブレーン2019年1月号 読者が選ぶブレーン広告グランプリ2018

Comments 6

There are no comments yet.
pan  
初こめ失礼します。

いつもこちらでお勉強させていただいております。
この講座をみたとき、花火みたいだなと思ったので、すこしアレンジしてつかわせて頂きました。
いつも、有難うございます。

2013/08/16 (Fri)  | EDIT | REPLY |   
seguimi  
返信

panさん

コメントありがとうございます。
拙い記事ですが何かのお役に立てれば幸いです。
これからも宜しくお願いします。

2013/08/17 (Sat)  | EDIT | REPLY |   
nacchi  
初めまして。

弾けるような演出方法を探していてこの記事を見つけ勉強になりました。ありがとうございます。
もう一つ分からない事があるんですが、1番上のGIFアニメーションの横線が現れて端から消えるのはどうやってるんですか?

2018/12/12 (Wed)  | EDIT | REPLY |   
seguimi  
To nacchiさん

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

四角形等に斜めクリッピングをかけて線を作ります。

続けてオブジェクトにクリッピングをかけます。
中間点を打って前半部分で線が伸びるように右を、後半部分では線が消えるように左をクリッピングすると完成です。

2018/12/13 (Thu)  | EDIT | REPLY |   
nacchi  
To seguimiさん

ありがとうございます!できました。
本当勉強になりましたm(_ _)m 土下座

2018/12/16 (Sun)  | EDIT | REPLY |   
seguimi  
To nacchiさん

お役に立てたようで、よかったです。

不定期更新ですが、これからもよろしくお願いします。

2018/12/18 (Tue)  | EDIT | REPLY |   

Leave a reply

S