アニメできた！ ___
Added 2024-08-19 01:04:37 +0000 UTCできもいた
▲クリックして見てね
▲Youtube版はこちら！（Youtubeチャンネル作りました！ch登録よろしくね！）
▲gif版もあるよ
▲サムネの高画質版も貼っておきます
暑い毎日ですが涼し気な絵をお届けしたくで描いてみました
楽しかったのでまた作りたいです～！
🎥 制作メモ 🎥
発光信号をアニメさせるのが面倒だったのでメモしておく
手打ちでもよかったんですが
タイムラインに信号の素材を何十個も並べるのを想像して嫌になったのである程度自動化してみようとやってみる
文章から明滅の動画を生成してくれるサービスがあればよかったのだが
そんなもの無かったので、文章→音声→動画で作れないかやってみる
▲まずはこういうwebサービスで音声を出力する。https://morsedecoder.com/ja/
▲オプションでめいっぱいスローにする。
▲前述のをChrome上で再生しながら、Audacityでデスクトップ音声を録音する
▲こちら出力した信号になります
録音結果をイコライザ表示でもできればよかったのですが
無いっぽいので下のスクロールバーを手動でスクロールし、それをOBSで録画することに。
▲Audacityの波形をスクロールさせながらOBSで録画したもの。
グラフの起点付近をめいっぱい拡大している。色補正で白黒にしている。
スクロールしきれるように最後に無音を足しておくのがコツ。
元音声がゆっくりじゃないとスクロールのフレームレート以下の信号が消えてしまいちゃんとしたタイミングが出ない。
速度の早い音声をAudacity上で速度加工すると波形が疎になって綺麗な明滅が得られないので元素材の速度が重要。
＜激しい明滅のある映像！＞
▲＜激しい明滅のある映像！＞
Aviutlで読み込んで明暗を反転し50000%拡大して明滅だけにしたもの
速度調整もここでやる
メインが2秒ループなので意識する。
Aviutlも便利でいいんですけど、AfterEffects覚えたい…。
▲クリスタで作画した発光信号の効果
▲モールス素材と作画の発光を乗算で合成したもの
この素材をスクリーン合成でメインカットに乗せると
▲こうなります～♪
明滅を柔らかくするために同じ素材を1fずらして10%で合成しています
立ち上がりは瞬時、消えるときだけ柔らかくしたかったけど、やり方が思いつかなかった。
まぁ100個近くのタイミングを手打ちするよりは楽だったかなと思います
頻繁に使うなら文章→明滅動画までをpythonとかで自動化してもいいかもしれません
発光信号を量産する予定無いのでしませんでしたが
✨作画ログ✨
▲レイアウト
▲髪をどうやってなびかせるか四苦八苦している
枚数は適当に4枚に決めた。うごくイラストなので中割りはしないと最初から決めていた。
▲ググって出てきたこの方法で解決
▲あとは描くだけ。大枠の動きができても 細かいところが意外と大変だった
▲とりあえず素体を塗る
▲素体は動かないところと動くところで分けてある
▲髪の毛のアニメをペン入れと下塗りしていく。ショートヘアの部分からやってみる
▲本命のロングヘアもペン入れして塗った。この辺が一番楽しかった記憶
何度も再生してシルエットを見て空白を足したりして流れ感を出す。
▲背景もやっていく
▲背景絵と、海面のアニメもつける。太陽の方向にフレアをつけたり、メインキャラを浮かせる「もや」をつけたり撮影処理もする。このへんで大体完成像が見えてくる。でもここからが長い。
メインの髪なびきのフレームレートが低いので、波やハイライトは高フレームレートにしたり、後ろ人物の切り替えタイミングをずらしてフレームレート高めにみせかけるなどの工夫をしている。
あと「髪」と「顔」と「表情」と「顔の後ろの髪」の前後関係がムズいなどの問題もあったので難しかった
結局奥に来る髪は表情とかぶる部分は作画せずに、顔の後ろに髪を一時的に表示させる方法で回避した
▲後ろはこんなかんじ。計器類は前に描いたイラストから持ってきて省力化。
▲人物塗り込んで 髪にハイライト付けて なんかキラキラにして イヤリングもおまけでつけて完成！（ここも結構長かったんだが、描き込むだけなのであまり描くことがない）
▲Aviutlで最終処理
クリスタ上では2秒ループのアニメなので、Aviutl上で40秒の作品に仕立てる。
発光信号のアニメを追加。
軽く色調整したり、線がガタガタしてるのでぼかすなどした。
▲全体的に1フレームずらした素材をかぶせて切り替えを滑らかに見せている
（このへんは好みがあると思う）
このあと最終出力となるが、Twitter掲載のための最適条件を探すなどがあった。
これも結構手間。
Twitterの場合
・サーバ上で再圧縮がかかる
・720pに縮小されるので元から720pで出す 元1080pとの画質差なし
・画質は16(最高)で出す
・ノイズは入れないほうが綺麗
・画質は結構落ちる
・高画質版はYoutubeとかに載せればいい
gifの場合
・こっちはクリスタから直出し
・ノイズは入れないほうが圧倒的に軽い(37M→7M)
・ディザリングはONにする
🏃 完走した感想
うごくイラスト製作
動き作り、撮影、ぺんいれ・塗り
いずれ劣らぬ面白さがあった
全体的に時間が経つに連れモチベーションが落ちる
これはイラストでも漫画でも同じで、同じ絵をずっと見ていると飽きるため。
興味の続いている時間内に全てやってしまった方がよい
面白いのでまた作りたいです！
動かすことで活きるアイデアや構図もあるとおもうので
今後も出力先にしていきたいですね
ここまで見てくれてありがとうございました～！
＜終＞
