كيف تصنع صورة GIF متحركة لحملتك التسويقية التالية عبر البريد الإلكتروني باستخدام Photoshop

فوتوشوب GIF المتحركة للتسويق عبر البريد الإلكتروني

نحن نقضي وقتًا رائعًا في العمل مع العميل الرئيسي Closet52 ، وهو متجر ملابس على الإنترنت التي قمنا بوضع علامة عليها وبنيناها من الألف إلى الياء لشركة أزياء راسخة ومعروفة في نيويورك. تعمل قيادتهم معنا دائمًا على أفكار تعاونية للحملة أو الإستراتيجية التالية التي ننفذها. كجزء من تنفيذها ، قمنا بنشرها Klaviyo لل Shopify Plus. Klaviyo هي عبارة عن منصة أتمتة تسويقية معروفة مع تكامل شديد مع Shopify بالإضافة إلى العديد من تطبيقات Shopify.

الميزة المفضلة لدي هي إختبار أ / ب في كلافيو. يمكنك تطوير إصدارات مختلفة من رسالة بريد إلكتروني ، وسيقوم Klaviyo بإرسال عينة ، وانتظر الرد ، ثم إرسال النسخة الفائزة للمشتركين الباقين - كل ذلك تلقائيًا.

يشترك عملاؤنا في رسائل البريد الإلكتروني الخاصة بالموضة في الصناعة واستمروا في ملاحظة مدى إعجابهم ببعض رسائل البريد الإلكتروني التي تحتوي على عرض شرائح لصور المنتجات. لقد سألوا عما إذا كان بإمكاننا القيام بذلك ووافقت وأنشأت حملة باختبار A / B حيث أرسلنا نسخة واحدة بها رسوم متحركة من 4 منتجات ، وأخرى بصورة واحدة ، جميلة ، ثابتة. الحملة من أجل الانفجار بيع فساتين الخريف لأنهم يجلبون خطوط إنتاج جديدة.

الإصدار أ: صور GIF متحركة

فستان الرسوم المتحركة 3

النسخة ب: صورة ثابتة

RB66117 1990 LS7

يذهب رصيد الصورة إلى الأشخاص الموهوبين في زيلوم.

لا يزال أخذ عينات الحملة قيد التشغيل في الوقت الحالي ، ولكن من الواضح تمامًا أن البريد الإلكتروني الذي يحتوي على الرسم المتحرك يفوق بكثير أداء الصورة الثابتة ... بحوالي معدل الفتح 7٪... لكن مذهل 3 أضعاف نسبة النقر إلى الظهور (نسبة النقر إلى الظهور)! أعتقد أن حقيقة أن صورة GIF المتحركة وضعت عدة أنماط مختلفة أمام المشترك أدت إلى المزيد من الزوار.

كيف تصنع صورة GIF متحركة باستخدام الفوتوشوب

أنا لست محترفًا مع Photoshop. في الواقع ، الأوقات الوحيدة التي أستخدمها عادةً أدوبي كرييتف كلاود فوتوشوب هي إزالة الخلفيات ووضع طبقات من الصور ، مثل وضع لقطة شاشة أعلى جهاز كمبيوتر محمول أو جهاز محمول. ومع ذلك ، قمت ببعض البحث عبر الإنترنت واكتشفت كيفية عمل رسوم متحركة. واجهة المستخدم الخاصة بذلك ليست الأسهل ، ولكن في غضون 20 دقيقة وبعد قراءة بعض البرامج التعليمية ، تمكنت من التخلص منها.

تجهيز صور المصدر لدينا:

  • الأبعاد - يمكن أن تكون صور GIF المتحركة كبيرة جدًا ، لذا تأكدت من تعيين أبعاد ملف فوتوشوب الخاصة بي لتتطابق تمامًا مع عرض قالب البريد الإلكتروني العريض البالغ 600 بكسل.
  • ضغط - كانت صورنا الأصلية عالية الدقة وحجم الملف مرتفع جدًا ، لذلك قمت بتغيير حجمها وضغطها بها كراكن إلى ملفات JPG ذات حجم ملف أصغر بكثير.
  • الانتقالات - بينما قد تميل إلى إضافة الرسوم المتحركة فتيات مراهقات (على سبيل المثال ، انتقال باهت) بين الإطارات ، مما يضيف حجمًا كبيرًا إلى ملفك ، لذا أتجنب القيام بذلك.

لإنشاء الرسوم المتحركة في Photoshop:

  1. قم بإنشاء ملف جديد ذات الأبعاد التي تتطابق مع الأبعاد الدقيقة التي تضعها في قالب البريد الإلكتروني الخاص بك.
  2. اختار نافذة> الجدول الزمني لتمكين عرض الخط الزمني في قاعدة Photoshop.

Photoshop> Window> Timeline

  1. أضف كل الصورة كطبقة جديدة داخل برنامج فوتوشوب.

Photoshop> إضافة الصور على هيئة طبقات

  1. انقر خلق إطار الأنيمانشوئها في منطقة الخط الزمني.
  2. على الجانب الأيمن من منطقة الخط الزمني ، حدد قائمة الهامبرغر وحدد عمل إطارات من طبقات.

Photoshop> Timeline> Make Frames from Layers

  1. في منطقة المخطط الزمني ، يمكنك ذلك اسحب الإطارات بالترتيب التي تريد أن تظهر الصور فيها.
  2. انقر فوق كل إطار حيث تقول 0 ثانية ، وحدد الوقت الذي تريد عرض هذا الإطار فيه. اخترت 2.0 ثانية لكل إطار.
  3. في القائمة المنسدلة أسفل الإطارات ، حدد إلى الأبد لضمان تكرار الرسوم المتحركة باستمرار.
  4. انقر على زر التشغيل لمعاينة الرسوم المتحركة الخاصة بك.
  5. انقر ملف> تصدير> حفظ للويب (قديم).

Photoshop> ملف> تصدير> حفظ للويب (قديم)

  1. اختار GIF من الخيارات الموجودة في الجزء العلوي الأيسر من شاشة التصدير.
  2. إذا لم تكن صورك شفافة ، فقم بإلغاء تحديد الشفافية الخيار.
  3. انقر حفظ وتصدير ملفك.

فوتوشوب تصدير صور متحركة

هذا هو! لديك الآن صورة GIF المتحركة للتحميل إلى منصة البريد الإلكتروني الخاصة بك.

الكشف: خزانة 52 هو عميل لشركتي ، Highbridge. أنا أستخدم الروابط التابعة في جميع أنحاء هذه المقالة لـ أدوبي, Klaviyo, كراكنو Shopify.