Photoshopを使用して次のEメールマーケティングキャンペーン用のアニメーションGIFを作成する方法
私たちはドレス メーカーのオンライン ドレス ストアを構築し、ブランド化して、消費者に直接販売するためにゼロから構築しました (D2C) 市場への提供。 彼らのリーダーシップは、私たちが実行している次のキャンペーンまたは戦略のための共同のアイデアについて、常に私たちと協力しています. 実装の一環として、 クラビヨ for Shopify プラス。 Klaviyoは、Shopifyや多くのShopifyアプリと非常に緊密に統合された有名なマーケティング自動化プラットフォームです。
研究によると、アニメーションを使用すると、 GIFファイル クリックスルー率は 42%、コンバージョン率は 103%、収益は 109% 増加します。
MarketingSherpa
私のお気に入りの機能は彼らです A / Bテスト クラビヨで。 さまざまなバージョンの電子メールを開発できます。Klaviyoはサンプリングを送信し、応答を待ってから、残りのサブスクライバーに勝者のバージョンをすべて自動的に送信します。
私たちのクライアントは、業界のファッションメールを購読しており、製品写真のスライドショー付きのメールがどれだけ気に入ったかを述べ続けました. 彼らはそれができるかどうか尋ねたので、私は同意し、A/B テストを使用してキャンペーンを作成しました。4 つのバージョンには XNUMX つの製品のアニメーションを、もう XNUMX つのバージョンには XNUMX つの美しい静止画像を送信しました。 キャンペーンは、新製品ラインを導入するための秋のドレスのブローアウト セールです。
バージョンA:アニメーションGIF
バージョンB:静止画像
写真のクレジットは、で才能のある人々に行きます ジーラム.
キャンペーンのサンプリングは現在も実行中ですが、アニメーショングラフィックを含む電子メールが、静止画像をはるかに上回っていることは明らかです。 7%のオープン率…しかし驚異的 クリック率が XNUMX 倍になる (CTR)! アニメーションGIFがサブスクライバーの前にいくつかの異なるスタイルを配置したという事実は、はるかに多くの訪問者につながったと思います。
Photoshopを使用してアニメーションGIFを作成する方法
私はPhotoshopのプロではありません。 私が通常使用する唯一の時間 Adobe CreativeCloudのPhotoshop ラップトップやモバイル デバイスの上にスクリーンショットを置くなど、背景を削除して画像をレイヤー化します。 しかし、私はネットで調べてアニメーションの作り方を見つけました。 このユーザー インターフェイスはそれほど簡単ではありませんが、いくつかのチュートリアルを読んだ後、20 分以内にそれを克服することができました。
ソース画像の準備:
- 寸法 –アニメーションGIFは非常に大きくなる可能性があるため、フォトショップファイルのサイズを600px幅の電子メールテンプレートの幅と正確に一致するように設定しました。
- 圧縮 –元の画像は高解像度でファイルサイズが非常に大きいため、サイズを変更して次のように圧縮しました クラーケン ファイルサイズがはるかに小さいJPGに。
- トランジション –アニメーションを追加したくなるかもしれませんが トゥイーン (例:フェードトランジション)フレーム間で、ファイルに多くのサイズが追加されるので、そうすることは避けます。
Photoshopでアニメーションを作成するには:
- 新しいファイルを作成する メールテンプレートに配置する正確なサイズと一致するサイズで。
- 選択 ウィンドウ>タイムライン Photoshopのベースでタイムラインビューを有効にします。
- それぞれを追加 新しいレイヤーとしての画像 Photoshop内。
- フレームアニマを作成するタイムラインリージョンで。
- タイムラインリージョンの右側で、ハンバーガーメニューを選択して選択します レイヤーからフレームを作成する.
- タイムラインリージョン内では、次のことができます フレームを順番にドラッグします 画像をに表示したいこと。
- 0秒と表示されている各フレームをクリックし、そのフレームを表示する時間を選択します。 私が選んだ フレームあたり2.0秒.
- フレームの下のドロップダウンで、 永遠に アニメーションが継続的にループするようにします。
- 再生ボタン アニメーションをプレビューします。
- ファイル>エクスポート> Web用に保存(レガシー) .
- 選択 GIF エクスポート画面の左上にあるオプションから。
- 画像が透明でない場合は、チェックを外してください 透明性 オプションを選択します。
- Save ファイルをエクスポートします。
それでおしまい! これで、電子メールプラットフォームにアップロードするアニメーションGIFができました。