Ver.6に対応した補助ツールです。5をご利用の方は「PSDtoSS」のページをご覧ください。「PSDtoSS6」はPSDで作成されたイラストから自動でセルマップを作成し、SpriteStudioで読み込みができるようコンバートする便利なツールです。作成したイラストのセルマップ化~レイアウトを自動で行うため、大幅に作業を短縮することができます。Ver.1.2.5をリリースいたしました。詳細はGitHubのissuesをご確認ください。6を利用することで、さまざまなメリットがあります。冒頭にも書いた通り、PSDtoSS6を活用すると大幅に作業手順を短縮することができます。SpriteStudioでアニメーションを作成する場合、ssce(セルマップファイル)が参照するためのテクスチャ画像を事前に作成するSpriteStudioでssce(セルマップファイル)を作成し、セルを登録する登録したセルをレイアウトに配置する。いう事前準備が必要ですが、PSDtoSS6を活用することで、上記の手順をすべて自動化することができます。テクスチャ画像を作成する際に配置をミスしてしまう...といった手戻りもありません。ssce(セルマップファイル)の容量の削減PSDtoSS6は、パーツをギュウギュウに詰め込むため、画像容量やssce(セルマップファイル)の容量を削減することができます。セル間の余白も自由に設定できるので、PVRTCやETCのように、近接ピクセル同士で圧縮結果に影響するような圧縮テクスチャの使用にも対応することが可能です。Ver.6で使用しているセルマップを修正すると、psdは修正せずに、直接セルマップ自体を修正するか、psdを修正したあとにセルマップを作成し直す必要がありました。PSDtoSS6を使用すると、psd修正後のセルマップ作成・上書きを簡単に行うことができるため、元となるpsdとセルマップのデータ状態が食い違うといった事態を改善することができます。Ver.6に対応したPSDtoSSです。従来のPSDtoSSとは以下のような違いがあります。セットアップデータを設定します。従来はアニメーションデータのみを設定しましたが、ssaeをコンバートした際、セットアップデータも同時に設定を行います。5では使用できません。作成されたキーのアトリビュートは新規作成時のデフォルト値で設定しているアトリビュートを反映します。色漏れ対策を行います。ssce・テクスチャのコンバートを行った際に、テクスチャの色漏れ対策を行うように改修を行いました。セル間余白+セル内余白の値を1以下でコンバートした場合、色漏れが発生してしまう可能性があります。設定ファイルを読み込み、コンバートしたsspjに「新規作成時のデフォルト値」を反映します。環境設定ファイル(SsOption_v6.ssop)から新規作成時のデフォルト値を取得します。そのため、都度プロジェクト設定をし直す必要がありません。メッシュセルに設定したメッシュ形状が維持されます。PSDtoSS6を使用することで、メッシュセルに設定したメッシュの形状を維持して生成を行います。6の基本的な使い方を解説します。6を利用を使用するにあたり、事前に準備を行います。6のダウンロードまず、Githubからダウンロードを行ってください。6「PSDtoSS6_Setup.exe」を無事ダウンロードしたら、exeをダブルクリックし、インストールを行ってください。一式がインストールされます。セットアップ時にインストール先を変更していない場合、以下の場所に作成されます。アプリケーション¥PSDtoSS6使用している画像編集ソフトにスクリプトを組み込む「PSDtoSS6」の中に格納されている「script」フォルダの中に、スクリプトのファイルが含まれているため、これを使用している画像編集ソフトにコピーします。バージョン番号¥Presets.localized¥ja_JP¥スクリプトスクリプトを使用して中間データを出力psdから直接コンバートすることも可能ですが、psdにてフィルター、スタイル、レイヤーマスクなどを使用している場合、スクリプトを使って中間データを出力してからコンバートを行ってください。SpriteStudioにインポートしたいpsdをPhotoshop®で開きます。パーツ分けと、レイヤー名の指定を半角英数字で行います。レイヤー名が重複してしまうとエラーが出てしまうため、ご注意ください。psdの準備が完了次第、Photoshop®の「ファイル」メニューから「スクリプト」を選択し、「(Ps)PSDtoSS6_Export」を選びます。変換が終了すると、変換元のpsdが格納されているフォルダに、SpriteStudioにインポートするためのデータが出力されます。GUI」を開き、SpriteStudio用のデータを出力します。「PSDtoSS6」のフォルダ内の「PSDtoSS6GUI.exe」を起動します。起動すると、ウィンドウが立ち上がります。GUIの「コンバートファイル」にドラッグアンドドロップします。出力先やテクスチャサイズなど、必要な項目を設定した後、「コンバート開始」ボタンを押してコンバートを開始します。コンバートに成功すると、ssceと参照イメージが自動生成されます。「ssaeを出力する」「sspjを出力する」にチェックを入れると、指定したファイルも併せて自動生成されます。完成したデータを開くと、Photoshop®上のレイアウトのままSpriteStudio上へ反映されます。これでPSDtoSSを利用したSpriteStudio用データの作成は完了です。画像編集ソフトで作成したデータに基づき、レイアウト、セル登録が完了しているためアニメーションを編集していくところから作業を開始できます。psdから直接コンバートを行うPSDtoSS6は、psdを直接コンバートすることもできます。フィルター、スタイル、レイヤーマスクなどを使用している場合、スクリプトを使って中間データを出力してからコンバートを行ってください。中間データ同様、コンバートを行いたいpsdをGUIのコンバートファイルにドラッグするだけで指定が可能です。設定も中間データからのコンバートと同様にご利用いただけます。ピクセル幅を指定してセルを配置する8ピクセル単位、32ピクセル単位など、固定のピクセル幅を指定してセルを配置したい場合、「セル配置間隔」「セルマップ縁幅」に同じ数値を指定することで、固定のピクセル幅に合わせてセルを配置することが可能です。指定数値に設定してください。セルマップ縁幅とセル配置間隔を32に指定します。すると、32ピクセル幅を基準にしてセルの配置を行います。SpriteStudioのセルマップウィンドウで、グリッドサイズを32に指定し、グリッドのスナップ機能を有効にすると、セルを扱う際に便利です。※下図のグリッドサイズは32に設定しています。ユーザーガイドここではスクリプトやGUIの各種機能について説明しております。スクリプトPSDtoSS6には「png」を出力するスクリプトと、「原点レイヤー」を作成するスクリプトの2種類が格納されています。Ver.6用データに変換するのに使用します。Ver.6用データ生成に必要な情報を記載したデータとして出力します。セル出力制御レイヤー名の先頭に「@」を付ける事でpngの出力を行わないようにする事ができます。作業用のレイヤーなど、セルに反映させたくないレイヤーにご活用ください。原点レイヤー機能レイヤー名の先頭に「+」をつけると「原点レイヤー」となります。Ver.6に反映させた際、原点レイヤーの画像の中央が原点となります。「+head」レイヤーの画像の中央が「head」セルの原点に設定され、配置されます。この機能を活用することで、psd上で原点を指定できるので、画像のサイズが変わった際に原点がずれてしまうことを防ぐことができます。本機能は、コンバータ上で「原点レイヤー適用」にチェックをいれることで有効となります。基本的にレイヤーひとつひとつをパーツとして扱い、切り出していきますが、レイヤーがグループになっている場合は、グループ内のレイヤーをひとつのパーツとして出力します。レイヤーと同様に、レイヤーグループも名前の先頭に「@」を付けるとそのグループは出力されません。Generator対応レイヤー名に「.」が使用されていた場合、セルに変換する際に「_」に置換を行います。Ver.6はセル名に「.」を使用できないため、「_」に置換します。rootパーツ位置設定機能レイヤー名に「root」をつけると「root位置設定レイヤー」となります。Ver.6のレイアウトの基準点にくるように各パーツを配置して出力します。本機能を使用する際はコンバートをする際に「rootレイヤー適用」にチェックをいれて有効にする必要があります。使用上の注意psdのファイル名に全角を使用することはできません。Ver.6用のデータにした際に、正常に動作しない場合があります。レイヤー名に全角を使用することはできません。重複するレイヤー名を使用することはできません。同じレイヤー名が重複しているとコンバートできません。レイヤー名に「#」は使用できません。キャンバス外の部分を出力する場合は、上下左右に同じ幅キャンバスを広げて出力してください。原点レイヤーの生成を行います。Ver.6に反映させた際、原点レイヤーの画像の中央が原点となります。原点レイヤー自動作成機能PSDtoSS6の付属のスクリプトを実行する事で、先頭に「+」の付いたレイヤーを自動生成する事ができます。Photoshop®のファイルメニューから、スクリプト内の「PSDtoSS6_GeneratePivotLayer」を実行してください。スクリプトを使用する前に、原点レイヤーが存在するレイヤーに関しては、原点レイヤーの生成を行いません。重複するレイヤー名は使用できません。同じレイヤー名が重複しているとコンバートできません。レイヤー名に全角は使用できません。レイヤー名に「#」は使用できません。Ver.6用データを出力します。Ver.6用データを指定フォルダへ出力します。「原点引き継ぎ機能」が選択式になりました。使用する際は「ssce読み込み」にチェックを行って使用してください。コンバートを開始する際に、出力フォルダの中に、出力するssceと同名のssceがある場合、データの読み込みを行います。コンバートを行うテキスト内に、同名のレイヤーが存在した場合、読み込んだ原点情報を使用して出力を行います。存在しない場合、原点はセルの中央に設定されます。読み込みを回避したい場合、事前に出力フォルダを変更するか、該当するssceを削除してください。出力フォルダに、出力するssceと同名のssceがある場合は、データ読み込みを行います。読み込みを行ったssce内でセル名には存在するものの、コンバート用に読み込んだデータ内に同名のセルが存在しない場合、16×16サイズの透明セルとして処理を行います。基準枠の設定コンバートしたssaeの基準枠はpsdのサイズを元に、偶数にするように調整を行います。1439×1496のpsd画像をコンバートした場合、偶数にするために切り捨てを行い、基準枠は1438×1496となります。「テクスチャ幅」「テクスチャ高さ」を「Auto」に設定すると、最も余白が出ない2のべき乗のテクスチャサイズになるようにパッキングを行います。片方を「Auto」に、片方に数値を設定した場合、数値の設定を優先し、Autoのほうはその設定数値に合わせて最適なテクスチャサイズになるようパッキングを行います。使用上の注意テクスチャは1枚のみ生成されます。1枚に収まらない場合はエラーとなりコンバートは行えません。すべて透明のレイヤーは16×16サイズの透明セルとして登録されます。グレースケール画像は使用できません。Photoshopメニュー「イメージ」の「モード」→「グレースケール」にチェックが付いている画像はコンバート時にエラーとなります。RGBカラーに設定して画像を作成してください。psdのファイル名に全角は使用できません。全角を使用するとコンバートに失敗する場合があります。半角英数字でファイル名は設定してください。Ver.6で編集しつつPSDtoSSでセルマップを更新する等、並行して作業を行うと、上手く更新が反映されない場合があります。Ver.6とPSDtoSS6で同一のファイルを同時に編集しないようにしてください。セル間余白+セル内余白の値が1以下のとき、色漏れが発生する可能性がございます。ご注意くださいますようお願いいたします。(出力ログの冒頭に「セル間余白+セル内余白が1以下に指定されている場合、色もれが発生する可能性があります」と表示されます)PSDtoSS6のウィンドウについてコンバートファイルこの欄にスクリプトを使って生成したコンバート用データかpsdをドロップすることで、ssceにコンバートを行うファイルを設定することができます。ファイル追加エクスプローラを開き、そこからコンバートを行うファイルを選択することができます。リストの読み込み「リストの保存」で保存した、コンバート情報ファイルのリストを読み込み、コンバートファイルに設定します。リストの保存コンバートファイルにドロップしているファイルの一覧を、「リスト」としてtxt形式のファイルに保存します。キャラクターのアニメを複数作成したい場合、複数のファイルをコンバートする必要がありますが、修正が発生した場合、何度もコンバート情報ファイルをドロップする手間が発生します。リストとして保存することで、コンバート情報ファイルをひとつひとつドロップする手間がなくなるため、便利です。リストクリアコンバートファイルの設定をクリアします。出力フォルダ選択SpriteStudioの形式にコンバートしたファイルの出力先フォルダを設定します。設定したフォルダは「出力フォルダ」欄に表示されます。出力する画像の横幅を選択します。手動で任意のサイズを入力し、設定する事ができます。Autoを選択すると、2のべき乗から最適なサイズを決定してテクスチャ幅を設定します。出力する画像の縦幅を選択します。手動で任意のサイズを入力し、設定する事ができます。Autoを選択すると、2のべき乗から最適なサイズを決定してテクスチャ幅を設定します。優先度設定レイアウトにパーツを配置する際に、設定した数値の間隔で優先度アトリビュートの値を設定します。この設定により、psdのレイヤー順になるように、パーツの表示順位を設定します。セル配置順セルマップ用のテクスチャ画像を作成する際に、パーツをどのように詰めていくかを、4パターンの中から選択します。nameパーツ名のアルファベット順にパーツを詰めていきます。Sizeパーツの面積が大きいほうからパーツを詰めていきます。Widthパーツの横幅が大きいほうからパーツを詰めていきます。Heightパーツの縦幅が大きい方からパーツを詰めていきます。セル間余白セルマップ用のテクスチャ画像に出力した際の、セル間の余白サイズを設定します。50と入力して出力すると、セルとセルの間に50ピクセルの余白を作って配置を行います。セル内余白セルと図柄の間に余白を設定します。余白のサイズは上下左右、すべてのセルで同一です。指定したピクセル間隔の倍数でセル配置座標が設定されます。50と入力して出力すると、セル配置の座標間隔が50ピクセルの倍数座標になるようにセルを配置します。セルマップ縁幅と合わせて使用することでグリッドサイズに合わせてセルを詰めることが可能です。詳しくはこちらをご覧ください。セルマップ縁幅セルマップの縁(ふち)の幅を指定することができます。ピクセル単位で設定することができます。50と入力して出力すると、セルマップの周りに50ピクセルの余白があるセルマップを生成します。セル配置間隔と合わせて使用することでグリッドサイズに合わせてセルを詰めることが可能です。詳しくはこちらをご覧ください。基準枠サイズコンバートしたファイルの基準枠のサイズを設定します。以下二つ、いずれかから指定できます。Defaultプロジェクト設定の初期設定値で指定した基準枠のサイズに設定します。SizeコンバートするPSDのカンバスサイズを基準枠のサイズに設定します。ssae出力チェックを入れると、コンバートを行った際にssaeが作成されます。同名のssaeが存在している場合、「sspj、ssae上書き」もチェックを入れ、設定を有効にすると、上書き保存を行います。sspj出力チェックを入れると、コンバートを行った際にsspjが作成されますすでに同名のsspjが存在している場合、「sspj、ssae上書き」もチェックを入れ、設定を有効にすると、上書き保存を行います。sspj、ssae上書きsspj、ssaeを出力するように設定している場合、この項目にもチェックを入れて有効にすることで、出力の際に同名のファイルに対し、上書き保存を行います。親NULLパーツ追加コンバートの際に、各パーツの親にNULLパーツが作成されます。原点レイヤー適用チェックをいれることで、原点レイヤーの機能を有効にします。原点レイヤーとはpsd等でレイヤー名の先頭に「+」を付けたレイヤーを指します。Ver.6に反映させた際、原点レイヤーの画像の中央が原点となります。Ver.6のレイアウトの原点にくるように各パーツを配置して出力します。「root位置設定レイヤー」とは、レイヤー名を「root」に設定したレイヤーを指します。(座標情報のみが反映されるため、画像は出力されません)ssce読み込み有効にすると、コンバート実行時、出力フォルダに存在するssceを読み込み、状態を引き継ぎます。現在設定しているPSDtoSS6の設定を保存します。GUIが保存されているフォルダにある「config」というファイルを削除してください。その際に「出力フォルダ」以降の「設定」のパラメータを保存し、次回起動時にも設定が引き継がれます。バージョンアップ情報PSDtoSS6の更新の詳細は、GitHubのissuesをご確認ください。現在の最新版はVer.1.2.5となります。使用されて、画像更新がうまくいかない場合はこちらをご確認ください。5で作ったsspjをVer.6で読み込んだら意図しない汚れが表示される参照イメージ画像の色漏れについて解説しています。同じアニメーションで、衣装違いなどのバリエーションを作りたい同じアニメーションで、衣装違いやキャラクター違いのバリエーションを作る方法を紹介しています。キャラクタアニメーションを画像差し替えでキャラ変更したい画像を差し替えてアニメーションのバリエーションを作成する方法を解説しています。検索する範囲を指定することができます。