アニメーションGIFのすべての「レイヤー」に背景画像を追加することはできますか?


8

背景が透明なアニメーションgifがあり、背景画像を追加したい すべてのレイヤーにます。

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

すべてのレイヤーに個別に追加せずにそれを実現するにはどうすればよいですか?


1
2つの画像をHTML / CSSにスタックできます。
スコット

オプションです。ただし、1つの画像のように使用したいです。
Manolo 2013年

multi-layers-merger拡張機能はあなたのために機能しましたか?
ライアンラーチ2014

回答:


7

GIMPでは、multi-layers-merger拡張機能を使用して、次のことが可能です。

(オリジナル) http://registry.gimp.org/node/26135

(アーカイブされたプロジェクト) https://github.com/pixlsus/registry.gimp.org_static

(そのプロジェクト内のプラグイン拡張の場所) https://github.com/pixlsus/registry.gimp.org_static/tree/master/registry.gimp.org/files/

拡張機能をインストールしてから

  1. アニメーションと同じサイズの新しい画像を作成し、背景画像を新しい画像の単一レイヤーに配置します。

  2. [レイヤー]> [マルチレイヤーの統合]に移動します

  3. 「アクティブなレイヤーのみを使用」を除くすべてのオプションの選択を解除します。これは、背景画像のアクティブなレイヤーのみをマージすることを意味します。

  4. [マージする2番目のイメージ]ドロップダウンが、アニメーションフレームが含まれているイメージであることを確認します

  5. [OK]をクリックすると、各フレームの背景に新しい画像が作成されます。


いい発見!GD.SEへようこそ:)
Yisela 2014

これはもう有効ではないようです(ubuntuユーザー)
mazs 2017年

ライアンの答えはまだ私には有効だと思われます:Windows、GIMP 2.8
RichardG

引き続き有効です。Windows10、GIMP v2.10。GIMPを初めて使用するユーザー。
Steven_BDawg

1

Photoshopでの実行方法は次のとおりです。参考になると思います。

  1. まず、GIFを配置する安定した画像/背景を開きます。これは私のものです。クリックしてください。
  2. GIFを開きます。ファイル>インポート>ビデオフレームをレイヤーに。/ help imageファイル名に次のように入力します/ help image、gifを見つけ、ポップアップするこの小さなウィンドウで[OK]をクリックします。gifを既に開いている場合は、このステップをスキップできます(作成していたため、ここでgifチュートリアルを作成する方法を参照してください)。
  3. ウィンドウ>アニメーション。/ help imageこのようなものが表示されます。
  4. 今、あなたはgifに取り組んでいます。アニメーションウィンドウの右上隅にある線の付いたこの小さな矢印をクリックし、[すべてのフレームを選択]を選択します。/ help画像
  5. もう一度この矢印をクリックして、[フレームをコピー]を選択します。/ help画像
  6. あなたの背景に行きます。矢印をクリックして、フレームの貼り付けを選択します。/ help image小さなウィンドウがポップアップしたら、[選択範囲を貼り付け]をチェックする必要があります。/ help画像
  7. 次に、背景画像がすべてのフレームの下にあることを確認する必要があります。そのためには、すべてのフレームを1つずつ選択する必要があり、[レイヤー]ウィンドウで背景の可視性を確認する必要があります。小さな四角をクリックすると小さな目が表示されます。ここでは可視性がオフになっており、ここではオンになっています。すべてのフレームでそれを行います。
  8. 今こそあなたのgifを動かす時です。すべてのフレームとすべてのレイヤーを選択する必要があります(ただし、背景画像は除く!)、キーボードのCtrl + TをクリックしてGIFを移動します。/ help画像
  9. それで全部です。次に、gifを保存します。[ファイル]> [Webおよびデバイス用に保存]。/ help image 1 MB(1000 KB)より小さくなければならないことに注意してください

1
これはPhotoshop用です。私はGimpを使用しています。
Manolo 2013年

私たちは明らかに質問者を助けたいと思っていますが、質問を可能な限りソフトウェアに依存しないようにすることも試みているため、これは代替手段として完全に有効です。私たちが通常行っていないことは、リンクが死ぬため、リンクのみの回答を持つことです。そのため、私はあなたが言及したサイトからいくつかのコンテンツを追加しました。
Yisela 2014
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.