アニメーションwebpでの出力方法

このページではSpriteStudioで作成したアニメーションをレンダリングしてアニメーションWebP出力を行い、動画を作成する方法を解説します。

アニメーションの基本的な作成方法については「はじめての方」にて解説しています。
また、各アトリビュートの解説については「アトリビュート」ウィンドウを、アトリビュートの整理方法についてはこちらをご覧ください。

基準枠の設定を行う
アニメーションWebPで出力を行う
圧縮タイプの違いについて
関連ページ

基準枠の設定を行う

出力時の画像の大きさは、基準枠で設定したサイズが基になります。
「レイアウト情報」ウィンドウで基準枠のサイズを指定することができます。

※ 基準枠の設定方法

SpriteStudio 7 ではレイアウト情報ウィンドウは初期状態では表示されておらず、タブによる切り替えで表示されるようになりました。

タブは画面の右下にあり、アトリビュートウィンドウとの切り替えとなります。

レイアウト情報ウィンドウが表示されましたら、基準枠の数値を設定してください。

「レイアウト」ウィンドウに基準枠を表示するにはを選択状態にしてください。
また、マスク機能を使用している場合は「マスクを有効化」を選択してください。

基準枠を表示すると、基準枠のサイズ外は黒く表示されます。
基準枠からパーツがはみ出てしまうことを防ぐために、基準枠は表示した状態で作成を進めることをおすすめします。

また、マスクの有効化をONにしていないと、マスクパーツがマスクされないまま出力されてしまいます。マスク機能を使用している場合は必ずONにしてください。

アニメーションWebPで出力を行う

アニメーションの作成が終わったら、レンダリング機能を使ってアニメーションWebP形式に出力します。

1.「アニメーション」メニューの「レンダリング」を選択します。
2.「レンダリング」ウィンドウを開きます。
3.「出力形式の変更」欄で「アニメーションWebPで出力」を選択します。
4.出力時の画像サイズを設定します。ピクセルで指定するか、比率を指定してください。なお、基準枠を512×512に設定して作成したアニメーションを、256×256に指定して出力した場合、50％に縮小された状態で出力されます。
5.出力形式を”アニメーションWebP”に設定した場合、出力オプションに設定項目が表示されます。右記の3つの圧縮タイプを選択できます。	圧縮タイプ：ロスレス(劣化なし、低圧縮) 数値の設定で圧縮率の変更が可能です。数値をの調整で、画像の圧縮が行なえますが生成速度は遅くなります。圧縮タイプ：ロッシー(劣化あり、高圧縮) 数値の設定で品質とサイズ、品質と速度の変更が可能です。数値をの調整で画像の生成圧縮率と変更品質の調整が可能です。圧縮タイプ：ミックス(フレーム毎に自動判定) フレーム毎に圧縮の調整が行われます。数値の設定で品質とサイズ、品質と速度の変更が可能です。数値をの調整で画像の生成圧縮率と変更品質の調整が可能です。 ※設定の違いによる表示差異については、「圧縮タイプの違いについて」をご確認ください。
6.「出力」ボタンをクリックすると出力を開始します。
7.出力が完了すると「出力先フォルダ」で指定したフォルダが表示されます。