見出し画像

【シリーズ回③】知らないと損!3Dモデルに秒でアニメーションをつける方法

👋 はじめに

こんにちは Web3 デザイン トークス のテクノグリフスです 。
本日もニューヨークからお送りします 。

このアカウントでは Web3時代における、3Dデザイン、モーショングラフィックス、タイポグラフィーなどについて新しい発見や学びを共有していきたいと思います。

この内容は、Stand FMApple Podcast でも「Web3 デザイン トークス」@Technoglyphs にて音声配信しているので、でぜひチェックしてみてください!

Mixamo (https://www.mixamo.com/#/)

🎨 2D画像を3Dオブジェクトへ変換するプロセス

今回はシリーズ回の3回目となります。簡単にこれまでのおさらいをお話しさせていただくと:

  1. 画像生成によって作り出した2Dの画像を

  2. 3Dのオブジェクトファイルに書き出し

  3. アニメーションさせるためのボーンをつける

ということまでをしていきたいと思っています。今回は3回目ですので、前回書き出した3Dファイルについに アニメーションをつけていくという作業になります。

もう本当にこれはすごいなと思って、僕も自分で試したときは2Dで書き出して3Dのアニメーション付きのオブジェクトを書き出すというところまで、それだけでもう30分以内でした。

自分は描きだしたファイルをBlenderに持って行って、それでアニメーションのレンダリングに30分ぐらいかかったので、トータルでも1時間ぐらいで最初から最後までできちゃうという、とんでもないすごいことだなと思いびっくりしました!

もしオブジェクト3Dで何か作っていらっしゃる方だと、これはかなり時短になるんじゃないかなと思うので、ぜひ最後まで読んでいただけるといいんじゃないかと思います。

画面左側の候補から選んで、クリックするだけ

🦴 Mixamoを使用した3Dアニメーション作成

ということで、今回紹介するのはMixamo(https://www.mixamo.com/#/)というサイトになります。これはAdobeが運営しているサイトで、自分で3Dファイルをアップロードしてさらにそこにアニメーションをつけるんですけれども、

そのアニメーションのバラエティが豊かに選べるようになっています。またクリックするだけで、本当に簡単にアニメーションをつけることができます。

👾 アニメーション作成の手順とキャラクター設定

まずウェブサイトを開いていただくと、右側に「Upload character」という欄があります。ここに前回作った3Dのファイル、FBXの入ったzipファイルをアップロードします。

すると、もう本当に簡単にキャラクターが表示されるんですけれども、1点おやっと思うところがあるんじゃないかと思います。

それはテクスチャーが表示されないんですよね。メッシュだけが表示されています。

これは何度か試したんですけど、どうしてもそうなってしまうので、自分の場合はその後、Blenderに持っていって、テクスチャーだけ貼り直すという作業をしました。3回でお伝えしようと思ったんですが、その内容もおまけ回として、この後、別途で紹介しようかなと思ってます。

ということでですね、今回まで全3回にわたってキャラクターをあっという間に2Dから3Dで書き出すということについてお話をさせていただきました。おまけ回でBlenderでのテクスチャーの貼り直し方も、この次で話させていただこうと思います。

🎨 おまけ回について

はい、ということでですね、今回まで全3回にわたってキャラクターをあっという間に2Dから3Dで書き出すということについてお話をさせていただきました。おまけ回でBlenderでのテクスチャーの貼り直し方も、この次で話させていただこうと思います。

今回はボーンをつけるまでの回ですので、Blenderなどでアニメーションを書き出したい方は、次回のおまけ回でテクスチャを修正の上、描き出しをしてみてください。参考になりそうなYouTube動画を記載しておきます。

🎉 おわりに

もし今回の内容が面白い、興味深いと思っていただけたら、ぜひ画面下のいいね、もしくはフォローしていただけると嬉しいです。皆さんの反応が今後の投稿の励みになります。

また今回の内容は Stand FM でもお話ししているので、ぜひチェックしてみてください。

週3回、火曜、木曜、土曜日の日本時間 朝8時に投稿しようと思っていますので、ぜひお聞きください。フォローしていただけるとリマインダーが届くので、お見逃しないかと思います。

ではまた!

#Web3 #3Dデザイン #モーショングラフィックス #タイポグラフィー #Blender #3DCG #アニメーション #Mixamo #AIデザイン #メタバース #Spline #デジタルアート #クリエイティブ #デザインツール #3Dモデリング #グラフィックデザイン #UIデザイン #イラストレーター #CGアート #クリエイティブスキル

この記事が気に入ったらサポートをしてみませんか?