• ブログTOP
  • AI・ディープラーニング
  • AR
  • VR
  • WEBサイト
  • WEBマーケティング
  • SEO
  • SNS
  • その他
  • お問い合わせ

ALAKI株式会社

COZIKEEいつまでも使えるTech情報発信ブログ

blender2.8を使って3Dオブジェクトにアニメーションをつける方法〜part.2〜

2018年12月21日

  • このエントリーをはてなブックマークに追加

こんにちは!
デザイナーの伊東です。

今回もblenderを使った、3Dオブジェクトにアニメーションをつける方法をご紹介します。

前回の記事では、blenderへ3Dオブジェクトの読み込み、ボーンを設定、オブジェクトを動かすところまでご説明しました。
blender2.8を使って3Dオブジェクトにアニメーションをつける方法〜part.1〜

今日は、前回までの内容を活かして、複数のポーズの間を自動で補間して動かしていきます。

最後までお付き合いよろしくお願いいたします!

この記事の目次

  • 1 アニメーション設定の前準備
  • 2 オブジェクトのポージング
  • 3 アニメーションの設定
  • 4 まとめ

アニメーション設定の前準備

最初に、アニメーション設定をするのに最適な作業環境を整えていきます。

まずはボーンを見やすくしましょう。

画面右側からアーマチュアプロパティを選択します。
デフォルトでは、八面体の太いボーン の表示になっています。
オブジェクトのポーズを変える時に邪魔なので、もっと細いスティック表示に変更しましょう。

スクリーンショット 2018-12-21 1.16.04

 

スクリーンショット 2018-12-21 1.20.14

だいぶ表示がすっきりしました。

次に、アニメーション設定用の画面を用意します。
blenderには、タイムライン上でアニメーションを設定するための「ドープシート」という画面が用意されています。

画面左下から、ウィンドウを「ドープシート」に切り替えます。

スクリーンショット 2018-12-21 1.26.29

 

これでアニメーション設定の下準備が揃いました!

オブジェクトのポージング

作業環境が整いましたので、次にアニメーションの1フレーム目となるポーズを設定します。

まずは画面下部のドープシートに、新しいアクションの名前を入力してください。
入力が終わったら、フレームが「0」の位置を指していることを確認します。

スクリーンショット 2018-12-21 2.24.17

次に、画面左上のモード選択の部分を「ポーズモード」に切り替え、ボーンを動かします。

 

スクリーンショット 2018-12-21 2.22.59

右クリックでそれぞれのボーンを選択することができます。
左側のツールバーには「方向移動」「角度変更」「拡大縮小」などのツールが揃っているので、用途に応じて選択し、ボーンを動かしてみてください。

今回はロボットが歩くアニメーションを設定したいので、1フレーム目は足を前に出すポーズにしました。

アニメーションの設定

先ほど設定したポーズを、キーフレームとして登録しましょう。

キーフレームというのは、アニメーションの中で動きが変わる起点となる部分です。
blender含む多くのアニメーション編集ツールでは、キーフレームとキーフレームの間を自動で補完することで滑らかな動きを表現しています。

先ほど作ったポーズを確認し、右側のボーンを全て選択した状態で画面中央の領域内で「I」キーを押します。
色々選択肢が出てきますが、今回は「LocRot(位置と回転)」を選択してください。

 

スクリーンショット 2018-12-21 2.45.51

すると、ドープシートにキーフレームが追加されました。

スクリーンショット 2018-12-21 2.47.26

ここからさらにキーフレームを追加します。
これまでの作業で左足を前に出したポーズが、1フレーム目のキーフレームに設定されました。

今度は右足を前に出したキームフレームを21フレーム目あたりに追加したいのですが、また1からポーズを作成するのは手間です。

そこで、先ほどのキーフレームをコピーして、左右反転してペースとしたいと思います。

まず、先ほど追加したキーフレームを全て選択します。
次に21フレーム目にカーソルを合わせて、「Cmd」+「Shift」+「V」を押してください。

これだけで、右足を前に出したキーフレームを追加することができます!

この勢いで40フレーム目に、今度は「Cmd」+「V」で左足を前に出した状態でペースとします。

スクリーンショット 2018-12-21 2.56.41

https://alaki.co.jp/blog/wp-content/uploads/2018/12/sample.mp4

シンプルな動きですが、簡単にアニメーションを設定することができました!

まとめ

いかがだったでしょうか。
今回はblender初心者向けに、簡単なアニメーションの設定方法について学びました。

blenderで挫折する場合、
「ボーンとアニメーションの設定でつまずいた。。」
という場合が多いように感じます。

2回に渡ってお送りしたこの記事の中にも、blender独特のややこしい設定があったかと思います。
そういう部分はなんども繰り返し操作することで、体で覚えていくことをお勧めします。

  • ツイート
  • このエントリーをはてなブックマークに追加
ALAKI ロゴ
さよなら過去のAR。
WebARがイベント集客に
革命を起こします。
特設サイトはこちら >

