【AviUtl】移動・イージングがわからない人へ｜映像学区
Вставка
- Опубліковано 10 чер 2021
- この動画は後編です。
前編はこちら→ • 【最低限】移動を捨ててアニメーションを作る ...
【コメント返信コーナー】
短い時間で動かしたい時は、イーズアウトだけでも良いかもしれませんね。
→まったく同感です。イーズアウトを単独で使うのは悪いことではありません。
→うp主も23番をよく単独使用します。イーズインなしで。
----------------------------------------------------------------------------
更新版のイージングスクリプト by Undofishさん
(2024年追記：ニコ動鯖落ちの為、臨時リンクも紹介します)
x.com/UndoFish/status/1802297...
www.nicovideo.jp/watch/sm3772...
📖映像学区が推すデザイン本
『あたらしい、あしらい』amzn.to/393qVET
📷おそらく最もコスパの良いバック
『TARION PBL カメラバック』 amzn.to/3nXtdeK
☕映像学区を15円から支援できます。
2020年は40本ほど届きました。
kampa.me/t/tzy
-------------------------------------------------------------------------------
映像学区では、映像制作やデザインについて発信しています。
普通 or 陰キャ or 陽キャの皆さんご一緒に、
新しい動画演出表現を学びましょう。
▶映像学区シリーズ→ • 映像学区｜EIZOGAK
映像学区の一部内容をブログ媒体でも
お読みいただけるようになりました。
🌎 digi-gak.com/
-------------------------------------------------------------------------------
映像学区Twitter↓
/ eizo_gak
霊夢立ち絵をお借りしています↓
ふにちか様 seiga.nicovideo.jp/user/illus...
シンプルな感じの絵は、
こちらからお借りしています。↓
『Loose Drawing』 loosedrawing.com/
---------------------------------------------------------------------------------
🎵お借りしている音楽
・ikson様より。
Music by / ikson
・Tempo Fugit様より。
Hello (Free Download) by Tempo Fugit is licensed under a Creative Commons License.
・Espidev様より。
Dreamy by EspiDev is licensed under a Creative Commons License.
・Ethrling様より。
/ ehrling
・LiQWID様より。
Music | "Coffee" by LiQWYD
Watch: • LiQWYD - Coffee (Free ...
License: www.liqwydmusic.com/how-to-use
Download/Stream: hypeddit.com/link/u9qb1c
Music | "Diamonds" by LiQWYD
Watch: • LiQWYD - Diamonds [Off...
License: www.liqwydmusic.com/how-to-use
Download/Stream: hypeddit.com/link/6bkpty
Music | "Another Time" by LiQWYD
Watch: • Another Time
License: www.liqwydmusic.com/how-to-use
Download/Stream: hypeddit.com/link/gkkfc5
Music | "Escape" by LiQWYD
Watch: • LiQWYD - Escape [Offic...
License: www.liqwydmusic.com/how-to-use
Download/Stream: hypeddit.com/link/uemgmh
Music | "Good time" by LiQWYD
Watch: • LiQWYD - Good time (Fr...
License: www.liqwydmusic.com/how-to-use
Download/Stream: hypeddit.com/link/bb18fi
Music | "You & Me" by LiQWYD
Watch: • LiQWYD - You & me [Off...
License: www.liqwydmusic.com/how-to-use
Download/Stream: hypeddit.com/link/eazdfr
・Artegon様より。
Artegon - Heroes [FREE DOWNLOAD] by Artegon is licensed under a Creative Commons License.
・ほかこちらから。
Music provided by TheRelaxedMovement.
Check it out here: / therelaxedmovement
・ほかUA-cam Libraryより。
4:52 一部の例外と言っていますがこれは誤りです。「In Out」のそろっているカーブはすでに豊富にあります。ただし「2つを組み合わせてカーブをかたちづくる」という考え方を持つのと持たないのでは大きな差になってくることでしょう。当動画を仕上げるまでに原稿を6回以上書き直しています、おまたせした動画です。
質問です
文字を入力するオブジェクトが画面外にいってしまいましたどうしたらいいでしょうか
普通にcontrol＆zで戻したら良いのでは？
イージングを知ったばっかだと直線移動に謎の敵対心が生まれるのは誰もが通る道だと勝手に思ってる
いつもありがとうございます。
加減速移動がなぜか一番合う、ということがうp主は一回だけありました。
イージング作った人はマジで天才だと思う。
もとはFlashの時代に盛り上がった技術のようですね。
高校数学、物理、何の役に立つねん。って思ってる人、きっと世の中にいると思いますが、
イージングなどを含む、映像の中の物体の移動を理論として把握する時に凄く有用でした。
私は、「オブジェクトの移動速度はグラフの接線の傾きかもしれない！」
と気付けたことでグラフが何を表しているかがようやく理解出来ました。
そうなると、静止状態を含む加減速は始点/終点の接線の傾きが0の物、つまりease in/outを選ぶべきだと言えますし、更には、2つのグラフの接続も、接続点の接線の傾きが同じでないといけない、つまり「微分可能」が条件なのだと分かりました。
↑数学IIIの話で難しいですが、イージングのグラフを見た時に、グラフの表す意味、求められる事柄、それの求め方、などを探求する姿勢だけは本当に大切だと思います。
これは驚きですね！うp主が動画投稿の前に理系の研究者さんとちょうど話したことです。After Effectsの値グラフと速度グラフ、そして積分計算の関係について話題になりました。さらにAeデフォルトのイージーイーズでは正規分布を描いているようにも見えます。
値グラフがx-tグラフで、xがtの関数で、その関数の形がイージーイーズならシグモイド関数に近い形してますね。
んで、速度グラフはv-tグラフなので、x-tグラフの式を微分したものやと考えます。
で、そのシグモイド関数を微分すると結構正規分布のグラフに似た見た目になるんですよね。
人が美しいと思う動きは、やはり綺麗な数式が定義されてたりするんですよね。
直線移動/等速度運動
これって、「カットイン」
やなぁと思いました。
加速をしていない、力のかかっていない状態の前には当然力がかかっていて、加速する場面があるはずですから、その加減速をカットして、唐突に等速度運動をする画を見せるのは、やはり、「カットイン」ですね。
このチャンネルはAviUtlユーザーじゃなくても面白くて勉強になるから大好き。
ありがとうございます。月1くらいでおもしろ動画を出す映像学区です。
皆さんのあんま役に経つかわからないですが、あうるですとグループ制御を2つ配置してインとアウトをそれぞれ配置してあげると滑らかなイージングが組みやすいです！！
その手があったか！（ド初心者）
うおおおおお！
待ちに待ったぞぉぉ！
あざますぅぅぅ！
半年も待たせてすまぬよ😎
移動なしであえてやってみることを提唱する動画を前に出しといて、ちゃんとイージングについて掘り進める内容を展開するあたり映像学区らしくてニクい。
ちゃんと動画再生中にiマークでリンク貼るあたりもニクい配慮。
移動テーマを企画するのに半年くらいかかってしまいました。
2回ぶんしっかり追いかけてくれてうp主は嬉しいです～
めっちゃわかりやすかったです！！
ありがたいです！！
うぽつです。
移動系気になってたので助かります
気になるところには動画も多いので、クセの強い動画で戦いを挑む映像学区です。
これが知りたかった！
ありがとう、てとらさん
ご視聴ありがとうございます～🤩
何気なく18番を使ったら隣の19番を使ったりしてたんですが、この動画を見て改めて理解することが出来ました🙇🏻♀️
いつも為になる動画をありがとうございます🙇🏻♀️
いつもご視聴ありがとうございます！
おおまかな仕組みにたどり着ければ幸いです🙂
初コメ失礼します。いつもこのシリーズで勉強させていただいております！
イージングは『表現の一つ』として覚えたいものでもありますし、何度か見返して頭にたたき込もうと思いますッ！
ご視聴ありがとうございます！
詰まってました。本当に助かります…
コメントありがとうございます。
人間詰まりすぎるとモチベーションがなくなるので、どうにかそういった層を減らしたい映像学区です。
@@eizo-gak 毎度助かってます！
まってました！
おまたせしました！
とても良い勉強になりました！！
こんなところに！
@@AIUEO9999 居ます！
ここで言ってもしょうがないんだけど、中間点の間ごとにイージングを決められる機能ついたらマジで嬉しい。
今はベジエ軌道にするかオブジェクトを分割するかしないと出来なくて面倒。
どこかでスクリプト・プラグインとして開発されていた記憶がありますが、残念ながら忘れてしまいました。ちょっと思い出せなくてすみません。
今回も勉強になりました！
いわゆる初心者がモーショングラフィックス頑張りました！的な動画や、自分がイージング使った時に気持ちよくなくて、言語が出来ないモヤモヤな現象がよくあったので、これで解決できるかなと思いました。
正直、自分の作風ではイージングより、加減速や直線移動でフェードイン・アウトの方があってると思うので固執する必要はないですが、引き出しでイージングを覚えておくのはありと思いました。
楽しいコメントありがとうございます。この原稿を完成させるのに半年かかりましたが、もしなにか響くものがあればうp主として嬉しいです。これからもお楽しみに！
Aviutl待ってました！
おまたせ😎
もっと早く知りたかったァァァァァ(号泣)
早く知りたいことだらけな動画の世界です。
イージングに踏み込む前にこの動画を見れてよかった。
とっても嬉しいです。
うぽつです！
イージングを知らなかった頃は中間点の追加で直線移動の量を変えてごり押ししてましたww
複雑な動きをさせるときは、中間点をうちまくった経験が役に立ちます。手打ち中間点の達成感は大きいです。
1:47 ここ好き
これをどうやらPremiere Proで再現できるらしいので頑張ってみます。
動画内で使われている夜景で、飛行機が時折通ったりエレベータが上下しているのがちょっと好き。
三軒茶屋の高層ビルの屋上です。無料で入れるのでおすすめですよ。
@@eizo-gak ああ、あの辺りかな？
以前は近く（上用賀）に住んでいたので今すぐにでも行けたんですけどねー。都内はいい撮影ポイント多くて裏山です。
ホントにやばい、神だ、、、
🙂🙂🙂
初心者の時に見れてよかったぁ
それはよかった☺
うぽつです。
イージングの使い方を知れてよかった･･･
なるほど確かに、リファレンスを見ると「In」と「Out」が並んでいる･･･
なぜ気付かなかったのだろう･･･
気づかない人はいっぱいいると思うので、この動画がなにかのきっかけになればうれしいです。
趣味でUA-cam投稿してるエンジニアですが、イージングの話を見てモーター制御の台形加減速（直線In/Out）とＳ字加減速（まさにイージングのIn/Out）と同じだなとすんなり理解できました。
コメントありがとうございます。似たような概念は工業でも使われているんですね！
後編きたー！まってました。
素人まるだしで真面目に言ってみる。
イーズイン？イーズアウト？組み合わせるの？知らなかった！
動きがもったりしたのって誰が使うの？（22番とか）って思ってました。
あ、頭抱えましたね？今。わかります。
コメントありがとうございます。
イージングのグラフはすっ飛ばす初心者が多いと感じています。それが良からぬ事態を引き起こしている気がしてなりません。
「IN」と「OUT」ですか...勉強になります！
組み合わせを研究しなきゃなぁ...
これさえ守っておけばとりあえずは土俵に立てると思います。
動画づくり応援しています！
@@eizo-gak 有難うございます！
これが全てだとは思わないべきだよね
outからoutは不自然って決めつけて作っててもいいものできなそう
ご指摘ありがとうございます。うp主も「たしかにそうだなぁ」とうなずいています。
最近は背景とかの大きなものを動かすときは直線使ってるなぁ
なんか加減速は小っちゃい物の方が良く効く希ガス
直線移動のすばらしさを布教したいです。
Davinci ResolveときどきAviUtlな人間です。こういうプリセットがあるのはめっちゃ便利ですね。AviUtlが人気の理由がわかる気がします。
でも、Vlog系の方々からはAviUtlは存在すら無いかの如く扱いになっているのはなぜだろう・・・もったいない。
他の編集ソフトを使うにしても、このグラフをみているだけで勉強になりますね。
コメントありがとうございます。
うp主はResolve動画編集にあまり高度なエフェクトを求めることはありません。ただFusionが使いやすくなれば、第2のAviUtl的なソフトになるかもしれません。
22とかのインの使い道よくわかんなかったけどそういう事だったんですか!(イン・アウトすら知らんかった)
そういうことのようです。ご視聴ありがとうございます。
このチャンネルのすごいところはたったの10分で「今すぐ動画編集がやりたい」と僕に思わせたところ
初心者だから10分の動画を編集するのに8時間以上もかかる。だから慣れてない僕にはカロリーが高すぎる。
でもほんとはもっと簡単に、シンプルに済ませればいいんだよと教えてくれた。○○の作り方 とかじゃなくてもっと本質的なところの意識が変わった。
ありがとうございます。伝えたかったことがそのままコメントとして届いて嬉しくなりました。Design(誰のために・何を・どんな表現で)から始める動画制作を、もっと広めていきたいと思っています。『映像学区』はゆっくり解説をするためのシリーズではありません。創作のハードルを下げるためのシリーズです。
davinchiのtips動画も作って欲しいです
頃合いをみて、うpしておきます。いくつか予定はあります。
今日イージングを知ったばかりの者です。最初にこの動画に会えて本当によかったと思います！！
お役に立てて嬉しいです。動画制作応援しています！！
昔イーズアウトしか使ってなかったからやばい動画になってたなぁ
わたくしも同じく。
去年知りたかった…
お待たせしました🙂
アンケートに23て答えた記憶があったけど22と併せて使うというのは考えられてなかったなー
コメントありがとうございます。
Tutorialのいくつかもイージングという言葉だけが先行している感じがして、すこし不思議です。
心を読まれた気がしました。
本当に、心を読まれた気がしました。
似たようなことを、よくコメントで言われます。これが面白くて。
質問なのですが、5:49で22番と23番のイージングを使用する際に、オブジェクトを分割してそれぞれに番号を振り当てていますか？
自分はその方法しかわからず、ほかのパラメータを変更したい際に分割させると不便になってしまいます。
できれば中間点などを使用してなんとかオブジェクトを分割せずに複数のイージング番号を振り当てたいと考えています。
例えば、22番でイーズインさせ、その後線形に移動させ、そして23番でイーズアウトさせたい場合などです。
avitulの基本効果内にある座標エフェクトを付けると疑似的に二つ目のxyz軸を作ることが出来るので簡単に一つのオブジェクトに2つのイージングをつけれますよ。
それを分かりやすく説明した動画があるので「Zacbaran イージング」と検索してみると見つけられると思います。
@@remonkuro ありがとうございます。僕もそのやり方分からなくて困ってました。
うぽつ！
加減速移動は許されますか？
見る側が楽しく見られればなんだってOKであってほしいです。
全部直線移動で済ませるようにしていましたけど、これからはイージングを少しずつ導入できそうです。
はじめは少しずつでもOKだと思っています。必要に感じたらイージングに手を出してみる、くらいがちょうどいいです。
初見です。
すみません、既にほかの動画で解説しているかもしれませんが、白黒テレビ時代のカウントダウン(黒い丸が少しづつなくなって白くなっていくやつ)に似たアニメーション方法はありますでしょうか？
既に紹介されていたので引用。こちらがもっともシンプルな方法だと思います。ご存知でしたらすみません。
cbc-wpc.com/aviutl/post-1669/
ただし編集が若干もたつくかもしれません。差し障りなければ、こちらもあたってみてください。
commons.nicovideo.jp/search/tag/%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%83%80%E3%82%A6%E3%83%B3?q=%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E3%83%80%E3%82%A6%E3%83%B3
@@eizo-gak めっちゃ助かりました!!ありがとうございます!!
やっぱり動きの感覚は時間微/積が握っていますね．
物理をやってると凄く自然にイージングとかの概念がわかって，しかも使いやすく感じられる．(個人の感想です)
例えば 加速度 d^2R/dt^2 ≠ 0 であれば自然に力を感じるし，
速度 dR/dt ≠ 0なら自然にエネルギーを感じます． (力 F(t)=m d^2R/dt^2とするとエネルギー W(t)=∫F(t)dt = m (dR/dt)^2 /2 だから.)
ありとあらゆるところで出てくる数学,物理君...
コメントありがとうございます。たしかに高校以上の数学って、映像のいろんな場面で登場してくるように思います。AviUtlには他にも「極座標変換」みたいなキーワードが登場しますが、うp主はその本来の使い方をなかなか理解できず、ついに大学数学の単位を落としました。
いつから動画編集を始めたのか気になるなー
13歳のときに始めようとして挫折して、15歳のときにやっぱりうまくいかなくて、16歳のときになんとなく理解して、本格的にUA-camに「出せる」と判断したのがたしか17歳の時です。時間がかかる間に多くのクリエイターに抜かされていったのが悔しいと思っています。
@@eizo-gak 今僕は13歳で動画編集を始めようとしてるんですが、完璧な動画を作るにはそれくらいかかりますよねー
例のグラフ若干間違いあるみたい。undofishさん本人がTwitterで言ってた。
そのようですね。
0:33辺りからの背景の作り方教えて欲しいです。
画像ループ2というAviUtlの外部スクリプトを使います。
このスクリプトはタテヨコに同じオブジェクトを並べられるものです。
一年ほど前に編集を始めイージングを知り、その時は動画(解説・講座動画でした)によく使っていたのですが、数週間して「いや、これこんなに動かす必要ある……？」と思い現在はほぼ1番でフェードイン・アウト用しか使っていなかったので、イージングは必須ではないと聞いて少し安心しました……勿論目指してる動画のスタイルや勉強熱心度にもよると思いますが、なんかいい感じになる！からといって多用するのは危険ですよね。(とはいえフェードだけ使うのもアレなので勉強しないとなぁ……)
コメントありがとうございます。まさにその通りで、過剰なイージングは違和感や画面酔いの原因になると思います。理由をもったイージングがほしいですよね。
イージングという単語すら知らなかった件
きっと大丈夫です。世の中「イージング」というワードを知っている人はそう多くないし、今知ることができましたので。応援しています。
AviUtlにもとからある「加減速移動」はイージングとして使えるんですか？
I think so🤩 The User Interface of AviUtl is underrated!
わざわざ英語でありがとうございます！（笑）
このイージングって、オブジェクトのx,y,zをクリックした時に出てくる、加減速移動とはまた違うの…？
返信遅れました、すみません。
今回の内容は「イージングスクリプト」を使用したものです。スクリプトを導入すると「直線移動」の上あたりに「easing_tra」という項目が現れます。加減速移動よりも、緩急がガッツリかかっていると思ってもらえればいいと思います。
@@eizo-gak
似たような移動でも、スクリプトを導入すると様々なバリエーションがあるんですね
ありがとうございました！
言われて初めて自分が直線移動全然使ってないことに気づいた…
イージング脳死無駄遣い…
誰でも一度はやるミスです。きっと。
UA-cam recommendations getting wild.
UA-cam is Mystery of 🌎
@@eizo-gak そうだなぁｗ
まぁ、この動画はべんりそう、後もうちょっと日本語練習、見ます。
8:41 間違いだらけだぞ
初心者です
今ニコニコが死んでるせいでファイルのダウンロードができないんですがなんか方法ないですかね
よく考えたらniconicoの鯖落ちこういうところにも影響するので被害甚大ですよね…
Undofishさんの制作物については、臨時リンクが用意されているようです。www.dropbox.com/scl/fo/tn1vo6mdo6clibcz3e10g/AOr3fdzGWKqv7KDOdYh0fbw?rlkey=1bukggnaplqvyftqdqhw70qqn&e=8&st=2bl2jtj4&dl=0
@@eizo-gak ありがとうございます！
7:13 bgmのドロップと合わせて大事な事言ってる...たまたま？
たまたまですが、大事なコトにはちがいないですねw
いつもコメントありがとうございます！
saikou~!
🤩🤩🤩
ニコニコの動画画面に飛べないのですが、どうしたら良いでしょうか？
UndoFishさんが臨時のダウンロードリンクを公開なさっているので紹介します。x.com/UndoFish/status/1802297534787776888
学校の勉強どこで使うねんって言うやつは、道具はあっても使えって言われないと使えない人。
使える人は知識という道具を使えるかどうかを試してるんだなって思ってしまったな。
返信遅くなりました、コメントありがとうございます。創作の世界でいちばん難しいのってそこで、自分のトラブっているところを根本的に解決してくれる道具がどこにあるのか、判別できるようになること思っています。単に"勉強する"ってだけでもうまくいかないのを痛感します。
そう言えば動きをつけすぎるとダサくなるかもしれないのってプレゼンでも同じだなww
プレゼンスライドにアニメーションを付けると途端に考えることが多くなって面倒くさいので、うp主は基本的にアニメーションを使いません。プレゼンする環境にもよりますが、たいていパンフレットを作るような感覚でスライドを作り上げます。
まるまんまアウトだけ使ってなんか後に見返すとなんか思った風にならないなぁとなってたので当事者すぎて爆笑しました。感謝したりないです。
大爆笑ありがとうございますw
うp主は笑っちゃうようなミスをいっぱいしてきたので、これからも躊躇なく共有したいと思います。
結論、イージングがなくても、表現方法が一個減っただけ……減っただけなんだ……動画は作れるんだ……
（イージングすら使えないiPad使い）
iPad Userがいるとは驚きました。今度スマホ・タブレット編集向けに動画のおもしろい原稿を書いておきます。
ちょっと失礼だけどUndofishさんのよりベジエの方が気持ちよくなるよ
なぜ2020版が公開されたのか。
それはバグ回避や機能追加もありましたが
...それはそのグラフが間違っていたからです
気が向いた時にUPDATEしておきます。
イージングって何すかw
↑
ひろゆきさんかな？
ここだけの話ですが、彼の言及をもとに一本Podcast動画を企画しています。
23しか勝たんって思ってた
小規模なアニメーションであれば、23番の汎用性には価値を感じます。
@@eizo-gak
ua-cam.com/video/tvFSket3WOo/v-deo.html
「あるあるな図形で動画レベルUP」で紹介してらっしゃっていたような円の広がるモーションとかだと特にお世話になっていますね。
２２と２３の組み合わせが２４じゃないの？（無知）
UndoFishさんのイージング(というかActionScriptのTweener)の番号の規則性は次のようになっております
1(直線移動)
以降はIn(ゆっくりはやく)→Out(はやくゆっくり)→InOut(ゆっくりはやくゆっくり)→OutIn(はやくゆっくりはやく)と繰り返す
2-5:Sine(かなりゆるやか)
6-9:Quad(ゆるやか)
10-13:Cubic(ふつう)
14-17:Quart(ふつう)
18-21:Quint(いきおいつよめ)
22-25:Expo(もっといきおいつよめ)
26-29:Circ(不思議なかんじ)
30-33:Elastic(行き過ぎてバネみたいになる)
34-37:Back(反動がある)
38-41:Bounce(バウンドする)
なお、旧版のイージングは一部の番号が入れ替わって登録されているみたいなので注意です
(具体的に言うと6-21が4つ前倒しに登録されていて、18-21が2-5になっているという感じです)
動画の趣旨とはちょっとずれちゃうんですが、このcmのトランプが飛ばされてシーンチェンジするような編集をAviutlでできないかと模索しています。
ua-cam.com/video/1PZzeR95MB0/v-deo.html
ティム氏の「ベジェ曲線T」や、「はためき」でいけるかと考えたんですがうまくいきません。アイデアがあれば教えていただきたいです。
返信したと思い込んでいました、すみません。
このタイプの編集はblenderユーザーが得意そうですね。私はblenderの勉強をちっともできていないので知ったかぶりですが、無理にAviUtlでやらないのも手かもしれません。
ua-cam.com/video/geyC6FfMFf8/v-deo.html
私は捻くれてるのであんまイージングに興味なく残念な使い方をしてる人を上から見ると言うことをやってましたがもしかすると自分も残念な使い方をしているのではないか。と背筋が凍りましたね...
こんなうp主も間違ったこと言ってないかビクビクしながら、コメント欄を巡回しています。動画投稿は想像以上に精神にくるアクティビティで楽しいです。