![見出し画像](https://assets.st-note.com/production/uploads/images/129330086/rectangle_large_type_2_07db8784dcc5d02941586d345ffc25a1.png?width=1200)
音楽に同期させるキーフレームの作成を楽に行う方法:FrameSync x paraseq
Paraseqを使用し、色々とパラメータの調整がしやすいところは良いと思っていますが、音楽のキーフレームの抽出は難しいと感じています。
多分なんだかすごいんだろうなということは分かりますが使いこなせない。。。。
![](https://assets.st-note.com/img/1706666416076-EshOGG5Zq4.png?width=1200)
ということで、いくつか調べている中で、「Framesync.xyz」というのを紹介しているyoutube動画がありました。
個人的な感覚としては、これを利用した方が簡単に音楽に同期したアニメーションが作れる印象でしたので簡単な使用方法を含めて記事にしました。
こちらサイトを利用する際の注意点は、作成されたデータはparaseqを使用せず、Deforumに直接入力する必要がある点です。Paraseqにコピペしようとするとエラーが出ました。まず、以下のサイトにアクセスします。
こんな画面になります。
![](https://assets.st-note.com/img/1706663107067-JfPVmF0BrO.png?width=1200)
左側にプリセットというのがあり、使用用途に合わせたもので選ぶみたいです。今回はストレングスで選んでみました。
これは自分で作成したものをプリセットに保存すればそれを使用できるみたいです。
![](https://assets.st-note.com/img/1706663227231-Ym1mFc33JC.png)
mp3ファイルをアップロードします。
下の5つのものから波形を選ぶ感じになります。選択すると上の波形が変わります。一番右が音楽に合わせた波形っぽいです。BPMが設定できなくなります。
![](https://assets.st-note.com/img/1706663294571-WuxEW4JH1D.png?width=1200)
また、Cosineというところは、sineというのを選ぶことが出来、これは反対の形の波形になります。
![](https://assets.st-note.com/img/1706663394931-yd9bH5UYGv.png)
一番右の設定です。これはデフォルトなので、自分で変更する必要があります。BPMは自分で入力する必要があり、Paraseqで調べるのが手っ取り早いと思います。
![](https://assets.st-note.com/img/1706663473397-VC4CKdtdAk.png)
ここの数値は自由に変更でき、それに合わせて波形が変わります。
オレンジ丸印はチェックを入れると追加の設定が可能になります。
![](https://assets.st-note.com/img/1706663649780-fqlJ5KOV0e.png?width=1200)
下の所に、Deforumで入力するデータが出てきています。
緑のところで、コピーできます。これを動きを入れたいところに入力すれば完成です。NOISEなどランダムな感じのものは数式が出てこないため、数値をコピペする必要があるみたいです。
![](https://assets.st-note.com/img/1706663737593-wMIGVjQ1eQ.png?width=1200)
今回はストレングスなので、そこに数式を入れます。
こんな感じです。
![](https://assets.st-note.com/img/1706663840283-5dbi50zuFo.png)
1girl, early teen, pale skin, large breasts, blue eyes, smile, pink hair, medium hair, ponytail, black_and_white_maid_dress:1.5, lace_details:1.5, vivid_sunflowers:1.3, morning_sun_glow:1.3, serene_Mount_Fuji_background:1.3, BREAK, young_maiden_with_a_serene_expression:1.3, detailed background, detailed face, lora:PixelArtRedmond-Lite64:0.6 Pixel Art
こんなので、別な部分はparaseqで設定して、回転を加えた感じでアニメーションを作成してみました。
音楽に合わせると若干遅れている感じになったので微調整は必要な印象です。mp3とは、clipchampなどで合わせると完成になります。
![](https://assets.st-note.com/production/uploads/images/129328662/picture_pc_018fb33b26cd5f444c0562ccf10fba7d.gif)
![](https://assets.st-note.com/production/uploads/images/129329511/picture_pc_bb86f7ecdedbf638ccffed37be2a0d8d.gif)
音付きは上のところにリンクを貼りました。
この記事が気に入ったらサポートをしてみませんか?