Photoshop ашиглан дараагийн имэйл маркетингийн кампанит ажилд зориулж хөдөлгөөнт GIF хэрхэн хийх вэ

Имэйл маркетингийн Photoshop хөдөлгөөнт GIF

Бид гол үйлчлүүлэгч Closet52, an-тай ажиллахад үнэхээр сайхан цагийг өнгөрөөж байна онлайн хувцасны дэлгүүр Бид Нью Йорк дахь алдартай, алдартай загварын компанид зориулж анхнаас нь брэнд болгож, босгосон. Тэдний удирдлага нь бидний хэрэгжүүлж буй дараагийн кампанит ажил эсвэл стратегийн талаар хамтран ажиллах санаанууд дээр бидэнтэй үргэлж хамтран ажилладаг. Тэдний хэрэгжилтийн хүрээнд бид байршуулсан Клавияо байна нь ShopifyPlus. Klaviyo бол Shopify болон олон Shopify програмуудтай маш нягт уялдаатай, алдартай маркетингийн автоматжуулалтын платформ юм.

Миний дуртай онцлог бол тэднийх A / B шинжилгээ Клавиод. Та имэйлийн янз бүрийн хувилбаруудыг боловсруулж болох бөгөөд Klaviyo түүвэр илгээж, хариу хүлээж, дараа нь үлдсэн захиалагчдад ялалтын хувилбарыг илгээх болно.

Манай үйлчлүүлэгч энэ салбарын загварын цахим шуудангаар захиалдаг бөгөөд бүтээгдэхүүний зургийн слайд үзүүлэн зарим имэйлд хэр их таалагдсанаа үргэлжлүүлэн тэмдэглэсээр байна. Тэд бид үүнийг хийж чадах эсэхийг асуусан бөгөөд би зөвшөөрч, A/B тест бүхий кампанит ажил зохион байгуулж, бид нэг хувилбарыг 4 бүтээгдэхүүний хөдөлгөөнт дүрстэй, нөгөө хувилбарыг нь ганц, үзэсгэлэнтэй, хөдөлгөөнгүй дүрсээр илгээсэн. Кампанит ажил нь тэсрэлт хийх зорилготой намрын даашинзныхаа худалдаа Тэд шинэ бүтээгдэхүүний шугамыг авчирч байгаа тул.

А хувилбар: хөдөлгөөнт GIF

хувцасны хөдөлгөөнт дүрс 3

В хувилбар: Статик зураг

RB66117 1990 LS7

Зургийн кредит нь авьяаслаг хүмүүст зориулагдсан Зелум.

Кампанит ажлын түүвэр одоо ч явагдаж байгаа ч хөдөлгөөнт график бүхий имэйл нь статик зургаас хамаагүй илүү байгаа нь тодорхой байна... 7% нээлттэй ханш... гэхдээ гайхалтай 3 дахин товшилтын хувь (ЗС)! Хөдөлгөөнт GIF нь захиалагчийн өмнө хэд хэдэн өөр хэв маягийг байрлуулсан нь илүү олон зочдод хүргэсэн гэж би бодож байна.

Photoshop ашиглан хэрхэн хөдөлгөөнт GIF хийх вэ

Би Photoshop дээр ямар ч мэргэжлийн хүн биш. Үнэндээ би ихэвчлэн ашигладаг цорын ганц удаа Adobe Creative Cloud-ийн Photoshop Зөөврийн компьютер эсвэл гар утасны төхөөрөмж дээр дэлгэцийн агшин байрлуулах гэх мэт дэвсгэр зургийг арилгах, зургийг давхарлах зорилготой. Гэсэн хэдий ч би онлайнаар хэсэг ухаж, хэрхэн хөдөлгөөнт дүрс хийх талаар олж мэдсэн. Үүний хэрэглэгчийн интерфэйс нь тийм ч хялбар биш боловч 20 минутын дотор, зарим хичээлүүдийг уншсаны дараа би үүнийг унтрааж чадсан.

Манай эх зургийг бэлтгэж байна:

  • Хэмжээ – Хөдөлгөөнт GIF нь нэлээд том хэмжээтэй байж болох тул би өөрийн фотошоп файлын хэмжээг 600 пикселийн өргөнтэй имэйлийн загварын өргөнтэй яг таарч тохируулахыг хичээсэн.
  • Шахалтын – Бидний анхны зургууд өндөр нягтралтай, маш өндөр файлын хэмжээтэй байсан тул би хэмжээг нь өөрчилж, тэдгээрийг шахаж үзсэн тэнгисийн аварга том мангас хамаагүй бага хэмжээтэй файлын хэмжээтэй JPG-д.
  • шилжилт - Та хөдөлгөөнт дүрс нэмэхийг хүсч магадгүй юм tweens Фрейм хоорондын (жишээ нь. бүдгэрч буй шилжилт) нь таны файлд маш их хэмжээг нэмдэг тул би үүнийг хийхээс зайлсхийх болно.

Photoshop дээр хөдөлгөөнт дүрс үүсгэхийн тулд:

  1. Шинэ файл үүсгэх Таны имэйлийн загварт байршуулж буй хэмжээсүүдтэй яг таарч байгаа хэмжээсүүдтэй.
  2. сонгоно уу Цонх > Он цагийн хэлхээс Photoshop програмын үндсэн дээр цагийн хуваарийг харахыг идэвхжүүлэх.

Photoshop > Цонх > Он цагийн хэлхээс

  1. Тус бүрийг нэмнэ үү зургийг шинэ давхарга болгон Photoshop дотор.

Photoshop > Зургийг давхарга болгон нэмнэ үү

  1. Дарах Frame Anima үүсгэхTimeline Region дахь tion.
  2. Timeline бүсийн баруун гар талд гамбургер цэсийг сонгоод сонгоно уу Давхаргаас хүрээ хийх.

Photoshop > Timeline > Давхаргаас жааз хийх

  1. Он цагийн хэлхээсийн бүсэд та боломжтой хүрээг дарааллаар нь чирнэ үү Та зургуудыг харуулахыг хүсч байна.
  2. 0 секунд гэж бичсэн хүрээ бүр дээр товшоод тухайн хүрээг харуулах цагаа сонгоно уу. би сонгосон Нэг кадр бүрт 2.0 секунд.
  3. Хүрээний доорх уналтаас сонгоно уу Үүрд хөдөлгөөнт гогцоо тасралтгүй байхын тулд.
  4. дээр дарна уу Тоглуулах товч өөрийн хөдөлгөөнт дүрсийг урьдчилан үзэх.
  5. Дарах Файл > Экспорт > Вэбд хадгалах (хуучин).

Photoshop > Файл > Экспорт > Вэбд хадгалах (хуучин)

  1. сонгоно уу GIF Экспортын дэлгэцийн зүүн дээд талд байгаа сонголтуудаас.
  2. Хэрэв таны зургууд ил тод биш байвал тэмдэглэгээг арилгана уу Ил тод байдал сонголт.
  3. Дарах Save болон файлаа экспортлох.

Photoshop экспортын хөдөлгөөнт gif

Ингээд л болоо! Та одоо цахим шуудангийн платформ дээрээ байршуулах хөдөлгөөнт GIF-тэй боллоо.

Тодруулга: Шүүгээ 52 Миний пүүсийн үйлчлүүлэгч, Highbridge. Би энэ нийтлэлийн туршид түншлэлийн холбоосыг ашиглаж байна Adobe, Клавияо байна, тэнгисийн аварга том мангасБолон Shopify-ийг.