ムーぶろ

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

2019-01-01から1年間の記事一覧

【spine】ソフトIK

Spine 3.8にて、IKコンストレイントでボーンが伸びきった際、突っ張った動作を調整する機能が追加されました!←ソフトIKなし ソフトIKあり→ ソフトになっている…!IKの設定から 0~100 の範囲で設定できます。上記のアニメは50で設定してあります。 IKは人が…

【spine】スロットボーン階層内、描画順内選択切り替え機能ボタン

ツリーでスロットを確認し、表示順序の変更をしたいときにツリー(名前を確認する) ←→ 常時順序(見つける)とやってきましたがアップデートされたSpine 3.8でボタン1つで自動的に、スロットと表示順を移動してくれるようになりました!!!! ボーン階層内で選…

【spine】メッシュトレーシング

Spine 3.8がリリースされました!イメージの外枠を自動で生成してくれます。 https://moblogimage.tumblr.com/post/187112413492/spine%E3%83%A1%E3%83%83%E3%82%B7%E3%83%A5%E8%87%AA%E5%8B%95%E7%94%9F%E6%88%90 「メッシュ編集」→トレースから始められま…

【spine】IKコンストレイント設定_ストレッチ

IKの設定、ストレッチ編です!ボーンが伸びきった時、突っかからずに伸びる処理を入れることができます。ミックス編は下記記事を参照してください。↓↓↓↓↓↓IKの使い方はこちら↓↓↓↓↓↓ コンストレイントを設定し、設定画面でストレッチにチェックマークを入れま…

【spine】IKコンストレイント設定_ミックス

IKコンストレイントの設定で、ボーンについて行く影響率(ミックス)を設定できます。なめらかになります。通常のIKの設定についてはこちら↓↓↓コンストレイントを選択し設定ボタンのミックスで数値を設定できます。(0~100) 同じ動きをするターゲットでミック…

【spine】長尺イージングについて

spineは長尺でイージングのあるアニメは苦手なようできれいに再現できず急に加速したり止まったりしてしまいます。参考動画①↓ https://moblogimage.tumblr.com/post/185677239518/httpofficemovehatenablogcom とくに最初と最後のゆっくり部分に違和感が残り…

【spine】PhotoshopToSpine項目日本語化

英語が破滅的にだめなので[PhotoshopToSpine]の設定項目を勝手に日本語化しました。 単純に書き出しまでは確認済みです。やるのは&やったあとは自己責任です! [PhotoshopToSpine.jsx]をテキストエディタで開き、英語部分を検索して日本語に置換するだけで…

【spine】テクスチャアトラス節約の画像分割について

ゲーム開発などでアニメを作る際、クオリティのほかに画質を下げずに容量を小さく抑えるかということも重要になってくると思います。なるべく画質がよく、容量が軽くすむ画像分割の仕方について書きたいと思います今回は髪の毛を例えにしてみたいと思います…

【spine】過去作品手直し②

下記記事の続きになります! 太もも部分のメッシュが気になったので修正です! before ↓↓↓↓↓↓↓after ①の胴体部分ほど不便さは感じないのですが膝部分のメッシュの少なさが気になったので増やしました。太ももは布で隠れるので、もっとシンプルでもよいかもし…

【spine】過去作品手直し①

初めてspineで制作したアニメーションを久々に見返したところメッシュや変形アニメーションで改善できる部分が見つかったので過去の自分の作品から、どう改善した方がよいか?という事を記事にしていきたいと思います。初期作品(2016年11月)▽▽▽ まずは、素材…

【spine】メッシュ編集ウィンドウ機能紹介

spineのメッシュ変更に新しい項目ができたので、それについて書きたいと思います!(ver 3.7) 新しく追加された項目は「三角形」「減光」「分離」の3個です。 ◆三角形内部のエッジをみやすくするために、三角形の線を非表示、表示します。 丸いものなど立体…

【Animate】 Animateを使用したmp4書き出し<効果編>

下記ブログの追記で、Adobe Animate CC の効果がAdobe Aftereffectでも適応されるのかを確認しました。Animate でピンクの●に[スクリーン]効果を付けたものSWF書き出しは、このように表示されました。 Aftereffectでflaファイルを読み込みました。効果は反映…

【Animate】 Animateを使用したmp4書き出し

いつもはspineの機能紹介がメインですが 今回は、Adobe Animate CCを使って動画(mp4)を制作する際に気を付けるポイントを説明したいと思います。---------------------------------------------------------------- ◆制作使用ソフト◆Adobe Animate CC (制作) …

【spine】PhotoshopToSpine

このスクリプト PhotoshopToSpine は、Photoshopでレイヤーを画像として書き出し、Spineで同じ位置、同じレイヤー順で取り込むJSONを書き出すことができます。spineの制作準備段階、時間短縮で必須となってくるので是非参考にしてください! 同じ機能ような…