Photoshopを使用してアニメーションGIFの複製フレームを最適化する方法


10

私はシネマグラフと呼ばれる手法を実験しています。この手法は、シーンのごく一部のみがアニメーション化されるアニメーションGIFを作成します。これが私が作った簡単なものです:

ここに画像の説明を入力してください

これまでのところ、Photoshopはシーンの静的な部分を圧縮することでうまく機能しています。可動部分のみをマスクすることにより、数メガバイトを節約できます。

ここに画像の説明を入力してください

Photoshopがうまく最適化していないのは、複製されたフレームです。シームレスなループを得るために、すべてのフレームを複製して反転します。上記の例では、ニュースキャスターは左を向き、元の位置に戻る必要があります。これにより、GIFのサイズは常に2倍になります。静的領域を最適化するように、複製されたフレームを最適化するようPhotoshopに指示するにはどうすればよいですか?タイムラインパネルのメニューで、[アニメーションの最適化]オプションをすでに使用しましたが、何もしませんでした...


Photoshopに「重複したフレーム」を表示するメカニズムはないと思います。フレーム間で類似したピクセルが見えるだけです。それでも、前のフレームと次のフレームだけを信じています。
スコット

@Dominic CSS / JSを制御できなくなります。これらのgifを他のサイトに投稿します。スコット:PSが静的部分と動的部分をどのように分割するか知っていますか?境界ボックス(円、三角形など)ですか?いくつの動的領域が許可されていますか?その他...
ジョジョ

回答:


3

あなたの質問を理解したら、あなたは5フレーム(と言わせてください)のアニメーションを持っています。フレーム1と5、2と4は同じです。したがって、PhotoshopでGIFを1、2、3、2、1のように再生する必要があります。

残念ながら、これはアニメーションGIFでは不可能です。Gifsは、データをストリーミングできるように構築されており、データが読み込まれると次のフレームを順番に表示します。最初のフレームはグローバルと見なされ、そのデータは後続のすべてのフレームで使用できます。したがって、最初のフレームがベースを設定し、次に「最適化アニメーション」が最初のフレームを超えるフレームで同一のピクセルを透明にします。したがって、前のフレームを再生する方法はありません。たとえフレームが現在のフレームと同一であっても、それらを実行する必要があります。ウィキペディアよりも詳細に説明しています。

ずっと前に、JavaScriptとjpgの番号付きシーケンスを介して探しているものに似た(メニューを見て)何かをしました。スクリプトはマウスオーバーで画像1-10を再生し、マウスアウトで10-1を再生します。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.