ムーぶろ

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

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に!?えっなんかすごい! そんなカンジのを作れるソフトです。大分ざっくり書きましたが…