【Animate】 Animateを使用したmp4書き出し

いつもはspineの機能紹介がメインですが

今回は､Adobe Animate CCを使って
動画(mp4)を制作する際に気を付けるポイントを説明したいと思います。
----------------------------------------------------------------

◆制作使用ソフト◆
Adobe Animate CC (制作) ver 19.1
Adobe Aftereffect(経由) ver 16.0.1
Adobe Media Encoder(変換) ver 13.0.2

----------------------------------------------------------------
制作したflaファイルをAftereffectのライブラリにドラックすると
読み込むことができます。

f:id:officemove:20190319144042p:plain

ダイアログが表示されます。
音声も組み込みたいときは[Import audio, if preset]をチェックしてください。

f:id:officemove:20190319145156p:plain

Adobe Media Encoderで書き出したいので
[コンポジション]→[Adobe Media Encoder キューに追加]でmp4変換します。

読み込む際にAnimateでの制作ルールを説明します。
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

●何が使えるのか
シェイプトゥイーンとグラフィックが使えます。

書き出しをして、比べたものを載せますので
参考にしてください。

◆Animateでswfを書き出したもの
f:id:officemove:20190319144407g:plain

この結果を目指してmp4書き出しをします。

◆Aftereffectでpm4を書き出したもの

f:id:officemove:20190319144635g:plain

ムービークリップ再生は適用されませんでした。

◆Aftereffectでpm4を書き出したもの

f:id:officemove:20190319144758g:plain

ムービークリップが適応されなかったため
グラフィックに変更した結果、適用することができました！

ムービークリップは使用せず
第一階層のみでアニメ制作をしましょう

●効果が使えるのか
下記記事で調べてみました。

【spine】PhotoshopToSpine

spine tips 技術

このスクリプト PhotoshopToSpine は、Photoshopでレイヤーを画像として書き出し、
Spineで同じ位置、同じレイヤー順で取り込むJSONを書き出すことができます。

spineの制作準備段階、時間短縮で必須となってくるので
是非参考にしてください！

同じ機能ようなもので｢Spine Layer ToPNG｣がありますので、
そっちは別の記事を参考にしてください！

ダウンロード場所(別サイトに飛びます)(英語)
https://github.com/EsotericSoftware/spine-scripts

◆◆実行方法◆◆
2通りあります

[PhotoshopToSpine.jsx]をPhotoshopのメニューバーもしくはツールバーにドラッグすると実行画面が開きます。
[PhotoshopToSpine.jsx][logo.png]をPhotoshopのフォルダーに入れるとPhotoshopの[ファイル]→[スクリプト]から実行画面が開きます｡

<例>
C:\Program Files\Adobe\Adobe Photoshop CC 2019\Presets\Scripts