ムーぶろ

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

spine 写真を3Dにする

今まで、イラストのみでアニメしていましたが
今回は写真を素材にアニメさせました。
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

f:id:officemove:20170810183124g:plain

素材は、私が以前飼ってたピンポンパールちゃんです!(左)

f:id:officemove:20170810180825j:plain

ビチビチ

f:id:officemove:20170810184416g:plain

 

 

続きを読む

spine spineとflash組み合わせ

スパインだけでの長尺アニメ物はなかなか使いにくいので
スパインでPNG画像を書き出し
FLASHで画像入れ子でアニメをつなげてみました。

f:id:officemove:20170607183842g:plain


spineはループ単体ものだといいんですけど
ほかのシーンとの組み合わせ安さは、FLASH使いやすいですね


続きを読む

spine布のはためきアニメ

今回は布がはためくアニメ制作しました。

f:id:officemove:20170525152639g:plain

ボーンやメッシュなど、構成はYouTubeで!



布の端にボーンを入れて、
ウエイト調整で動かしているのですが
一番手前の波部分はメッシュのみで流れを表現しました。

やり方次第ではもっと自然に動かせると思うので
随時やり方をいろいろ試していきたいと思います。


spine忍者アニメ

上の記事で使用したアニメーションの
ボーン、メッシュの様子が見れる動画UPしました!

www.youtube.com

今は画面キャプチャソフトで録画しています。
spineにも、動画書き出しは一応あるんですが上手くいかない…

spine妖精さんアニメ

 妖精さんアニメ制作しました!

youtu.be

 

今回使用した絵はこちら。↓

続きを読む

右クリックで、機能⇔機能切り替え

ホットキーで機能を切り替えられますが

マウスの右クリックでも
前後に選択した機能を切り替えることができます。
例えば、1、回転 2、トランスレートを選択した場合

右クリックで
回転⇔トランスレート
と切り替えることができます!

マウスのみの作業で
右クリックで機能を切り替えて
左クリックで移動することができるので
だいぶ感覚的に作業することができるのではないかと!


f:id:officemove:20170403182930g:plain

くないアニメ制作過程

spineはじめました3(メッシュ編)の、作業過程を録画してみました。
手際が悪いところはカットしてあります~

www.youtube.com
officemove.hatenablog.com


1、メッシュでZ軸回転させる

↑↑↑ここまでブログ参照↑↑↑
↓↓↓ここから動画↓↓↓
2、回転させる(回転)
3、上下にふわふわさせる(トランスレート)
4、タイムラインでキーをずらす

2、3、4で奥行きだけではなく
ひねりを加えることができます。


は、無くてもひねり成立はしますが、
タイムラインをずらすことでクオリティが上がります。
ただごちゃごちゃするので、最後にやったほうが効率がいいです