自動でボーンを作成するタグ：[bone] 「photoshop to spine」では、レイヤー名やグループ名に決められたタグを入れる事で、パーツを書き出す際に自動で様々な処理を行う事ができます。 どれも原画のパーツ分けやspineでの制作が効率化、省力化できるので活用…

付けたレイヤーを無視するタグ：[ignore] 「photoshop to spine」では、レイヤー名やグループ名に決められたタグを入れる事で、パーツを書き出す際に自動で様々な処理を行う事ができます。 どれも原画のパーツ分けやspineでの制作が効率化、省力化できるので…

photoshop to spineウィンドウの各項目の解説 photoshop to spineは、Adobe Photoshopのプラグインです。 イラストのレイヤーを1枚ずつPNG画像に書き出し、その画像をspineで配置するためのjsonデータファイルも自動で出力してくれます。 この記事では、phot…

photoshop to spineのタグ [merge] 「photoshop to spine」では、レイヤー名やグループ名に決められたタグを入れる事で、パーツを書き出す際に自動で様々な処理を行う事ができます。 どれも原画のパーツ分けやspineでの制作が効率化、省力化できるので活用し…

制作を便利にする独自のタグ 「photoshop to spine」では、レイヤー名やグループ名に決められたタグを入れる事で、パーツを書き出す際に自動で様々な処理を行う事ができます。 どれも原画のパーツ分けやspineでの制作が効率化、省力化できるので活用しましょ…

パーツ分けしたイラストを、自動で書き出すプラグイン photoshop to spineは、Adobe Photoshopのプラグインです。 イラストからパーツ画像を1枚ずつPNG画像に書き出し、そのパーツをspineで配置するためのjsonデータファイルも自動で出力してくれます。 プラ…

原画制作→Spineに取り込み→セットアップ→アニメーション Spineでの制作は、大まかに分けて 原画（イラスト）を制作 Spineでアニメーションを制作 という流れで行われます。 このうち１の原画制作は イラストを制作 描いたイラストを動かしやすいパーツに分け…

アニメーションが完成するまで Spineでの制作は、大まかに分けて 原画（イラスト）を制作 Spineでアニメーションを制作 という流れで行われます。 このうち１の原画制作は イラストを制作 描いたイラストを動かしやすいパーツに分ける Spineに読み込める形式…

ゲーム制作でよく使われる、アニメーション制作ソフト Spineは、主に2Dで描かれたイラストからアニメーションを制作目的で使われる、デジタルアニメーション制作ソフトです。 昨今、特にスマホ用ゲームにおいて、3Dモデルではなく2Dイラスト・2Dキャラクター…

ウェイトを自動で設定できる「自動」ボタン 複数ボーンのウェイトを、ワンボタンで自動的に設定できる アタッチメントに複数のボーンのウェイトを設定する時、「自動」ボタンを使用することで、ボーンの位置に応じたウェイト値を自動的に設定することができ…

ウェイトの大まかな調整にも微調整にも便利なスムーズボタン 「スムーズ」は頂点のウェイト値を自動で調整する機能 スムーズボタンを押すと、隣り合った頂点のウェイト値が自動で計算され、なめらかに変化していくように調整されます。 アタッチメントを選択…

「ダイレクト」は基本のウェイト調整モード ダイレクトは、マウスのドラッグ操作でウェイト値を直接増減できるモード ダイレクトモードを使うと、選択したメッシュ頂点のウェイト値を、マウスドラッグで増減させることができます。 使い方 ウェイトを調節し…

「追加」「取り除く」でウェイトを微調整 追加・取り除くモードは、指定した数値でウェイトを増減させる機能 「追加」「取り除く」モードを使うと、”強度”として設定した数値でウェイト％を増減させます。「追加」（旧バージョンではAdd）ではウェイト％を増…

「置換」は意外に便利な調整モード 置換モードは、指定した％にウェイト値を近づける機能 置換モードを使うと、ブラシでクリック/ドラッグした頂点のウェイト値を、あらかじめ設定した％に近づけることができます。 使い方 ウェイトを調節したいメッシュを選…

目当ての画像が選択しにくい時に便利な機能 画像がたくさん重なってクリックで選択しにくいとき、すばやく選択する方法が２つあります。 ツリービューからアタッチメントを直接選択する 不要なアタッチメントを、あらかじめ選択できないようにしておく 今回…

アタッチメントとは、表示される画像そのもの アタッチメントはSpine上で表示される画像そのものです。 素材pngの１枚ずつが、それぞれ１つずつのアタッチメントになります。 アタッチメントの機能 画像を表示する 用意したPNGの画像を表示することができま…

スロットは画像（アタッチメント）を入れる入れ物 画像（アタッチメント）を格納して、管理する役割を持つ Spineでは、画像（アタッチメント）は必ずスロットに入れた状態で管理されます。 スロットにはアニメーションで利用できる様々な機能があり、ボーン…

「ボーン」は絵に動きをつけるための骨 ボーンを動かすことで、絵に動きをつける ボーンには移動・回転・拡大縮小・ゆがみの動きをつけることができます。 腕や足、頭や髪の毛などにボーンを配置して動かすことで、キャラクターを走らせたり、ジャンプさせた…

Spineの基本：どうやって絵を動かすの？ Spineは、2Dの絵をアニメーションさせる事ができるソフトです。 用意したイラストに「ボーン」という自由に動く骨を設定することで、絵を動かします。この絵を動かせるように設定していく作業をセットアップと言いま…

Spineのスロットの表示方法「スクリーン」 Spineの「スクリーン」は、Photoshopの「スクリーン」、ClipStudioの「スクリーン」と同じ Spineのスロットのブレンド：表示方法には、「スクリーン」があります。 （旧バージョンのSpineでは「画面」） これと同じ…

Spineのスロットの表示方法「加算」 Spineの「加算」は、Photoshopの「覆い焼き（リニア）-加算」、ClipStudioの「加算（発光）」と同じ Spineのスロットのブレンド：表示方法には、「加算」があります。 （旧バージョンのSpineでは「加法的」） これと同じ…

Spineのスロットの表示方法「乗算」 Spineの「乗算」は、Photoshopの「乗算」、ClipStudioの「乗算」と同じ Spineのスロットのブレンド：表示方法には、「乗算」があります。 （旧バージョンのSpineでは「乗法的」） これと同じ見た目にするためには、レイヤ…

Spineのトライアル版（体験版）を手に入れる方法 「トライアル版のダウンロード」ページからダウンロードします。 国とOSを選び、ダウンロードしましょう。 Spine: トライアル版のダウンロード トライアル版でできる事 セットアップやアニメーション制作など…

Spineライセンスページのアドレスは重要 Spineの有料ライセンスを購入すると、アプリをダウンロードしたりライセンス認証コードを確認することができる、ライセンスページのURLアドレスが発行されます。 このアドレスは紛失しないようにしましょう。 ライセ…

Spineは初回の購入代のみで永続使用できる Spineの有料ライセンスは買い切り型なので、継続の料金は発生しません。 一度購入したライセンスはずっと使用できます。 Spine: Spineを購入 （売上50万米ドル以上の企業には専用の継続課金プラン「Enterprise」が…

Spine有料ライセンスの購入 Spineの使用には、有料のライセンスが必要です。 公式サイト「Spineを購入」から購入できます。 Spine: Spineを購入 個人の使用では「Professional」一択 安価なEssentialは、画像のメッシュ化やIKコンストレイント、トランスフォ…