季節のイラスト by クレコちゃん

可愛いキャラクターからお洒落な花柄、
ブログやスマホを飾る季節の素材がいっぱい!年賀状、ロゴ、名刺もOK

171 Ae 円が拡大し波紋を作る!シェイプのモーショングラフィックスの作り方

2021-08-05 23:36:53 | アート
171 Ae 円が拡大し波紋を作る!シェイプのモーショングラフィックスの作り方

この動画は、竹内屋さん・ダストマンさんの下記チュートリアルをもとに、作成しました。

AE講座 第12回 波紋のように円が広がるシェイプアニメーション
https://www.youtube.com/watch?v=yQvCr7w2CPY

実写×シェイプアニメーション!さらざんまいのED映像の作り方
https://www.youtube.com/watch?v=nlprhgV-SI8

竹内屋さん・ダストマンさん❣️いつも素敵なチュートリアルをありがとうございます👏


----------ポイント💡----------

拡大の基本形は、
15フレームで
サイズ:0から250 線幅:50から1 透明度:100から0
にキーを打ちます。

円を重ねたり、破線にしたり、ブラーを入れることで
色々なバージョンができます。

また、グラデーションをつけることで
かっこいいモーショングラフィックスが作れます。

ダストマンさんの映像との合成が格好いいです。
ぜひ、皆さんも挑戦してみてください。

●チャンネル登録はこちら
https://www.youtube.com/channel/UCI_whNvaWAo8jhpAS34js4w?sub_confirmation=1
ご不明な点や、気になるエフェクトのご希望など、お気軽にコメントください。


●モーショングラフィックスのチュートリアル集
https://www.youtube.com/watch?v=tjz1Lu2k_Mw&list=PLYXusuLNwvZxiOprDAOD23TRaXNXjaArX

----------お勧め関連動画🎞----------

After Effects Overdrive
シェイプを魔改造
https://www.youtube.com/watch?v=8cazxkyYJLY

IEMON
シェイプレイヤーのみで作るデザイン5種紹介!
https://www.youtube.com/watch?v=JMiSKq9OgHs

MIKAN MOTION
シェイプアニメーションの基礎-3連続!
https://www.youtube.com/watch?v=JzpAkpCpKQ4

----------備忘録🗒----------

【基本:円の三重に拡大する設定】
15フレームで
輪1
サイズ:0から250 線幅:50から1 透明度:100から0
輪2
サイズ:50から275 線幅:5から1 透明度:100から0
輪3
サイズ:0から200 線幅:10から1 透明度:100から0
2フレームずらす



【ダストマンさんの基本シェイプ】

環境設定:アンカーポイントを新しいシェイプの真ん中に配置
コンポサイズ:2000x2000
長さ:1秒

【円のアニメーション】
正円にグラデーションの塗りを追加
グラデーションバーの白黒色を反転
終了点を広げて1000
不透明度 70

1sでグラデの不透明度と線幅を0
F9 の値グラフは左寄り

円を複製して塗りを削除し
線幅を100→0にアニメーション

【三角形のアニメーション】
回転180にしてグラデーションの追加
外半径 グラデの塗り100%


【四角形のアニメーション】
1pxで回転45にして菱形にする
1s でグラデーションの塗り

【ラインのアニメーション】
Line 01 2000x300
ペンツールでshift直線
パスのトリミング

20fで終了 0 から 100
開始点もうってずらす
線だけモーションブラ
開始点は端にぴったりと合わせる

【十字のアニメーション】
2000x2000 線幅2のライン
トランスフォームのスケール 
20フレームで100、 スタート位置でX軸を0にする
複製して回転を90にして十字に


----------キーワード♯----------
#Ae逆引きエフェクト動画
#UCI_whNvaWAo8jhpAS34js4w
#アフターエフェクト
#動画編集
#波紋
#エフェクト
#シェイプ
#拡大
#円
#モーショングラフィックス

170 Ae 円弧を回転させる!パスのトリミングと 放射状ワイプの使い方

