PhotoshopアニメーションをPNGシーケンスにエクスポート

• 四月 29, 2024

これまでのところ、非常にシンプルなPhotoshopを作成しました^R 6フレームのみのアニメーション。アニメーションを再生すると、ボールが画像ウィ​​ンドウの上部に移動し、突然下部に落下することがわかります。アニメーションのフレームをPNGシーケンスとしてエクスポートする前に、ボールのまともな部分を少し滑らかにする必要があります。ボールの落下により多くのフレームを追加すると、アニメーションはよりリアルに見えます。これを行うには、いくつかのフレームをコピーし、それらを逆に再生します。

1. アニメーションパネルでフレーム2〜5を選択し、パネルメニュー（右上隅のアイコン）から[フレームのコピー]を選択します。
   
   
2. フレーム6を選択し、パネルメニューから「フレームを貼り付け」を選択します。 [フレームの貼り付け]ダイアログボックスで、[選択後に貼り付け]を選択します。
   
   
3. 貼り付けたフレームはフレーム6の後に表示され、選択されたままになります。パネルメニューから「フレームを反転」を選択します。
   
   

これで、アニメーションに10フレームが追加されました。アニメーションを再生すると、ボールは同じ速度で上下に移動します。

アニメーションファイルをデフォルトのPhotoshop形式でball.psdとして保存します。

次のタスクは、アニメーションのフレームをシーケンス内の個々のPNGとしてエクスポートすることです。 .2 fpsのフレームレートは元のアニメーションには適していましたが、エクスポートプロセスではこれを1 fpsに変更する必要があります。

1. アニメーションパネルで、10フレームごとに.2秒を1秒に変更します。
   
   
2. アニメーションパネルでフレーム1を選択し、[ファイル]-[エクスポート]-[ビデオのレンダリング]をクリックします。
   
   
3. [ビデオのレンダリング]ダイアログボックスの[場所]セクションで、PNG画像の保存先フォルダーを選択します。必要に応じて、PNGをサブフォルダーに自動的に配置できます。
   
   
4. [ファイルオプション]セクションで、[イメージシーケンス]を選択し、タイプをPNGに設定します。デフォルトの0の開始番号を保持し、Digitsを1に設定します。これにより、出力PNGの名前がball0.png〜ball9.pngになります（先行ゼロなし）。
   
   
5. デフォルトのサイズはドキュメントサイズに設定したままにします。チュートリアルの最初に設定したとおり、これは256 x 256でなければなりません。
   
   
6. [範囲]セクションで、[すべてのフレーム]を選択して、アニメーションからすべてのフレームをエクスポートします。
   
   
7. [レンダリングオプション]セクションで、アルファチャネルを[なし]に設定したまま、フレームレートを1 fpsに設定します。
   
   
8. [レンダリング]ボタンをクリックすると、出力フォルダーに10個のpngが表示されます。
   
   

これで、TexturePackerにインポートするためのPNGシーケンスができました。

←戻る|次へ→

Copyright 2018 Adob​​e Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの登録商標または商標です。

動画の説明: Photoshop CC 2017 Export to MP4 file (四月 2024).