このブログは自分へのspineの備忘録として書いている面がありまして、忘れたときに自分自身でよく確認をする記事がまとめているのがあるといいなぁと思いました。 ◆画像書き出しスクリプト◆ スクリプト自体の作り方を忘れるというよりもどの項目が何だったか…
しばらくspineを触れていなかったため久々に起動したらこんな文面で起動できず…sorry, the server could not be contected.Please check your internet connection and any fierwall settings that may be blocking Spine. ①インターネットに接続しているか…
Spine 3.8にて、IKコンストレイントでボーンが伸びきった際、突っ張った動作を調整する機能が追加されました！←ソフトIKなし ソフトIKあり→ ソフトになっている…！IKの設定から 0~100 の範囲で設定できます。上記のアニメは50で設定してあります。 IKは人が…
ツリーでスロットを確認し、表示順序の変更をしたいときにツリー(名前を確認する) ←→ 常時順序(見つける)とやってきましたがアップデートされたSpine 3.8でボタン1つで自動的に、スロットと表示順を移動してくれるようになりました！！！！ ボーン階層内で選…
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 「メッシュ編集」→トレースから始められま…
IKの設定、ストレッチ編です！ボーンが伸びきった時、突っかからずに伸びる処理を入れることができます。ミックス編は下記記事を参照してください。↓↓↓↓↓↓IKの使い方はこちら↓↓↓↓↓↓ コンストレイントを設定し、設定画面でストレッチにチェックマークを入れま…
IKコンストレイントの設定で、ボーンについて行く影響率（ミックス）を設定できます。なめらかになります。通常のIKの設定についてはこちら↓↓↓コンストレイントを選択し設定ボタンのミックスで数値を設定できます。(0~100) 同じ動きをするターゲットでミック…
spineは長尺でイージングのあるアニメは苦手なようできれいに再現できず急に加速したり止まったりしてしまいます。参考動画①↓ https://moblogimage.tumblr.com/post/185677239518/httpofficemovehatenablogcom とくに最初と最後のゆっくり部分に違和感が残り…
英語が破滅的にだめなので[PhotoshopToSpine]の設定項目を勝手に日本語化しました。 単純に書き出しまでは確認済みです。やるのは＆やったあとは自己責任です！ [PhotoshopToSpine.jsx]をテキストエディタで開き、英語部分を検索して日本語に置換するだけで…
ゲーム開発などでアニメを作る際、クオリティのほかに画質を下げずに容量を小さく抑えるかということも重要になってくると思います。なるべく画質がよく、容量が軽くすむ画像分割の仕方について書きたいと思います今回は髪の毛を例えにしてみたいと思います…
下記記事の続きになります！ 太もも部分のメッシュが気になったので修正です！ before ↓↓↓↓↓↓↓after ①の胴体部分ほど不便さは感じないのですが膝部分のメッシュの少なさが気になったので増やしました。太ももは布で隠れるので、もっとシンプルでもよいかもし…
初めてspineで制作したアニメーションを久々に見返したところメッシュや変形アニメーションで改善できる部分が見つかったので過去の自分の作品から、どう改善した方がよいか？という事を記事にしていきたいと思います。初期作品(2016年11月)▽▽▽ まずは、素材…
spineのメッシュ変更に新しい項目ができたので、それについて書きたいと思います！（ver 3.7） 新しく追加された項目は「三角形」「減光」「分離」の3個です。 ◆三角形内部のエッジをみやすくするために、三角形の線を非表示、表示します。 丸いものなど立体…
下記ブログの追記で、Adobe Animate CC の効果がAdobe Aftereffectでも適応されるのかを確認しました。Animate でピンクの●に[スクリーン]効果を付けたものSWF書き出しは、このように表示されました。 Aftereffectでflaファイルを読み込みました。効果は反映…
いつもはspineの機能紹介がメインですが 今回は､Adobe Animate CCを使って動画(mp4)を制作する際に気を付けるポイントを説明したいと思います。---------------------------------------------------------------- ◆制作使用ソフト◆Adobe Animate CC (制作) …
このスクリプト PhotoshopToSpine は、Photoshopでレイヤーを画像として書き出し、Spineで同じ位置、同じレイヤー順で取り込むJSONを書き出すことができます。spineの制作準備段階、時間短縮で必須となってくるので是非参考にしてください！ 同じ機能ような…
以下の記事でゴーストの使い方を説明しました｡アニメーションの流れがおかしくないかどうか(アニメ全体の曲線が綺麗に流れているか)などを見るのに便利ですが始点と終点を見たいときなどにも便利です｡ この飛んでいくクナイに こういうエフェクトを付けたい…
アニメーションの流れが見たいとき、終着点の位置が解りにくいときに軌跡を表示させるゴーストという機能があります。flashなど他のソフトでは｢オニオンスキン｣とも言われますね! 前、後、現在のフレームを表示させる事ができます。 ビュー→ゴースト化から表…
spineのショートカットキー(ホットキー)を設定する方法です。ショートカットキーは設定されているので確認＆設定できる場所を書きます。 spineのメニュー→設定→ホットキー→開くを選択。 テキストファイルが出てくるのでショートカットキー部分を変更すれば自…
トランスフォームコンストレイントについて 簡単に言うと。設定したボーン同士が連動して動くようになります！ ●設定元が右に行ったら右に行く。左に行ったら左に行く。 ●反対方向にも。左に行ったら右右に行ったら左 …ということができます。(今回は基礎で…
spineの特徴はメッシュが打てる点だと思いますがどうやってどう打ったらいいのか？で最初時間が掛かる気がします。考え方としては、この絵が3D化したらどんなポリゴンになるか。を意識して打つのが基本かと思います。 ※2秒ごとに切り替わります。
キャラクターのボーンは色を変えると管理しやすくなります。例としては、右側がピンク、中心がブルー、左側が赤など。 ボーンを選択し。カラー部分を選択すると変更することができます
以下の動画のように、キャラが持っている武器や装備を切り替えることのできる機能を紹介します。 ①SETUPのツリー「スキン」→「新規スキン」から作ります ②名前を付けます ③武器分の数を作ります(今回は2個) ④武器を置きたいボーンに、「スキンプレースホルダ…
この水の入ったボウル水部分を動かそうとすると、 ボウル前面、水、その奥と3枚の画像が必要になるかと思うのですが陰も使用してないし、めんどくさいのでこの1枚だけで済ませたいと思います。 上記のようにメッシュを打ちます。線画がくっきりしているので…
ボーンにウエイト適用し、変形させます。メッシュで手付けは、ボーンに限界を感じた微調整部分のみやっています。 応用としては、杵の向きを変えたりもできます制作環境：Windows10 Spine 3.6.47
ボーンを作った後に、長さを変えたくなったり位置を変えたくなった時はボーンツール状態で、変えたいボーンを選択し、[ALT]を押したまま引き直す事ができます 制作環境：Windows10 Spine 3.6.47
制作環境：Windows10 Spine 3.6.47下の餅つきアニメですが、画像切り替え、メッシュ変形を使用して作っています。それについて解説記事を書いたらつなげていきたいと思います！◆このアニメのtips!まとめ◆ ・スロットに画像複数入れて切り替える(予定) ・ボー…
メッシュを編集しているときに、重なっている部分が見えなくて打ちづらい場合[Tab]を押すとメッシュ編集中のオブジェクトのみ表示されます。 追記（2019/05/21）新しいバージョン（3.7）にてメッシュが打ちやすくなったのでご参考ください！ officemove.hate…
揺れ物の簡単な作り方紹介します。即席サンプルで作ったハムスター。 Before ↓↓↓↓↓↓↓↓After 揺れ方が自然に見える調整のしかたです。 ------------------------------------------------------------------------------------------------マフラーをとりあえ…
下の記事で、歩いているアニメを制作したので今回は走っているアニメを制作しました。 地面についている時間は最低限に、ポイントとしては、背骨を波打つように調整するのがよいと思います。背骨のみのタイムラインです。 しなるようなアニメにしたいので髪…