2021-08-05 13:51:18 | アート
170 Ae 円弧を回転させる!パスのトリミングと 放射状ワイプの使い方

この動画は、竹内屋さんの下記チュートリアルをもとに、作成しました。

ワイプを使って簡単に円を描く方法
https://www.youtube.com/watch?v=uAGgniFFV2o

竹内屋さん❣️いつも、とてもわかりやすい動画作成チュートリアルを👍ありがとうございます👏

----------ポイント💡----------

円の線を回転させるには
●パスのトリミングの終了点・開始点を使う方法
●放射状ワイプを適用して、変換終了でアニメする方法
があります。


【パスのトリミング】では、
終了点・開始点をゼロから100にキーを打ち、
開始点のキーをずらしたり、
オフセットを設定して、回転をずらしたりできます。

詳しくはTETERONさんの下記チュートリアルをCheck!
『線が回転するアニメショーン《アフターエフェクト初心者》』
https://www.youtube.com/watch?v=FfLBetlyY_Q


【放射状ワイプ】では、
時計回り、反時計回りを設定し
変換終了にキーを打って動かします。

放射状ワイプのチュートリアルではkossさんもおすすめです!
『かっこいいサイバー風カウントダウンの作り方 』
https://www.youtube.com/watch?v=oRfYkNyfKj4

線幅の太さを変えて組み合わせたり
線を破線にして線分と間隔をランダムに設定することで
かっこいいモーショングラフィックスができます。

破線の設定は竹内屋さんのチュートリアルをCheck!
『シェイプレイヤーを重ねたサイバー風HUDの作成方法』
https://www.youtube.com/watch?v=E1R5gKXuZUM

シェイプアニメーションの基本は、TORAERA動画をCheck!
https://www.youtube.com/watch?v=huhXRuD1Ys0
シェイプアニメーション入門2 円のアニメーションの作り方


【放射状ワイプを平面や円に適用】することで
トランジションの画面切り替えや
円グラフの作成にも使えます。

TORAERA DOUGA
入門4 画面切り替えアニメーションの作り方
https://www.youtube.com/watch?v=Flal69IjgZc

kossさん
映画風カウントダウンの作り方
https://www.youtube.com/watch?v=NGGfflheV1M

皆さんも、是非、ぐるぐるクルリンパ! を作ってみてください。


●動画作成に役立つチュートリアルを紹介しています。チャンネル登録はこちら
https://www.youtube.com/channel/UCI_whNvaWAo8jhpAS34js4w?sub_confirmation=1

ご不明な点や、気になるエフェクトのご希望など、お気軽にコメントください。

●モーショングラフィックスの再生リスト
https://www.youtube.com/watch?v=tjz1Lu2k_Mw&list=PLYXusuLNwvZxiOprDAOD23TRaXNXjaArX


----------円弧を回す過去のチュートリアル集----------

68 シェイプで作る定番の円グラフ整数のexとスライダー制御 
67 サイバー風カウントダウン&放射状ワイプ/波線リング/ブラインド文字の作り方
66 映画風カウントダウン放射状ワイプのloopOutとグリッドとノイズ 
40 パストリミング円四重サークルのオフセットと反転 
34 円グラフTORAERA 
33 放射状ワイプ背景グラデ切り替えTORAERA 
31 円がぐるりと回転ワッカも_トリミングと放射状ワイプTORAERA 


----------備忘録🗒----------

円弧 サイズ:600 線幅:60

fx:放射状ワイプ1 
20フレームで変換終了を100からゼロ
反時計回り

これを複製して
fx:放射状ワイプ2 時計回り
15フレームずらして20フレームで
ゼロから100


----------キーワード♯----------
#Ae逆引きエフェクト動画

#UCI_whNvaWAo8jhpAS34js4w
#アフターエフェクト
#動画素材
#エフェクト
#放射状ワイプ
#パスのトリミング
#円弧
#回転
#モーショングラフィックス