You may also like...

  • スクリーンショット 2018-03-16 0.37.47

    WebVRはじめてみませんか?〜第2回 three.jsを使って3Dに触れる〜

    1 4月, 2018

  • mockup-01-2

    来店型ビジネス、イベント集客を加速させるWebARの魅力

    8 6月, 2019

  • Web 1920 – 1

    ARの世界的アワード「Auggie Awards」のファイナリスト・受賞作品をご紹介

    7 12月, 2022

  • Next story アニメーションライブラリ「Lottie」を使って、超軽量Webアニメーションを実装する方法
  • Previous story 第11回「ALAKI ◯◯Lab」を2018年12月19日(水)に開催します!

弊社サービス

MONJI+ MUGHEN ALAKI クラウド型受発注システム さよなら過去のAR。WebARがイベント集客に革命を起こします。

運営会社

ALAKI株式会社 ALAKI株式会社採用サイト

人気の記事

  • alaki1462_A_businessman_who_works_logically_1da80a2e-c297-4911-bdd6-feba0ebf1357

    仕事術

    【書籍要約】数学的な仕事術大全

    4 11月, 2024

  • fv-main-img-min

    空間コンピューティング

    世界初!「空間コンピューティング」を専用端末不要、スマホのWebブラウザのみで実現する『Web XR Site』を公開しました

    22 6月, 2023

  • Virtual reality players isometric vector illustration. VR UI and navigation. Futuristic digital technology. Virtual screen. Mixed reality 3d concept. Person in VR headset. Web banner idea

    AR

    Appleから新世代MRグラス「Vision Pro」の登場 – デジタルと現実世界が融合する新時代へ

    6 6月, 2023

  • AWE

    未分類

    ARアプリ『MUGHEN』が世界最大のAR/VRアワード「AWE」のファイナリストに選出されました!

    26 5月, 2023

  • python-logo-master-v3-TM

    pyhotn / 業務効率化

    「SwinIR」で高画質化した画像を pythonを使用して一括で元のサイズに戻す方法

    2 2月, 2023

カテゴリー

  • AI・ディープラーニング
  • AR
  • BtoB
  • CMS
  • Git
  • Google AdWords
  • gulp
  • Javascript
  • Laravel
  • Photoshop
  • Pug
  • pyhotn
  • Sass
  • SEO
  • SNS
  • Twitter広告
  • VR
  • Web3.0
  • WEBサイト
  • WEBマーケティング
  • YouTube
  • コーディング
  • システム開発
  • スマートフォンサイト
  • セキュリティ
  • セミナー
  • その他
  • ツール
  • デザイン
  • ベトナムレポート
  • 仕事術
  • 未分類
  • 業務効率化
  • 空間コンピューティング
  • 色

アーカイブ

  • 2024年11月
  • 2023年6月
  • 2023年5月
  • 2023年2月
  • 2023年1月
  • 2022年12月
  • 2022年11月
  • 2022年10月
  • 2022年9月
  • 2022年2月
  • 2021年12月
  • 2021年9月
  • 2021年7月
  • 2021年6月
  • 2020年10月
  • 2020年9月
  • 2020年8月
  • 2020年6月
  • 2019年6月
  • 2019年5月
  • 2019年4月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年11月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2018年5月
  • 2018年4月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年12月
  • 2017年11月
  • 2017年10月
  • 2017年9月
  • 2017年8月
  • 2017年7月
  • 2017年6月
  • 2017年4月
  • 2017年3月
  • 2017年2月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年10月
  • 2016年9月
  • 2016年8月
  • 2016年7月
  • 2016年6月
  • 2016年5月
  • 2016年4月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年11月
  • 2015年10月
  • 2015年9月
  • 2015年7月
  • 2015年3月
  • 2015年2月
  • 2015年1月
  • 2014年12月
  • 2014年11月
  • 2014年10月
  • 2014年9月
  • 2014年8月
  • 2014年7月
  • 2014年6月
  • 2013年10月
  • 2013年9月

Facebook

お問い合わせ

お問い合わせ

人気の記事

  • 【書籍要約】数学的な仕事術大全
  • 世界初!「空間コンピューティング」を専用端末不要、スマホのWebブラウザのみで実現する『Web XR Site』を公開しました
  • Appleから新世代MRグラス「Vision Pro」の登場 – デジタルと現実世界が融合する新時代へ
  • ARアプリ『MUGHEN』が世界最大のAR/VRアワード「AWE」のファイナリストに選出されました!
  • 「SwinIR」で高画質化した画像を pythonを使用して一括で元のサイズに戻す方法

カテゴリー

  • AI・ディープラーニング
  • AR
  • BtoB
  • CMS
  • Git
  • Google AdWords
  • gulp
  • Javascript
  • Laravel
  • Photoshop
  • Pug
  • pyhotn
  • Sass
  • SEO
  • SNS
  • Twitter広告
  • VR
  • Web3.0
  • WEBサイト
  • WEBマーケティング
  • YouTube
  • コーディング
  • システム開発
  • スマートフォンサイト
  • セキュリティ
  • セミナー
  • その他
  • ツール
  • デザイン
  • ベトナムレポート
  • 仕事術
  • 未分類
  • 業務効率化
  • 空間コンピューティング
  • 色

検索

ALAKI株式会社 © 2025. All Rights Reserved.