ムーぶろ

株式会社オフィスムーブの雑記ブログです。2D アニメーション ソフト[spine]挑戦中。随時ご質問等、お気軽にください(^O^)

spine メッシュの打ち方

spineの特徴はメッシュが打てる点だと思いますが
どうやってどう打ったらいいのか?
で最初時間が掛かる気がします。

考え方としては、この絵が3D化したら
どんなポリゴンになるか。を意識して打つのが基本かと思います。
f:id:officemove:20180514200623g:plain

※2秒ごとに切り替わります。

spine スキン機能

以下の動画のように、キャラが持っている武器や装備を
切り替えることのできる機能を紹介します。

f:id:officemove:20180316152259g:plain


①SETUPのツリー「スキン」→「新規スキン」から作ります

f:id:officemove:20180316153309p:plain

②名前を付けます

f:id:officemove:20180316153553p:plain


③武器分の数を作ります(今回は2個)

f:id:officemove:20180316153803p:plain


④武器を置きたいボーンに、
「スキンプレースホルダー」を作ります。

f:id:officemove:20180316153855p:plain


⑤名前付けます

f:id:officemove:20180316154443p:plain



⑥「③」で作ったスキン「weapon1」を選択しながら、切り替えたい領域をスキンプレースホルダーに入れる。を繰り返せば一番最初のGIF動画のように切り替えることができます

f:id:officemove:20180316154353p:plain

f:id:officemove:20180316155404g:plain







制作環境:Windows10 Spine 3.6.47

spine 画像一枚で一部分だけ動かす

この水の入ったボウル
水部分を動かそうとすると、

f:id:officemove:20180305144502p:plain

ボウル前面、水、その奥と3枚の画像が必要になるかと思うのですが
陰も使用してないし、めんどくさいのでこの1枚だけで済ませたいと思います。


f:id:officemove:20180305144733p:plain
上記のようにメッシュを打ちます。
線画がくっきりしているので、
線がゆがまないように沿うように打ちます


f:id:officemove:20180305144508p:plain
ボーンを動かしたい場所に打ちます

f:id:officemove:20180305144521p:plain
ウェイト調整します


f:id:officemove:20180305144525g:plain
上記のように動きました

制作環境:Windows10 Spine 3.6.47

spine ボーンとウエイトで変形させる~餅編~杵編~

ボーンにウエイト適用し、変形させます。
メッシュで手付けは、ボーンに限界を感じた微調整部分のみやっています。

f:id:officemove:20180305140922g:plain


f:id:officemove:20180305140925g:plain
応用としては、杵の向きを変えたりもできます


制作環境:Windows10 Spine 3.6.47

spine ボーン作り直し

ボーンを作った後に、長さを変えたくなったり
位置を変えたくなった時は

ボーンツール状態で、変えたいボーンを選択し、
[ALT]を押したまま引き直す事ができます

f:id:officemove:20180302215553g:plain


制作環境:Windows10 Spine 3.6.47

spine メッシュ、画像切り替えについて

制作環境:Windows10 Spine 3.6.47
下の餅つきアニメですが、
画像切り替え、メッシュ変形を使用して作っています。
それについて解説記事を書いたらつなげていきたいと思います!

f:id:officemove:20180214161148g:plain
◆このアニメのtips!まとめ◆



・スロットに画像複数入れて切り替える(予定)

・ボーンのアイコンを変える(予定)
・ボーンの色変更をする(予定)
・画像の階層を変える(予定)