WEB制作・開発

書き出し可能形式 Adobe Animate CC 4

北野敦子
北野敦子
2020/03/12 10:58

はじめに

前回まではアニメーションの作成方法をご案内してきました。 今回はAdobe animate CCがどのようなファイル形式に描き出せるかをご紹介していきます。

複数のフレームを順に表示する形式。また、アニメーションGIFとしても保存できます。

Adobeの製品での作成可能なマルチメディア形式です。 ベクター画像やそれを使用したアニメーション、音声などのデータを扱うファイルです。

JPGシーケンスおよびJPGイメージに保存します。 GIFと同様、静止画をナンバリングして切り替えながら表示させる際にも使用します。

PNGシーケンス、PNGイメージに書き出しできます。 GIFと同様、静止画をナンバリングして切り替えながら表示させる際にも使用します。 PNGをさらにAPNG Assemberなどで書き出すことで、高画質な透過性の高いアニメーションを作成可能です。

Quick timeのムービーファイルの拡張子です。 一般的な動画にあたります。

★.HTML5へのパブリッシュ

HTML5 Canvasのドキュメントとしてデータを作成できます。 また、javaスクリプトをHTML5ファイルに埋め込めることも可能です。 ファイルの新規作成時にHTML5 Canvasを選択します。

それぞれのAdobe Animate ccの書き出しは、adobeマニュアルからも確認することができます/。

まとめ

今回はAdobe Animate CCで書き出すことのできる拡張子(Windows/Macともにできるもの)をまとめました。 それぞれの拡張子がそれぞれの目的に特化しているので、制作したAdobe Animate CCファイルを最終的に書き出す方法については用途に合わせて選択する必要があります。 今回でAdobe Animate CCの回は一旦完了です。ベーシックな操作方法のみをご紹介しましたが、まだまだたくさんできることがあるので興味のある方はぜひ触ってみてはいかがでしょうか。

まとめ

これで、ステージ内をバウンドするてんとう虫が完成しました。
さらに次回はこのアニメーションの追加の動作として、てんとう虫の表情の切り替えを加え、アニメーションの書き出しまでを行っていきたいと思います。

著者:MainYard Design(メーンヤードデザイン) 北野敦子

kitano

1987年大阪出身。
生活する上で必ず目にするデザインされたものたち。 街を歩くだけでも無限の魅力があふれています。 ある日ふとそれらに魅了され別業界からデザイナーへ転身。 関西を中心にグラフィックデザインからブランド戦略提案などを展開中。
2012年タイポグラフィ作品展「OKU-2」出展。第31回読売広告大賞協賛社賞受賞。

※KOBITブログでは、定期的に北野敦子さんに記事を寄稿していただいております。
デザインに関するものを中心に、役立つ記事を数多く提供していただいておりますので、ぜひ他の記事もご覧ください。
北野敦子さんによる寄稿記事を読む

納品物クオリティーのアクセス解析レポートを1分で。

Google Analytics・Search Consoleから
わかりやすいPowerPoint・Excelレポートを生成

report
HOMEKOBITブログWEB制作・開発書き出し可能形式 Adobe Animate CC 4