アニメーション GIF は、あなたの現在の感情を表現する面白いソーシャル潤滑剤以上のものです。 GIF はオンラインで急速に拡散するため、メール ニュースレターや Instagram ニュース フィードで見られるものと同じように、ブランドの存在感を拡大したり、マーケティング キャンペーンを支援したりするのに最適です。
この場合、画像、透かし、さらには GIF などのオーバーレイを元の GIF に追加することが、ブランド認知を構築する上で非常に重要になります。
そこで、この投稿では、7 つの最高の GIF オーバーレイ エディタを紹介し、その優れた機能を使用して数分で GIF にオーバーレイを追加する方法についての使いやすいチュートリアルを提供します。
ここで学ぶ内容 :
アニメーション GIF にオーバーレイを追加する 7 つのベスト GIF オーバーレイ エディタ
また、ビデオに GIF を追加する方法もお読みください。
GIF 上のオーバーレイには、画像、ロゴ、透かし、さらにはアニメーション GIF を使用することもできます。オンライン GIF メーカーや Adobe Photoshop を含む 7 つの柔軟な GIF オーバーレイ エディタで実地テストを行った結果、次のことがわかりました。
1.フレックスクリップ
FlexClip は、機能満載のオンライン ビデオ エディターおよび GIF オーバーレイ メーカーで、GIPHY の最もホットな GIF アセットを統合しています。つまり、オンライン エディター内でファンキーな GIF やステッカーを直接検索できます。一方、JPGをサポートします。画像、オーディオ、ビデオ編集用の PNG、GIF、WEBP、BMP および MP4、MOV、WEBM、MP3。そのため、画像、ロゴ、または GIF を簡単にアップロードして、GIF にオーバーレイすることができます。誰にとっても使いやすいです。
オンラインの FlexClip GIF メーカーで GIF に GIF オーバーレイを追加します。
GIF にオーバーレイを追加するための FlexClip の優れた機能 :
GIF オーバーレイ メーカー内で、トレンドの GIPHY GIF や GIF ステッカーを直接検索して使用できます。
FlexClip GIF オーバーレイ エディター内で、トレンドの GIPHY GIF や GIPHY ステッカーを直接検索して使用できます。
GIF に画像または透かしをオーバーレイします (複数の画像オーバーレイも利用可能)
FlexClip GIF Maker で GIF に透かしを入れます。
GIF の上に GIF をオーバーレイします (複数の GIF オーバーレイも利用可能)
FlexClip を使用して、GIF 上に複数の GIF を追加します。
必要に応じて、複数の GIF を GIF にオーバーレイして、まばゆいピクチャー イン ピクチャー効果を作成したり、複数の GIF を並べて組み合わせたりすることもできます。
火、雪、ネオン、ボケ、雨、レンズ フレア、虹などの特殊効果オーバーレイを追加します。 GIF で。
GIF を面白い形に切り取ったり、回転したり、反転したりして、オリジナルの GIF に個人的な雰囲気を加えます。
スタイルを使用してオーバーレイ GIF をアニメーション化します。
GIF の長さ、不透明度、色を調整します。
FlexClip を使用して GIF にオーバーレイを追加する方法 :
ステップ 1
FlexClip にアクセスし、PC、携帯電話、Google ドライブ、One Drive または Dropbox、または Google フォトから GIF、画像、透かしをアップロードします。必要なキャンバスのアスペクト比を設定することもできます (16:9、1:1、9:16、4:5 または 21:9)。
画像と GIF を FlexClip にアップロードします。
あるいは、オーバーレイとして追加する GIF がない場合は、[写真] タブをクリックし、[GIF]> GIPHY から面白い GIF を検索し、タイムラインに追加し、ドラッグして画面いっぱいに表示します。
面白い GIPHY GIF を画面に追加します。
ステップ 2
画像または GIF を別の GIF にオーバーレイします。
メディア ライブラリに移動> 画像または GIF を選択> 「レイヤーとして追加」をクリック> 画像または GIF を別の GIF の上にオーバーレイできます。オーバーレイ GIF/画像/透かしを水平または垂直に反転したり、円、正方形、星、またはその他の好みの形に切り取ったりできます。
FlexClip GIF メーカーで GIF に GIF オーバーレイを追加します。
モーション ツールをクリックすると、ポップアップ、バウンス、ストンプ、ズームイン/アウト、スクラップブックなどの複数のアニメーションでオーバーレイ画像/GIF をアニメーション化できます。直感的なタイムラインでオーバーレイ画像/GIF の継続時間をトリミングすることもできます。
スタイルを使用して GIF オーバーレイをアニメーション化します。
あるいは、「要素」タブをクリックし、「GIPHY」まで下にスクロールし、GIF に面白い GIPHY ステッカーをオーバーレイして追加できます。楽しく遊んでください。
面白い GIF ステッカーを GIF に重ねてアニメーションさせます。
ステップ 3
特殊効果のオーバーレイを GIF に追加します。 (推奨)
GIF を次のレベルに引き上げたい場合は、[オーバーレイ] タブ> [エフェクト オーバーレイ] をクリックし、火、雪、レンズ フレア、ボケ、ネオン、雨などの特別なオーバーレイ エフェクトを選択して、GIF をさらに完成させます。
GIF の上に火の特殊効果オーバーレイを追加します。
さらに、[テキスト] タブをクリックして、クールなアニメーション テキストを GIF に追加することもできます。すべてのテキスト フォント、テキスト スタイル、テキストの色、テキスト アニメーション、配置は完全にカスタマイズ可能です。
GIF にアニメーション テキストを追加します。
ステップ 4
プレビューして共有します。
編集が完了しました。 [エクスポート] ボタンをクリックし、[GIF]> GIF の品質を選択し、GIF を PC に保存します。ロイヤリティフリーの音楽や効果音を追加して、MP4 として保存することもできます。
GIF を PC に無料で保存します。
2.ホトトピア
Photoshop に代わる無料のオンライン代替手段であることを誇る Photopea は、画像やロゴを GIF にすばやくオーバーレイするためのもう 1 つの安心なオプションです。 Photopea は、JPG、PNG、GIF、SVG、DDS、TIFF などのクラシックな画像ファイルから、Camera Raw、PSD、AI、XD、SKETCH、PDF、XCF まで、幅広いファイルをサポートしています。したがって、GIF を簡単にアップロードして、透かしや画像とブレンドすることができます。
Photopea で GIF に透かしをオーバーレイする
GIF にオーバーレイを追加する Photopea の優れた機能 :
画像または透かしを GIF にオーバーレイする
実際のテストでは、Photopea を使用して GIF に 1 つまたは複数の画像と透かしを追加できます。ただし、GIF を別の GIF の上に追加してピクチャ イン ピクチャ効果を作成することはサポートされていません。
PhotoPea で GIF にオーバーレイを追加する方法 :
ステップ 1
GIF とウォーターマーク/画像を Photopea.com にアップロードします
GIF を Photopea にインポートすると、Photopea は、Photoshop と同じように、元の GIF が複数の画像レイヤーに分割されたフォルダーを作成します。
ステップ 2
透かし/画像をオーバーレイとして GIF に追加します
「透かし/画像」タブに移動し、透かし/画像レイヤーを右クリックし、「複製先」を選択すると、ポップアップウィンドウが表示されます。> 複製先として GIF の名前を選択し、「OK」をクリックします。> GIF のタブをクリックし、「編集」>「変換」>「スケール」に移動し、Shift キーを押したままにして、透かし/画像を希望どおりにスケールします。不透明度と描画モードを調整することもできます。
ステップ 3
編集した GIF をエクスポートする
[ファイル]> [GIF としてエクスポート] に移動し、GIF 効果をプレビューできます。 Photopea では、GIF の品質、速度を調整したり、フレームを反転したり、Instagram 用のブーメランを作成したりすることもできます。かなり便利です。 GIF フレームを編集する方法をご覧ください。
3.カンバ
世界有数のグラフィック デザイン プラットフォームの 1 つである Canva は、GIF に画像、透かし、さらには GIF オーバーレイを追加するためのシームレスなエクスペリエンスを提供します。 FlexClip と同様に、Canva のグラフィック エディターには GIPHY の GIF アセットが埋め込まれています。したがって、GIPHY で GIF を見つけるために余分な努力をする必要はありません。 Canva は、強力なグラフィック プラットフォームとして、画像やロゴを洗練するための写真映えの調整用のフィルターと AI を多数提供します。透かしがないので、試してみる価値があります。
Canva で GIF に画像オーバーレイを追加する
GIF にオーバーレイを追加するための Canva の優れた機能 :
GIPHY のアセットと統合する
画像/透かしを GIF にオーバーレイする
もちろん、GIF に必要に応じて、多くの GIF、画像、またはロゴをオーバーレイすることもできます。唯一の制限はあなたの想像力とキャンバスのサイズです。笑。
Canva で GIF にオーバーレイを追加する方法 :
ステップ 1
Canva で GIF プロジェクトを作成します
Canva.com にアクセスし、右上隅にある [デザインの作成] ボタンをクリックし、下にスクロールしてキャンバスの [サイズのカスタマイズ] をクリックします。
ステップ 2
GIF と画像アセットを Canva にアップロードする
左側のサイドバーにある「アップロード」アイコンをクリックして、画像やGIFをアップロードします。興味深いことに、GIF ファイルはメディア ライブラリのビデオ フォルダーに配置されます。
ステップ 3
GIF にオーバーレイを重ねます
GIF をキャンバスに追加し、ネガティブスペースを埋めるように拡大縮小し、GIF 背景上に画像、ロゴ、または GIF を追加し、オーバーレイを適切な場所にドラッグ アンド ドロップします。終わり。
ステップ 4
GIF をプレビューしてエクスポートする
4.カプウィング
エキスパートのミーム ジェネレーターであり、コンテンツ クリエーターの間で人気のオンライン ビデオ エディターとして知られる Kapwing は、画像を GIF に簡単にオーバーレイ、マージ、結合する優れた適応性と柔軟性を備えて生まれました。 FlexClip や Canva と同様、Kapwing は GIPHY の GIF インベントリとスムーズに統合されているため、理想的な GIF を簡単に見つけることができます。
Kapwing を使用して GIF に複数の GIF オーバーレイを追加する
Kapwing が以前のオンライン GIF メーカーと異なる点は、Kapwing がタイムラインを使用して画像、GIF、ビデオを編集していることです。 GIF の不要なフレームをトリミングしたり、画像を切り取ったりするなど、ある程度の多用途性を享受できます。同様に、完成したプロジェクトを GIF としてエクスポートする場合も透かしは入りません。ぜひ試してみてください。
GIF にオーバーレイを追加するための Kapwing の優れた機能 :
GIPHY のインベントリへのアクセス
タイムラインを使用して編集する
画像または透かしを GIF にオーバーレイする
1 つまたは複数の GIF を GIF にオーバーレイする
Kapwing で GIF にオーバーレイを追加する方法 :
ステップ 1
Kapwing で GIF プロジェクトを作成し、画像/GIF アセットをアップロードします
Kapwing.com にアクセス> [開始] をクリック> [空白のキャンバスから開始] を選択> キャンバス サイズをカスタマイズ> メディア アセットをアップロードします。
ハンズオン テスト中に見つかった小さな問題の 1 つは、画像または GIF のみをアップロードした場合、タイムラインが編集のためにアクティブ化されないことです。したがって、機能させるには追加のビデオ ファイルをアップロードする必要があります。
ステップ 2
画像、透かし、または GIF を GIF に追加します
まず、GIF を背景として追加し、画像をドラッグ アンド ドロップするか、GIF の上にオーバーレイとして透かしを追加します。さまざまな画像レイヤーの位置や、GIF の不透明度、配置、長さなどを簡単に調整できます。
ステップ 3
プレビューとエクスポート
ファイルを GIF としてローカル コンピュータに直接ダウンロードしたり、共有可能なリンクや埋め込みコードをコピーしてブログに貼り付けることができます。とても便利です。
5. EZGIF
EZGIF は、オンラインで無料で利用できる最も古典的なオンライン GIF メーカーです。 GIF を編集するためのすべてのツールは、最小限のオンライン インターフェイス上に整然と配置されています。 PNG、GIF、または JPG ファイルを GIF にオーバーレイして追加できます。
EZGIF で GIF にオーバーレイを追加する
ただし、一度に追加できる画像または透かしは 1 つだけであり、画像オーバーレイを手動でドラッグして縮小することはできません。さらに、オーバーレイ画像の配置を制御するには数値を入力する必要があるため、オーバーレイ画像や透かしがその下の GIF よりもはるかに大きい場合は、単純に気が狂いそうになります。
GIF にオーバーレイを追加するための EZGIF の優れた機能 :
GIF に画像/透かし/GIF オーバーレイを 1 つだけ追加する
Kapwing で GIF にオーバーレイを追加する方法 :
ステップ 1
GIF を EZGIF にアップロードします
GIF が正常にアップロードされたら、「オーバーレイ」ツールをクリックして画像オーバーレイを GIF にアップロードする必要があります。
ステップ 2
オーバーレイ画像/ロゴ/GIF をアップロードします
ステップ 3
数字を入力してオーバーレイ画像/ロゴ/GIF の配置を調整します
ステップ 4
プレビューとエクスポート
6.画像フリップ
Imfilp は、簡単なミーム ジェネレーターおよびオンライン GIF メーカーとして、GIF に画像オーバーレイを追加する簡単な方法を提供します。画像オーバーレイを追加した後、簡単に拡大縮小したり、GIF 上の任意の場所に配置したりできます。 GIF にオーバーレイできる面白いステッカーが多数あります。
Imgflip で画像を GIF にオーバーレイする
ただし、多くの制限もあります。まず、インターフェースには「元に戻す」ボタンが見当たりません。次に、無料ユーザーの場合、GIF に一度に追加できる画像またはウォーターマーク オーバーレイは 1 つだけです。GIF をエクスポートすると、元の GIF の左下隅に小さなウォーターマークが表示されます。第三に、一度に GIF に追加できる画像オーバーレイは 1 つだけです。 4 番目に、多くの小さなツールは有料購読者のみが利用できます。
GIF にオーバーレイを追加する Imgflip の優れた機能 :
既成のステッカーを GIF に追加する
GIF に画像/ロゴ オーバーレイを 1 つだけ追加する
Imgflip で GIF にオーバーレイを追加する方法 :
ステップ 1
GIF プロジェクトを作成する
Imgflip.com にアクセスし、右上隅の [GIF を作成] ボタンをクリックし、[ビデオをアップロード] をクリックして GIF ファイルをアップロードします。
ステップ 2
画像オーバーレイを GIF に追加します
「画像の追加」をクリックして画像オーバーレイを追加し、拡大縮小して GIF 上に適切に配置します。
ステップ 3
プレビューとダウンロード
Imgflip は、ローカル コンピューターにダウンロードする GIF ファイルまたは MP4 ファイルを生成できます。ブログ投稿の共有可能なリンクや埋め込みコードを取得することもできます。
7.フォトショップ
グラフィック デザイン業界における写真編集の巨人である Adobe Photoshop は、クリックするだけで画像を GIF にオーバーレイできるプロフェッショナルなデスクトップ アプリです。 Photoshop を使用して GIF を作成したことがある場合は、GIF に画像オーバーレイを追加するのも簡単です。言及すべき点の 1 つは、Photoshop では 2 つまたは複数の GIF を 1 つに結合することしかできず、既存の GIF に GIF オーバーレイを追加する方法がないということです。 Photoshop で画像やビデオから GIF を作成する方法を学びます。
Photoshop で GIF に透かしを重ねて追加する
GIF にオーバーレイを追加する Photoshop の優れた機能 :
1 つまたは複数の画像オーバーレイを GIF に追加する
Photoshop で GIF にオーバーレイを追加する方法 :
ステップ 1
Photoshop で GIF ファイルを開き、すべてのレイヤーをグループ化します
GIF ファイルを Photoshop にインポートすると、タイムライン上に複数の画像レイヤーまたは個別のフレームとして読み込まれます。次に、Shift キーを押したまま右側の画像レイヤーをすべて選択し、キーボードのホットキー「Ctrl + G」を使用してすべてのレイヤーを固定します。
ステップ 2
画像または透かしを GIF にオーバーレイする
Photoshop で画像または透かしを開き、そのレイヤーをコピーします。次に、この画像レイヤーを GIF のタブにドラッグ アンド ドロップします。画像または透かしはすでに GIF の上部にあるはずです。次に、「Ctrl + T」を使用して拡大縮小し、GIF 上の適切な場所に配置します。
ステップ 3
プレビューして GIF としてエクスポートします
さあ、選択してください
|   | オーバーレイ機能を追加 | GIPHY の資産 | プラットフォーム |
|---|---|---|---|
| フレックスクリップ | 1 つまたは複数の画像、透かし、GIF オーバーレイを GIF に追加します。透かしなし | 利用可能 | オンライン。直感的なタイムライン |
| フォトピー | 1 つまたは複数の画像、透かしオーバーレイを GIF に追加します。透かしなし | 利用できません | オンライン。 PS 同様 |
| キャンバス | 1 つまたは複数の画像、透かし、GIF オーバーレイを GIF に追加します。透かしなし | 利用可能 | オンライン。キャンバスベース |
| カプウィング | 1 つまたは複数の画像、透かし、GIF オーバーレイを GIF に追加します。透かしなし | 利用可能 | オンライン。タイムライン |
| EZGIF | 1 つの画像、透かし、GIF オーバーレイを GIF に追加します。透かしなし | 利用できません | 基本的なオンライン ツール |
| 画像フリップ | 1 つの画像と透かしオーバーレイを GIF に追加します。透かし付き | 利用できません | 基本的なオンライン ツール |
| Photoshop | 1 つまたは複数の画像、ウォーターマーク オーバーレイを GIF に追加します。透かしなし | 利用できません | プロ用デスクトップ写真編集ツール |