Photoshopで
R アニメーションパネルを使用すると、非常に優れたアニメーションを作成できます。 Web GIFアニメーション以外の方法でそれらを使用できないことは、ほとんど残念です。数か月間、Photoshopアニメーションのフレームをスプライトシートに変換するスクリプトを探してきました。
スプライトシートは、モバイルプロジェクトでアニメーションを使用する1つの方法です。メモリに読み込まれるのは1つのpngだけなので、ムービークリップよりもメモリ効率が高くなります。モバイルアプリ開発の爆発的な増加に伴い、スプライトシートは非常に人気があります。
RA Animation ExporterはPeter Jones(Retro Affect)によって作成されました。ウェブサイトから無料でダウンロードできます。下記のリンクをご覧ください。ダウンロードしたzipには、作業を行うRA Animation Exporter v.1.2.jsxファイルがあります。 Jonesは、psdおよびpngファイルのサンプルも提供しています。
RA Animation Exporterスクリプトは、アニメーションの各フレームに含まれる可視レイヤーを1つのレイヤー画像にマージし、すべての結果の画像を新しい画像ウィンドウのグリッドに順番に配置します。この新しい画像は、pngテクスチャとしてデスクトップに保存されます。アニメーションパネルのフレームの高さ、幅、および数を使用して、スクリプトはpng画像の出力サイズを最も近い2のべき乗に決定します。これは通常、モバイルプロジェクトの要件です。優れた機能の1つは、処理されたPhotoshop画像に表示される可能性のある白いハロー効果をスクリプトがチェックして修正することです。
最良の結果を得るには、タイムラインモードではなく、アニメーションパネルのフレームモードで作業することをお勧めします。 [レイヤー]パネルのすべてのレイヤーのロックを解除する必要があります。また、[アニメーション]パネルに空白のフレームを含めることはできません。アニメーションには任意の数のフレームを含めることができ、キャンバスサイズは2の累乗にすることをお勧めします。
- Photoshopを開く前に、.jsxファイルをPhotoshopスクリプトフォルダーにコピーします。
アプリケーション/ Adobe Photoshop CS5.1 / Presets / Scripts /
- 通常どおり、Photoshopでアニメーションを作成します。
- イメージファイルをpsdイメージとして保存します。
- [ファイル]-[スクリプト]-[RA Animation Exporter v1.2]をクリックします。
- デスクトップで、ステップ3と同じ名前のpngを見つけます。
//retroaffect.com/blog/132/Photoshop_Animation_to_Sprite_Sheet/
Copyright 2018 Adobe 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の[a]登録商標または商標です。
動画の説明: Unity Game Effect - Sprite Sheet Maker Tool (NEW) (かもしれません 2024).