このページではSpriteStudioで作成したアニメーションをレンダリングしてアニメーションPNG出力を行い、動画を作成する方法を解説します。
アニメーションの基本的な作成方法については「はじめての方」にて解説しています。
また、各アトリビュートの解説については「アトリビュート」ウィンドウを、アトリビュートの整理方法についてはこちらをご覧ください。
基準枠の設定を行う
出力時の画像の大きさは、基準枠で設定したサイズが基になります。
「レイアウト情報」ウィンドウで基準枠のサイズを指定することができます。
「レイアウト」ウィンドウに基準枠を表示するにはを選択状態にしてください。
また、マスク機能を使用している場合は「マスクを有効化」を選択してください。
基準枠を表示すると、基準枠のサイズ外は黒く表示されます。
基準枠からパーツがはみ出てしまうことを防ぐために、基準枠は表示した状態で作成を進めることをおすすめします。
また、マスクの有効化をONにしていないと、マスクパーツがマスクされないまま出力されてしまいます。マスク機能を使用している場合は必ずONにしてください。
アニメーションPNGで出力を行う
アニメーションの作成が終わったら、レンダリング機能を使ってアニメーションPNG形式に出力します。
1.「アニメーション」メニューの「レンダリング」を選択します。 | |
2.「レンダリング」ウィンドウを開きます。 | |
3.「出力形式の変更」欄で「アニメーションPNGで出力」を選択します。 |
|
4.出力時の画像サイズを設定します。 ピクセルで指定するか、比率を指定してください。 なお、基準枠を512×512に設定して作成したアニメーションを、256×256に指定して出力した場合、50%に縮小された状態で出力されます。 |
|
5.「出力」ボタンをクリックすると出力を開始します。 | |
6.出力が完了すると「出力先フォルダ」で指定したフォルダが表示されます。 |
これでアニメーションPNG形式の出力は完了です。
アニメーションPNGは、再生に対応している環境が限られています。
WEBブラウザ上で確認する際は以下のブラウザをご利用ください。
- FireFox
- Safari
- Google Chrome
関連ページ
- ドット絵をクッキリとレンダリングするには
レンダリングの際に、ドットのくっきりとした感じを残す方法について解説しています。
関連するウィンドウ
OPTPiX Labs Blog
- OPTPiX SpriteStudioを使用した「LINEアニメーションスタンプ」の作り方(前編)
- OPTPiX SpriteStudioを使用した「LINEアニメーションスタンプ」の作り方(後編)
アニメーションPNGの出力を実際に使用して解説しています。