ムーぶろ

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

spine ディフォルメキャラ

こちらで紹介したキャラのモーションを、一つにまとめようとflashでつなげました。 youtu.be やり方は以下です! officemove.hatenablog.com

spine スプライトシート

今まで記事に使用したキャラクターのスプライトシート一覧です。 忍者 カッパ 妖精 SD女の子

spine ディフォルメキャラアニメ攻撃

いつもは1枚絵にモーションを付けていましたが今回は2枚使い、絵を切り替えて攻撃モーションを作りました ゲームで使用する前提で制作したのでボタンを押したとき瞬時に攻撃できるよう予備動作は短めです。 歩く、走る編 待機編 officemove.hatenablog.com

spine ディフォルメキャラアニメ走る、歩く

以下記事では待機アニメを制作しましたが、 今回は走り、歩きといったアクティブなモーションを付けました。 歩く、走る 上半身のひねりなどは、メッシュで調整しています。

spine ディフォルメキャラアニメ待機編

今回はこのキャラを使ってアニメさせたいと思います。 髪の毛やスカートなど、揺れものが多いキャラなのでその部分の構造を… 原理的には下の2つの記事と同じで、ボーンにウェイトを仕込み動かしています。 spine アルパカ - ムーぶろ spineはじめました4(…

spine アルパカ

ボーンにウェイト調整でついてくるようにしてもごもごさせてみました。

spine サイコロを回す(2)

officemove.hatenablog.com 前回の記事からの続きです。絵の分割に限界を感じたので下記に細かく別けてみました。 違和感まあまあ抑えられる感じになりました。360度回転+上下回転でランダムな動きに

spine サイコロを回す(1)

Spineでどこまで3Dのように動かせるのか?と思いとりあえずサイコロ(キューブ)を回転させてみることに。 裏、表の2種類の絵を用意 メッシュ打てばどうにかなるだろ!と、とりあえずやってみろ精神の結果 ゆがんでいる…遠近感を出すためにメッシュがよれてい…

spine[Split]でボーンを分割する

spineバージョン3.6.01で[Split]ボタンがTreeビューの下に追加されました。 ボーンを指定した数に分割する機能でたとえば、このヒレのボーンを分割したいときはボーンを選択し[Split]ボタンを押します ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 設定ウィンドウが…

spine 写真を3Dにする

今まで、イラストのみでアニメしていましたが今回は写真を素材にアニメさせました。↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 素材は、私が以前飼ってたピンポンパールちゃんです!(左) ビチビチ

spine spineとflash組み合わせ

スパインだけでの長尺アニメ物はなかなか使いにくいのでスパインでPNG画像を書き出しFLASHで画像入れ子でアニメをつなげてみました。 spineはループ単体ものだといいんですけどほかのシーンとの組み合わせ安さは、FLASH使いやすいですね

spine布のはためきアニメ

今回は布がはためくアニメ制作しました。ボーンやメッシュなど、構成はYouTubeで! 布の端にボーンを入れて、ウエイト調整で動かしているのですが一番手前の波部分はメッシュのみで流れを表現しました。やり方次第ではもっと自然に動かせると思うので随時や…

spine忍者アニメ

上の記事で使用したアニメーションのボーン、メッシュの様子が見れる動画UPしました! www.youtube.com 今は画面キャプチャソフトで録画しています。spineにも、動画書き出しは一応あるんですが上手くいかない…

spine妖精さんアニメ

妖精さんアニメ制作しました! youtu.be 今回使用した絵はこちら。↓

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

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

くないアニメ制作過程

spineはじめました3(メッシュ編)の、作業過程を録画してみました。手際が悪いところはカットしてあります~www.youtube.comofficemove.hatenablog.com 1、メッシュでZ軸回転させる ↑↑↑ここまでブログ参照↑↑↑↓↓↓ここから動画↓↓↓2、回転させる(回転)3…

スパイン「ストア選択」

ボーンを沢山使うような、髪の毛の束、布などまとめて選択する機会が多いもの、そういう操作は案外時間が掛かりますよね。ストア選択(Store Selection)を使うと時短できます。CTRL+9~0の数字で登録9~0で登録した選択を、再選択できます。 youtu.be

スパイン「Clean Up」

「Clean Up」はご存知ですか?アニメーションを作っていると、動きに影響を与えない余分なフレームキーが増えてくると思いますがその余分なフレームキーを削除してくれる機能が、バージョン 3.5から追加されました。 余分なフレームキーキーとキーの間に線が…

spineはじめました6(基礎まとめ)

spineはじめました2 - ムーぶろ spineはじめました3(メッシュ編) - ムーぶろ spineはじめました4(ボーン、ウェイトアニメ編) - ムーぶろ spineはじめました5(IK編) - ムーぶろ 上記記事で紹介しましたがいかがでしたでしょうか?基礎を組み合わせ…

spineはじめました5(IK編)

作業分担紹介編こちらでちらっと登場した「IK」を紹介しますIKとは、インバースキネマティクスの略です。難しい単語の解説はとりあえず飛ばします。目標のポイントを決めると、そのポイントに合わせて関節部分が動きます。オレンジ色のポイントに向かって関…

spineはじめました4(ボーン、ウェイトアニメ編)

作業分担紹介編こちらでちらっと登場した「ボーン機能」を紹介しますまずは、パーツをバラバラに用意し、スパイン上で合体します。 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ここの「Tools」の「作成」から、キャラクターの骨組みを想像しながら、合体し…

spineはじめました3(メッシュ編)

作業分担紹介編こちらでちらっと登場した「メッシュ機能」を紹介します わかりやすいようにこちらの一枚絵を使用して 「メッシュ編集」から、まずは輪郭をなぞって形を縁取るようにポイントを打ちます。↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ もしこの…

spineはじめました2

officemove.hatenablog.com 以前こちらの記事で紹介したアニメーションについてどういう風に作られているのか、機能を限定して書きたいと思います!回転、トランスレート、スケール、Shear機能を組み合わせて作ってます。 youtu.be でもこれだけだと、ただの…

iOSアプリ「iMessage」かっぱステッカー

自社の「かっぱステッカー」がappleのおすすめで紹介されました! かっぱとかたつむりのユルイ日常をイラストで表現しました。 友達や家族との気を張らないやりとりの中で使えるステッカーが豊富なので ぜひ使ってみてください! 無料なのでお気軽にどうぞ。…

検索と置換

意外とあっても気づかない機能紹介ツリーの右から3番めのアイコンをクリックするとオブジェクトの名前を検索できます。 これですねコレ。↓↓ ファイル名に「_」とか、組み込むときに邪魔な場合があるのでその時に使うと便利かもしれないですね。

tranceformのホットキー

tranceformに限った事じゃないんですがマウスマーソル合わせてるとホットキー教えてくれるんですね。意外に気づかないかも。 tranceform一番使う気がするので、ホットキーメモ。C:回転 V:トランスレート X:スケール Z:Shear

spineはじめました

2Dアニメから3Dぽくアニメできるソフト「spine」でアニメ作ってみました。 スパイン(spine)とは……この1枚絵が……… ↓↓↓↓↓↓↓↓↓↓ なんか3Dっぽく動く!!!!2Dが3Dに!?えっなんかすごい! そんなカンジのを作れるソフトです。大分ざっくり書きましたが…