2019/09/09SHAREツイートシェアはてブGoogle+PocketLINE今回はspineについて書いていきます。公式サイト→http://ja.esotericsoftware.com/よくLive2Dとspineって似た感じで言われがちですが、触ってみたところけっこう違うな~って感じでした。作品媒体、テイスト、案件によって使い分けたらいいかなと思います。繊細な表現をしたいならLive2D、ダイナミックさをだしたいならspine向きかなと思います。あと、デフォルメのようなイラストであればspineのほうが作るのが楽ですね。作業工程1パーツ分けされたイラストの用意2photshop/パーツ書き出し3spine/セットアップ4spine/アニメーション制作5spine/書き出し↓今回はこいつをやります。誰が何と言おうとひよこです。書き出し方法パーツ分け↓こんな感じで、動かすパーツを分けます。今回はこんな感じで分けました。「PhotoshopToSpine」というスクリプト(自動処理)を使います。スクリプトはspineをダウンロードすると一緒にダウンロードされます。Trial\scripts\photoshopこれを、フォトショップのスクリプトフォルダに入れてあげます。××(バージョン)\Presets\Scriptsフォトショップを起動すると下のようにでてきます。上記ができなかったら参照からでもできます。スクリプトを選択すると、ポップアップが出てきます。すると、jsonとimagesというフォルダが作成されます。↓パーツの書き出しはこれで完了です!レイヤー名が同じものがあったりするとエラーがでるので気を付けてね。次回はセットアップについて書いていきます。【Spine】セットアップの調整・コツこの記事を書いた人Sugeゲーム業界でモーションデザイナーをしながら、Vtuberのアバター制作、動画制作をしています。BlogではLive2Dに関する備忘録などを書いていく予定です。コメントをキャンセルメールアドレスが公開されることはありません。