*

Live2D風モーション、Spineの限界に挑め~spineをLive2D風にしてみました~

公開日: : 最終更新日:2015/10/21 , ,

ご無沙汰しておりました。フーモアDCCツール研究開発局局長の遠藤です。
7月11日からブログ記事が止まっておりまして、その間なにをしていたかと言いますと、単純にブログの記事をサボっていたわけではなく、それはそれは大きな理由があり、、

このブログをベースに工学社さんの月刊I/Oにて、Spineに焦点を当てた記事を連載しているのですが、その御縁でSpineの教則書籍を執筆していたのでありました。

http://www.kohgakusha.co.jp/io/

完全に日本語での解説と、キャラクターを一から作る方法、アニメーションを上手に作る方法や様々なアイデアをまとめてあります。Spineの機能を網羅したと言ってもいいような内容になっております。
書店に並ぶのはまだ先ですが、お見かけした際には是非お手にとってみてください。

ブログ記事用に用意していた素材もリソースとして消費してしまった(!)ので、新たに素材の仕込みから準備しておりました。

と、言うわけで少々お時間をいただいてしまいましたが、今週からまた継続的に連載していきます。

余談ですが、我がDCCツール研究開発局から生まれたキャラクター、モアちゃんが広報としてフーモア社の日常をTwitterにて呟いております。できる限り有益な情報を呟いていきますので、お気軽にフォローよろしくどうぞお願い致します。

@sociama

whomorPicturesBlog_140901A
(プロフィールから,モアちゃんが妖精的な存在であることが判明)

whomorPicturesBlog_140901B
(流行りにも乗るようです)

Live2D風モーション、Spineの限界に挑め

Spineは強力なスプライトアニメーションツールです。
2Dスクロール系ゲームや、タワーオブディフェンス系ゲームのグラフィック開発において、ベストなソフトウェアのひとつです。
しかし、柔軟な考え方をもって様々なアプローチをすることができます。
その中のひとつが、Live2D風アニメーションです。

Live2Dについては、こちらをどうぞ
http://www.live2d.com/

PC用美少女ゲームや、アプリなどでよく利用されているアニメーションソフトウェアです。
デフォーム(変形)に焦点を当てたソフトウェアで、photoshopなどで描かれたイラストを、3Dアニメーションの様に動かす事ができます。
まばたきしたり、髪が揺れたり、お胸が揺れたり、、

こういったアプローチ、実はSpineでもできるんです。

whomorPicturesBlog_140901C
Illustlated by ゆの
今回用意したのがこちら。
新キャラですね。今回はテスト的に分割してみましたので、これをベンチマークにしながら、トライ&エラーで検証してみたいと思います。

イラストの分割についてはとりあえず、パーツ数少なめに分割してみました。

whomorPicturesBlog_140901D

前髪やもみあげの部分などはもっと細かく分割した方がアニメーションの表情がつけやすくなると思いますし、顔の陰影の描き込みなどが半端になってしまっているので、モーションをつけた際にずれてしまいますね。

(Photoshopでの作業時に必要なTipsも後々まとめていきます。)

やってみて修正する。間違えなければ、覚えられない事が多いので、トライ&エラーでしっかりとノウハウを作っていきましょう。

(トライ&エラーにコストをかけられない!と言う企業様はフーモアにご相談を!)

whomorPicturesBlog_140901E
ざっくりとモデリングしてみました。
基本的には、Mesh機能を利用していきますので、ヒエラルキーはまだ意識しなくて大丈夫です。

whomorPicturesBlog_140901F

このような状態でざっくりとアニメーションを作ってみました。

駆け足でアニメーションしてしまったので、あまり説明になっていませんが、次回以降は細かく掘り下げて行きたいと思います。

Comments

comments

  • このエントリーをはてなブックマークに追加
  • LINEで送る

イラストレーター大募集中!!

漫画家大募集中!!

イラスト制作依頼ならフーモア!

3DCG、Spine制作ならフーモア!

プロの漫画制作ならフーモア!

関連記事

icatch

「Spine」の使い方をおさらいしよう!IKボーン入れ方講座

こんにちは、フーモアCG開発室のCGアニメーターです。 フーモアでは2Dアニメーションツール「Sp

記事を読む

1

Live2D体験版をさわってみた その1

CG開発室の牛丸です。     遠藤が行方不明になってしまったので

記事を読む

puppet2d

期待のツール!?Puppet2Dは使える?その他諸々

フーモアCG開発室の遠藤です。 ■なかなか忙しくさせていただいており、スタッフ一同、毎

記事を読む

0

最近注目されているUnityアセット、「Puppet2D」を検証してみました

フーモアCG開発室の遠藤です。 先日「Puppet2D」の書籍を執筆しました。これで3冊目の書籍と

記事を読む

160516_03

[Spine研究]Spineでクォータービューアクションはできるのか?

CG開発室の遠藤です。 久しぶりのSpine研究記事になります。 横スクロールなどに比べ

記事を読む

whomorPicturesBlog_140523C

spineでキャラに命を吹き込め!アニメーションで個性を出す!その2「2Dにアニメーションを付ける」

フーモアピクチャーズ技術部の遠藤です。引き続きEsotericSoftwareのSpineについて解

記事を読む

icatch2

「Spine 3.0.0」の新たな機能を紹介!

こんにちは、CG開発室アニメーターの吉村です。 今回は、2016年1月10日にリリースされた「

記事を読む

MA_002

モーションコミックは流行るのか?「MotionArtist」紹介

CG開発室の遠藤です。   弊社では代表の芝辻をはじめ「マンガを世界に届ける」

記事を読む

title

WhomorGames「あの星で君が待ってる」

https://yoyaku-top10.jp/u/a/OTk3NA &nbs

記事を読む

icatch2

Spineアニメーションを、JavaScriptでWEB上に表示してみよう!

こんにちは、CG開発室アニメーターの吉村です。 SpineがWEB上で動いたら、もしかしてゲー

記事を読む


  • 「おもしろいMANGAを創る」をビジョンに今までになかった新しい価値観を創造する会社。イラストや漫画制作のディレクター集団。
    お問合せはこちらからお気軽にどうぞ
  • ブログ最新記事とクリエイティブに役立つ情報を日々配信しています。

PAGE TOP ↑