Flash苦手な私でもAdobe Animate CC とCSS3 を使って、スプライトアニメーションが作れた【後編】 スプライトアニメーション作成編 ここからは「テストぼうや」をスプライトアニメーションにしてゆきます。 いろんな方法があるのですが、今回は [PNGシーケンスを書き出し] を使って作成します。 PNGシーケンスの書き出し ①「テストぼうやのシンボル」を右クリック⇒[PNGシーケンスを書き出し] をクリックします。 ②任意の場所に保存してください。 ③サイズはダイアログのままで大丈夫です。 ④指定した場所に、「テストぼうやのシンボル」のシーケンスがPNG形式で書き出されました。すべて334px×276pxで書き出されています。 Photoshopでスプライト画像を作成 ①Photoshop を起動し、[ファイル]⇒[新規作成]から下記のサイズでドキュメントを新規作成します。
![Flash苦手な私でもAdobe Animate CC とCSS3 を使って、スプライトアニメーションが作れた【後編】](https://cdn-ak-scissors.b.st-hatena.com/image/square/ef63d7a063e2794caffdabc6c115eae65f9aaf67/height=288;version=1;width=512/https%3A%2F%2Fblog.prophet.jp%2Fwp-content%2Fuploads%2F2016%2F04%2F20160418-1.jpg)