【Spine】「ignore」photoshop to spineのタグ活用法

付けたレイヤーを無視するタグ：[ignore]

「photoshop to spine」では、レイヤー名やグループ名に決められたタグを入れる事で、パーツを書き出す際に自動で様々な処理を行う事ができます。

どれも原画のパーツ分けやspineでの制作が効率化、省力化できるので活用しましょう。

この記事では、[ignore]を説明していきます。

[ignore]の基本説明

グループかレイヤーにこのタグを付けると、そのグループ・レイヤーは無視され、出力されなくなります。

[ignore]の活用法

参考レイヤーや背景を削除する手間が省ける

画像を出力するとき、参考に置いたガイドや参考画像、背景などを出力されないようにしなくてはいけません。

このとき使用できる方法は主に３つあります。

1. 出力したくないレイヤーを手で削除する。
2. 出力しないレイヤーを非表示にして、photoshop to spineの書き出し設定で「ignore hidden layers」をONにする。
3. 出力したくないレイヤーに[ignore]タグをつける

このうちオススメするのは[ignore]をつける方法です。

なぜかというと、削除や非表示のミスが起こりにくい、作業用と統合用のPSDを分けなくていいという利便性があるからです。

ちなみにグループ名に[ignore]をつけると、その中のレイヤーは全て出力されないレイヤーになるので、さらに便利です。

ぜひ活用してください。

might-o-spine.hatenablog.jp

might-o-spine.hatenablog.jp

【Spine】photoshop to spineの項目解説

photoshop to spineウィンドウの各項目の解説

photoshop to spineは、Adobe Photoshopのプラグインです。

イラストのレイヤーを1枚ずつPNG画像に書き出し、その画像をspineで配置するためのjsonデータファイルも自動で出力してくれます。

この記事では、photoshop to spineのウィンドウの項目について、ひとつづつ解説していきます。

1. Ignore hidden layers

非表示になっているレイヤーを無視して、出力しないようにします。

2. Ignore background layer

背景レイヤー（photoshopで一番下に固定される下敷きレイヤー）を無視して、出力しないようにします。

3. Trim whitespace

レイヤーの何も描画されていない領域を自動で切り取って出力します。

オフにするとすべてのPNG画像がキャンパスサイズで出力されてしまいます。

通常はONにしておきます。

4. Write Sprite JSON

パーツの配置や表示順序を記録したjsonファイルを作成します。

このjsonファイルは、Spineで切り分けデータをインポートするのに使用します。

通常はONにしておきます。

5. Write template image

キャンバス全体を統合したテンプレート画像を、自動で1枚出力します。

6. Selection only

レイヤーウィンドウで選択状態のレイヤーのみが出力されます。

7. Scale

100%以外の値にすると、すべての画像が拡大・縮小されて出力されます。

8. Padding

PNG画面のフチが、描画されている絵のギリギリではなく、数値分の空白を追加した状態で出力されます。

0だとメッシュ化などがしにくくなるため、1か2にする事がオススメです。

9. Images

出力したPNG画像をどこに格納するかを指定します。

./images/

だと、PSDがあるフォルダに「images」というフォルダが作られ、そのなかにPNG画像がすべて格納されます。

格納するフォルダ名は自由に変更できます。

絶対パスを指定することもできます。

10. JSON

jsonファイルをどこに出力するかを指定します。

./

だと、PSDファイルと同じ場所に出力されます。

また末尾に〇〇.jsonと入力することで、jsonファイルの名前を指定できます。

（〇〇に好きな名前を入れる）

名前を指定しない場合、PSDの名前がjsonファイルの名前になります。

might-o-spine.hatenablog.jp

【Spine】「merge」photoshop to spineのタグ活用法

photoshop to spineのタグ [merge]

「photoshop to spine」では、レイヤー名やグループ名に決められたタグを入れる事で、パーツを書き出す際に自動で様々な処理を行う事ができます。

どれも原画のパーツ分けやspineでの制作が効率化、省力化できるので活用しましょう。

この記事では、[merge]を説明していきます。

[merge]の基本説明

グループにこのタグを付けると、グループの中身が統合された状態で、1枚の画像として出力されます。

[merge]の活用法

レイヤーを統合する手間が省ける

画像を出力するとき、通常はレイヤーをパーツごとに統合しなければいけませんよね。

実際にやってみると、この作業はけっこう面倒です。

さらに統合前のデータも残そうと思ったら、PSDファイルを２つに分けないといけません。作業用のファイルと、統合後の書き出し用ファイルです。

[merge]を使うと、こういう手間を省くことが出来ます。

いちいちレイヤーの統合をすることなく、作業用のファイルからいきなり出力することができるため、書き出し作業の手間を大幅に削減できます。

特にパーツを修正してもう一度書き出したいという時に上記の手間を省くことができるので、非常に便利です。

ぜひ活用してください。

might-o-spine.hatenablog.jp

might-o-spine.hatenablog.jp