子供のお絵かきやイラストを簡単にアニメーションにできるAIツール「Animated Drawings Demo」を紹介します。
子供の絵が動いたら、いい思い出になると思いませんか?
そんな思い出が簡単に作成できるので挑戦してみてください。
Animated Drawings Demo
「Animated Drawings Demo」は、Meta社が開発する手書きの絵やイラストをアニメーション化するオープンソースAIツール「Animated Drawings」をWeb上で体感できるデモサイトです。
画像を1枚だけ用意できれば、簡単に無料でアニメーションを作成することができます。
Animated Drawings Demoの使い方
Animated Drawings (https://sketch.metademolab.com)
上記のAnimated Drawingsにアクセスします。
![](https://alamode-style-reiory.com/wp-content/uploads/2023/10/326bc2548d9cbb5faafd79401469c603.png)
Get Startedをクリックします。
![](https://alamode-style-reiory.com/wp-content/uploads/2023/10/61bb60f4e46f868fe82b3c8eb4e5ba61.png)
Upload Photoをクリックして、動かしたい絵をアップロードします。
![](https://alamode-style-reiory.com/wp-content/uploads/2023/10/0973e674f8fa90dd2e80d2961b23e1dd.jpg)
画像がアップロードできたら、Nextをクリックします。
![](https://alamode-style-reiory.com/wp-content/uploads/2023/10/175aca7973132660dac19b6e58e713f3.jpg)
規約を読んだら、Agreeをクリックします。
![](https://alamode-style-reiory.com/wp-content/uploads/2023/10/da721a2a6205a8e59c38712db9bf3838.jpg)
キャラクターを枠で囲ったら、Nextをクリックします。
![](https://alamode-style-reiory.com/wp-content/uploads/2023/10/239419b9695f6eb6113265fbddb08856.png)
キャラクターをAIが認識しますが、修正が必要になると思います。
ペンと消しゴムを使い、キャラクターのみを選択するようにします。
![](https://alamode-style-reiory.com/wp-content/uploads/2023/10/bcb55287e42c4614e4b4fd8cc15c8d7e.png)
選択が終わったら、Nextをクリックします。
![](https://alamode-style-reiory.com/wp-content/uploads/2023/10/a92dae175f0948461736a7c6ce706896.png)
ジョイントを調整して、Nextをクリックします。
![](https://alamode-style-reiory.com/wp-content/uploads/2023/10/2c563cf931da237f4c392e78ec5f66cd.png)
Add Animationからキャラクターを動かすアニメーションスタイルを選択します。
ジョイントの必要性があれば、Fixをクリックしてジョイントの修正をします。
以上で動くキャラクターの完成です。
アニメーションのダウンロード
作成したアニメーションのダウンロード方法を解説します。
![](https://alamode-style-reiory.com/wp-content/uploads/2023/10/2c563cf931da237f4c392e78ec5f66cd-1-1024x586.png)
アニメーションスタイルが決定し、動くキャラクターが完成したら全画面ボタンをクリックして全画面表示にします。
![](https://alamode-style-reiory.com/wp-content/uploads/2023/10/67363e85e914e16018d0c7fe5206da05.png)
全画面表示になったら、右クリックをして「ビデオをダウンロード」をクリックします。
mp4形式でダウンロードされます。
完成したアニメーション
今回作成したアニメーションはこちらになります。
簡単にアニメーション化できました。
ですが、腕が動くと同時に頭も動いてしまいます。
これは使用した画像でキャラクターの腕が頭に重なっていたためです。
それでは、どのような絵が適しているのでしょうか?
アニメーション化させるのに適した絵
今回は腕と頭がくっついて動いてしまいました。
どのような絵が適しているのか例をあげます。
- 手足が体に重ならないように描かれている。
- キャラクターは線、シワ、破れのない白い紙に描かれている。
- 絵に影がないことを確認します。
- 個人を特定できる情報や不快な内容がないようにしてください。
- 他人の著作権を侵害するような絵は描かないでください。
絵が用意できていない場合は、サンプル用の画像が用意されています。
![](https://alamode-style-reiory.com/wp-content/uploads/2023/10/0ed2b0d42e36e984d8132df979d16cc3.png)
画像をアップロードする画面で、左側のブロックから下にスクロールします。
そこにサンプルが用意されていますので、画像を選択してください。
まとめ
絵やイラストを簡単にアニメーション化できる「Animated Drawings Demo」を紹介しました。
コミカルな動きで子供が喜ぶアニメーションが作成できました。
お子様の絵がある方は一度試してみてはいかがでしょうか?
最後までお読みいただきありがとうございました。