2026/07/24 Fri NOTE 【モーショングラフィックス】 壊滅的苦手民だったけど 唐突に 『全体設計できなくても、 それぞれのパーツ動かしたら それっぽくなる!』 って落としどころがでたので… 管理人と似た詰まりあった人の 役にたつかな…的な話 静的グラならOKというのが 前提なのですが… これから実例として UIのみの存在である 【238号の謎】のタイトル を使っていきます。 ▶238号の謎/サンプル 詳細※初めに※ Aeとかの映像ツールは 使わず、あくまで GIFやAPNGのパラパラ画像 の手順ですが、 考え方的には 流用できると思われ ----- ①まず、完成イメージをつくる まず、完成系のグラを 作るんですね。 これが一番「いい!」 魅せたいバランスみたいな。 なんかMADでいうと(例えそれかい) 音ハメがキマる瞬間にする。 で、これを、起点とか終点にする… ↓ ②パーツ事に動きの分類わけ で、各パーツを 方向性で大まかにグループ分け して、あとはイメージにあう 動作を考える。 例の素材だと、 波・キラキラ・泡・斜線…など ↓ ③②を元に、さらにグループ分け 波の動きは…あの… 幼稚園の運動会でデカ布を みんなで揺らすとかやった あのときの振動感を思い出すと… こう…、だから… 左右に波形が移動する感じにしよう… とか… とにかく自分の生活とか記憶から ひっぱりだす (※正直良くないやり方…インプットしろ的な… 外の世界にでて常にあっちこっち観察すべきである… 完全個人完結の趣味で、利益度外視ならいいと思) ↓ ④最大コマ数を設定する それで、一番動きのコマ数が 多いもの、今回なら12コマ それをワンループとします ↓ ⑤各グループのコマ数設定 最大の12コマに足並みあうように 他パーツを2×6や3×4コマで 繰り返すよう、設定 ↓ ⑥12枚画像描き出す 各グループごとの A:1-2-3-4-5-6-7-8...... B:1-2-3-4→1-2-3-4...... C:1-2→1-2→1-2→1-2...... 例えばAの5枚目の表示は、 Bは1、Cは1、を表示してます ↓ ⑦あとはタイムライン設定 --------- という段取りで 全体のバランスとか 設計出来ない人間でも なんかそれっぽくなってるのでは MVとかの画面転換は必要な ものだと、また話かわるけど 待機的なアニメーションなら これでいいんだぁ~! っていう… いやこれ、当たり前なのかも しれないんだけど…!! こういう考え方的なのって… 検索していきつくのムズイ!? 学習サービスとか受講すれば あるかもしれない… まぁでも、生涯の仕事にしたい とかじゃなければ、 そこまで追い込む必要ないので… 学習費用投じて極めるって人は、 無論立派なんですけど 自分は立派じゃない人間なので… てへ…いや、ていうか… 動画編集のがダントツに早いはず (だけど、覚えるのが…なんか、 マジで頭に入らないんよな… 紙芝居系の切り貼りくらいしか できない…) という気付きのはなし… #naansense #TIPS
壊滅的苦手民だったけど
唐突に
『全体設計できなくても、
それぞれのパーツ動かしたら
それっぽくなる!』
って落としどころがでたので…
管理人と似た詰まりあった人の
役にたつかな…的な話
静的グラならOKというのが
前提なのですが…
これから実例として
UIのみの存在である
【238号の謎】のタイトル
を使っていきます。
▶238号の謎/サンプル
詳細
Aeとかの映像ツールは
使わず、あくまで
GIFやAPNGのパラパラ画像
の手順ですが、
考え方的には
流用できると思われ
-----
①まず、完成イメージをつくる
まず、完成系のグラを
作るんですね。
これが一番「いい!」
魅せたいバランスみたいな。
なんかMADでいうと(例えそれかい)
音ハメがキマる瞬間にする。
で、これを、起点とか終点にする…
↓
②パーツ事に動きの分類わけ
で、各パーツを
方向性で大まかにグループ分け
して、あとはイメージにあう
動作を考える。
例の素材だと、
波・キラキラ・泡・斜線…など
↓
③②を元に、さらにグループ分け
波の動きは…あの…
幼稚園の運動会でデカ布を
みんなで揺らすとかやった
あのときの振動感を思い出すと…
こう…、だから…
左右に波形が移動する感じにしよう…
とか…
とにかく自分の生活とか記憶から
ひっぱりだす
(※正直良くないやり方…インプットしろ的な…
外の世界にでて常にあっちこっち観察すべきである…
完全個人完結の趣味で、利益度外視ならいいと思)
↓
④最大コマ数を設定する
それで、一番動きのコマ数が
多いもの、今回なら12コマ
それをワンループとします
↓
⑤各グループのコマ数設定
最大の12コマに足並みあうように
他パーツを2×6や3×4コマで
繰り返すよう、設定
↓
⑥12枚画像描き出す
各グループごとの
A:1-2-3-4-5-6-7-8......
B:1-2-3-4→1-2-3-4......
C:1-2→1-2→1-2→1-2......
例えばAの5枚目の表示は、
Bは1、Cは1、を表示してます
↓
⑦あとはタイムライン設定
---------
という段取りで
全体のバランスとか
設計出来ない人間でも
なんかそれっぽくなってるのでは
MVとかの画面転換は必要な
ものだと、また話かわるけど
待機的なアニメーションなら
これでいいんだぁ~!
っていう…
いやこれ、当たり前なのかも
しれないんだけど…!!
こういう考え方的なのって…
検索していきつくのムズイ!?
学習サービスとか受講すれば
あるかもしれない…
まぁでも、生涯の仕事にしたい
とかじゃなければ、
そこまで追い込む必要ないので…
学習費用投じて極めるって人は、
無論立派なんですけど
自分は立派じゃない人間なので…
てへ…いや、ていうか…
動画編集のがダントツに早いはず
(だけど、覚えるのが…なんか、
マジで頭に入らないんよな…
紙芝居系の切り貼りくらいしか
できない…)
という気付きのはなし…
#naansense #TIPS