ムーぶろ

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

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

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

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



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

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

spine メッシュが打ちやすくなる小ネタ

メッシュを編集しているときに、重なっている部分が見えなくて打ちづらい場合
[Tab]を押すとメッシュ編集中のオブジェクトのみ表示されます。

 

f:id:officemove:20180116184122g:plain

追記(2019/05/21)
新しいバージョン(3.7)にてメッシュが打ちやすくなったので
ご参考ください!

officemove.hatenablog.com

spine ゆれもののタイミングを簡単にずらす方法

揺れ物の簡単な作り方
紹介します。

即席サンプルで作ったハムスター。

Before

f:id:officemove:20180115184812g:plain

↓↓↓↓↓↓↓↓
After

f:id:officemove:20180115184815g:plain

揺れ方が自然に見える調整のしかたです。

------------------------------------------------------------------------------------------------

マフラーをとりあえず揺らします。

f:id:officemove:20180115184821p:plain

タイムラインを確認するとポイントがそろっているので重力感皆無です

しかし
オフセット適用して動かすと、下のようにポイントをずらすことができます

 

f:id:officemove:20180115184823g:plain

末端に行くほど、動きをずらす必要があるので
このようにずらしました

f:id:officemove:20180115184826p:plain

結果。
髪の毛でも犬の背骨でもなんでも使えるので必須です

f:id:officemove:20180115184815g:plain

spine 犬走る

下の記事で、歩いているアニメを制作したので
今回は走っているアニメを制作しました。

f:id:officemove:20180110150002g:plain

地面についている時間は最低限に、
ポイントとしては、背骨を波打つように調整するのがよいと思います。

背骨のみのタイムラインです。

f:id:officemove:20180110150004g:plain

f:id:officemove:20180110150022p:plain


しなるようなアニメにしたいので
髪の毛やひもなどと同じような原理で時間をずらします。

spine 犬歩行

犬(四足歩行)モーションです!

f:id:officemove:20171227154601g:plain


ボーンは、実際の犬に合わせて入れました。
作り方としては、四足歩行は前後でずれている歩き方なので
同時に動くモーションをつけ、そのあとずらせば作りやすいと思います。

f:id:officemove:20171227154604g:plain


下っ腹と、足の付け根が動くように
太ももの骨にウェイトが入って自然に見えるようにしました

f:id:officemove:20171227155948g:plain


ウェイトとは

 



Photoshopからspineへ書き出すスクリプト「Spine Layer ToPNG」2

上記の記事の続きです。

書き出したJSONファイルを
Spineのデータインポートで読み込みます。
※注意:Photoshopでレイヤー名に日本語名を入れていると読み込めません。

New Projectにチェックを入れなければ、
既存ファイルにスケルトンを追加して製作することができます。

f:id:officemove:20171206192818j:plain


すると、位置情報やレイヤー階層を考慮して自動的に配置してくれます。
面倒な下準備を済ませられるのでだいぶ重宝。

f:id:officemove:20171206193557j:plain