「Photoshop」でアニメーションフレーム簡単に保存する方法

「Photoshop」でアニメーションフレーム簡単に保存する方法
   

以前のPhotoshopでアニメーションに関する記事を書いたところ、コメントをいただいたきました。それは、アニメーションのレイアーを個別で保存するのを一回の作業でできるというものです。実際に試してみたところ非常に便利でしたので、このブログで紹介したいと思います。

おさらい

以前はアニメーションのフレーム毎に利用するレイヤーを表示して「保存」をしていたので、アニメーションのフレーム数が増えるととても手間がかかりました。

下記アニメーションの場合は8回保存をしなくてはいけませんでした。
スクリーンショット 2012 06 05 13 16 52

レイヤーの切り替えも結構面倒です。
スクリーンショット 2012 06 05 13 16 44

詳しくはこちらの記事を参考ください。
Photoshopでドット絵のアニメーションを作るために僕が実践していること。 | albatrus.com

語句の注意点
フレーム:アニメーションウィンドウの1パネル
レイヤー:レイヤーウィンドウの1パネル

複数のアニメーションフレームを一回の作業で全て保存する方法

今囘コメントいただいた方法を使えば、一回で全てのフレームを保存できます。

1、「ファイル」→「スクリプト」を選択する。
2012 6 5 rree

2、「レイアーをファイルへ書き出し」を選択する。
2012 6 5 rrree

3、アニメーションの保存先、ファイル形式を選択します。
オプションも色々選択できます。
2012 6 54

保存される際の名前は、上記の「先頭文字列」+下記の「レイヤー名」となります。
ですので、今後この画像を利用する際に名前を考えてください。
2012 6 5 ooll

4、実行すると、レイアー毎にファイルが保存されます。
2012 6 5 rree 2

オプションで「トリミング」を有効にしておけば、保存するときだけサイズを修正してくれるので、元のPhotoshopのファイルをいじる必要はありません。

2012 6 5 rrff
これは地味ですが、非常に便利です。


注意点

上記方法は、レイアーを保存する方法です。
スクリーンショット 2012 06 05 13 16 44


アニメーションフレームを保存する方法ではないので、もしアニメーションフレームを複数のレイアーで構成している場合、アニメーションフレームをレイアーに統合させます。

アニメーションフレームをレイヤーの統合方法

1,アニメーションウィンドウの下記赤枠を開きます。
2012 6 5 rree 3

2,「フレーム」をレイヤーに統合を押す。
2012 6 5 rrdd

3、そうするとフレームごとにレイヤーを作ってくれます。後はこれを保存するだけです。
2012 6 5rrrekj

<参考>
アニメーションフレームからファイルを書き出すことはできますか (Photoshop CS5)

コメント内容

スクリーンショット 2012 06 05 13 14 25

tamagoさんありがとうございました。

Related Posts Plugin for WordPress, Blogger...
photo by: youngdesign