mieki256's diary



2022/04/21(木) [n年前の日記]

#1 [moho] Mohoのウィトルウィウスボーンについて調べてた

Windows10 x64 21H2 + Moho Pro 13.5.3上で、Moho の機能、ウィトルウィウスボーンについて、使い方を調べてみたのでメモ。

ウィトルウィウスボーンについて。 :

Vitruvian Bones と書くらしい。どう読むのか分からなかったけど、ツールチップ上では「ウィトルウィウスボーン」と表示されてるので、日本語版ではそう読むのだろう…。

どういう機能かというと、例えば腕だの足だのを数種類ほどその場所に描いておいて、各フレームではどれかしらを1種類だけ表示する、といった感じの機能らしい。

どうしてこういう機能が必要になるかというと…。

ボーンを使って動かすと、大体は平面的な動きしかつけることができなくて、見た目がショボい感じになってしまうものだけど。横から見た○○以外に、手前を向いている○○とか、奥を向いている○○とか、そういう見た目の○○が数フレーム挿入されるだけでも印象が変わってくる。ただ、それぞれ見るからに形が大きく違う場合がほとんどなので、1つの○○の絵からアレコレして捻り出すのは難しい。事前に数種類を別々に描いておくしかない…。

それら全然形が違う数種類のパーツの絵を、同じ場所に重なるように描いておいて、必要に応じて切り替える、というのがウィトルウィウスボーン、ということらしい。たぶん。

なんでも、レオナルド・ダ・ヴィンチが描いた、ウィトルウィウス的人体図からインスパイアされた機能だそうで…。

_ウィトルウィウス的人体図 - Wikipedia

ウィトルウィウス的人体図は、本来、一本の腕/足しか無いはずの場所に、二本の腕/足が平然と(?)描かれているわけだけど。「コレと見た目が似てるよね」ということで、この機能にこういう名前をつけた、とチュートリアルpdfには書いてあったように見えた。

操作方法。 :

実際に使ってみた。

まず、腕を3種類分、別々のレイヤーに描いてみた。

vbones_ss01.png


ボーンレイヤーを新規作成。

vbones_ss02.png


3種類の腕(3つのレイヤー)を、ボーンレイヤーにドラッグアンドドロップして登録する。

vbones_ss03.png


ボーンを追加していく。ボーンレイヤーを選択して、「ボーンを追加」ツールを選ぶ。

vbones_ss04.png


体に相当するボーンを追加しておく。

vbones_ss05.png


1本目の腕を担当するボーンを追加する。
  • 体担当ボーンを選択した状態からボーンの追加作業をしているので。体ボーンが親、上腕ボーンが子…となっている。
vbones_ss06.png


2本目の腕を担当するボーンを追加する。「ボーンを選択」ツールを選んで、体担当のボーンを選択した状態にしてから…。

vbones_ss07.png


2本目の腕を担当するボーンを追加。

vbones_ss08.png


同様に、3本目の腕を担当するボーンを追加。

vbones_ss09.png


これで腕3本分のボーンを追加できたので、どのボーンがどのレイヤーを担当するのかを設定する。

ボーンレイヤーを選択した状態で、「ボーンを選択」ツールを選んで、1本目の腕を担当するボーンを選択。
  • Shift + 左クリックで、複数のボーンを選択できる。
vbones_ss10.png


1本目の腕が描かれている、「arm1」レイヤーを選択。

vbones_ss11.png


ボーン → フレキシ結合に選択されたボーンを使用、を選ぶ。
  • Windows の場合は、Ctrl + Shift + F を叩いても良い。
vbones_ss12.png


arm1レイヤーと3つのボーンが紐づけ(?)られたので、ボーンが太い線で表示されている。これで、この3つのボーンは、arm1レイヤーに描かれたものしか動かせない状態になった。

vbones_ss13.png


同じように、arm2レイヤーとボーンを紐づけ。

vbones_ss14.png


また同じように、arm3レイヤーとボーンを紐づけ。

vbones_ss15.png


いよいよ、ウィトルウィウスボーンを設定していく。
  1. ボーンレイヤーを選択。
  2. 「ウィトルウィウスボーン」ツールを選ぶ。
  3. 3本の腕の、親に相当するボーン(上腕ボーン)を3つ選択。Shift + 左クリックで複数選択できる。
  4. 上のほうにある、「グループ」というボタンをクリック。

vbones_ss16.png


「グループ1」というグループができて、「アクティブなボーン」が、1本目の腕を担当する「B2」ボーンになった。キャンバス上でも、1本目の腕だけが表示される状態になった。「アクティブなボーン」の右の小さい三角をクリックすると、3種類のボーンがグループに登録されていることが分かる。

vbones_ss17.png


アクティブなボーンを、B5ボーンに切り替えてみた。2本目の腕に表示が切り替わった。

vbones_ss18.png


アクティブなボーンを、B8ボーンに切り替えてみた。3本目の腕に表示が切り替わった。

vbones_ss19.png


余談。各ボーンが、B2だの、B5だの、B8だのでは分かりづらいので、名前を変更したい。「ボーンを選択」ツールを選んで、目的のボーンを選択すれば、上のほうにボーン名が表示される。そこを書き換えてしまえば任意のボーン名をつけることができる。

vbones_ss20.png


ボーン名を「arm1_B2」「arm2_B5」「arm3_B8」に変更すると、ウィトルウィウスボーン利用時のボーン名表示にも反映された。

vbones_ss21.png


後は、「ボーンを操作」ツールを使って、ボーンの角度等を変更していけばいい。

vbones_ss22.png


タイムライン上で、カレントフレームを0フレーム以外にして、ウィトルウィウスボーンツールを選んで、アクティブなボーンを変更すれば、その変更もキーフレームとして記録される。

結果サンプル。 :

こんな感じで作業をして、以下のようなアニメが作れた。



元のパーツの絵がガタガタなので、動きもガタガタになってしまったけれど…。それでも、1種類の腕の絵をボーンで動かすよりは、ちょっとはマシな見た目になったような気もする。

上の動画は24FPSだけど、8FPSの動画も作ってみた。途中で、形が違う腕に差し変わっていることが分かるはず。




できた動画を眺めているうちに思ったけれど…。3コマベースなら「全部描いたほうが早い」と言われそうでもあるな…。

であればと、試しに60FPS版も作ってみた。さすがに60コマ/秒は手描きでやりたくないだろう…。




更にガタガタ感が増してしまった気がする…。元の絵が上手くなかったら、いくらフレームレートを増やしてもダメ、ってことですわな…。

以上、1 日分です。

過去ログ表示

Prev - 2022/04 - Next
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

カテゴリで表示

検索機能は Namazu for hns で提供されています。(詳細指定/ヘルプ


注意: 現在使用の日記自動生成システムは Version 2.19.6 です。
公開されている日記自動生成システムは Version 2.19.5 です。

Powered by hns-2.19.6, HyperNikkiSystem Project