2021年08月06日

動画素材:シェイプとパスで作る!Wi-Fi&バッテリー&ローディングのアニメーション



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

パスのトリミングとループアウトで作る「ローディングスピナー」https://www.youtube.com/watch?v=IE8ZXLJnF2E

Dr.BUさん❣️丁寧で分かりやすいチュートリアルをありがとうございます

動画素材:シェイプとパスで作る!Wi-Fi&バッテリー&ローディングのアニメーション

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

【スマホ画像をパスの結合で作る】

スマホ画像は、同じレイヤーで
長方形の土台と画面と穴を描き
土台の長方形を一番上に移動して
コンテンツを選択して▶︎コンテンツの追加で
[パスを結合]を選んで、モードを[型抜き]にします。

【ローディングスピナーをパスのトリミングで作る】
正円の線にコンテンツからパスのトリミングを追加し
終了点を0 →100
開始点を0 →100
開始点を20フレームずらします。

繰り返し動かすには

optionクリックで▶︎Propertyを選択し
loopOut(type = "cycle", numKeyframes = 0)

トランスフォームの回転に
エクスプレッションの time*120

動きをつけるにはモーションブラーをつけます。

基礎的なアニメーションで
Wi-Fiやバッテリーの充電アイコンが作れます。

皆さんも、是非、色々と作ってみてください

●動画作成に役立つチュートリアルを紹介しています。チャンネル登録はこちら
https://www.youtube.com/channel/UCI_whNvaWAo8jhpAS34js4w?sub_confirmation=1
ご不明な点や、気になるエフェクトのご希望など、お気軽にコメントください。


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


----------リピーターのシェイプアニメーション----------
グッドエレファント
5分で出来る!シェイプアニメーション【リピーター】
https://www.youtube.com/watch?v=3FwZYRwWlQQ&t=19s

TORAERA DOUGA
シェイプアニメーション入門1 円形に配置した複数の線のアニメーションの作り方
https://www.youtube.com/watch?v=MQdCxzu9I7Y

ビギナーズカレッジ
リピーターの使い方
https://www.youtube.com/watch?v=C-vZqK75t-Q

Putti Monkey Wrench
挫折させないシェイプレイヤー入門#02 -パスのトリミングとリピーター
https://www.youtube.com/watch?v=yKa-0mG5jB0


竹内屋

リピーターを使ったシェイプアニメーション
https://www.youtube.com/watch?v=bSfA3-XFRFk

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

mooograph
シェイプエフェクト
https://www.youtube.com/watch?v=VxY-Ql4RA8k


Action Planetあくしょんプラネット
爆発モーショングラフィックス
https://www.youtube.com/watch?v=VdkSf9_HlsM

カズノコ
はじめてのシェイプアニメーション入門講座
https://www.youtube.com/watch?v=qIl1W_VgBFM

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

【スマホの作成の仕方】
塗り:白 線:無しの長方形 角丸半径:50
レイヤーを選択して
長方形で画面四角と上の穴を描き
本体長方形を一番上に移動
 コンテンツを選択して▶︎
コンテンツの追加:パスを結合 モードを[型抜き]


【ローディングスピナーの作り方】
正円の線幅:80 サイズ:600
コンテンツの追加:パスのトリミング
2秒で終了点を0 →100
開始点を20フレで0  2秒で100
キーフレームをF9でイージーイーズ グラフ:左寄り山
0秒の位置で、開始点・終了点をoptionクリックで
▶︎Propertyを選択し>
loopOut(type = "cycle", numKeyframes = 0)
回転にex: time*120 モーションブラー 本体と合成

----------キーワード♯----------
#Ae逆引きエフェクト動画
#UCI_whNvaWAo8jhpAS34js4w
#アフターエフェクト
#動画素材
#エフェクト
#ロービングスピナー
#Wi-Fi
#充電
#電池切れ
#バッテリー

同じカテゴリー(広告動画素材)の記事画像
242 簡単な点滅ネオンサインをBallActionで作る方法【アフターエフェクト】
185 Ae 3D立方体の簡単な作り方!位置・回転・アンカーポイントの設定⁉︎
オープニングで格好いい!飛び込んでくる文字のタイトルアニメーションの作り方
アフターエフェクト 吸着表現でトロリとしたたる水あめ状態を作る方法
アフターエフェクトのシェイプのアニメーションを理解するおすすめ動画
アフターエフェクトで作る水面表現!水中で屈折しながらゆらぐロゴや映像!
同じカテゴリー(広告動画素材)の記事
 242 簡単な点滅ネオンサインをBallActionで作る方法【アフターエフェクト】 (2021-11-30 13:52)
 185 Ae 3D立方体の簡単な作り方!位置・回転・アンカーポイントの設定⁉︎ (2021-08-23 14:13)
 オープニングで格好いい!飛び込んでくる文字のタイトルアニメーションの作り方 (2021-08-14 22:52)
 アフターエフェクト 吸着表現でトロリとしたたる水あめ状態を作る方法 (2021-07-31 12:08)
 アフターエフェクトのシェイプのアニメーションを理解するおすすめ動画 (2021-07-26 01:15)
 アフターエフェクトで作る水面表現!水中で屈折しながらゆらぐロゴや映像! (2021-07-19 15:39)

Posted by ジルとチッチ at 17:25│Comments(0)広告動画素材
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。