Photoshop көмегімен келесі электрондық пошта маркетингтік науқаныңыз үшін анимациялық GIF қалай жасауға болады

Электрондық пошта маркетингіне арналған Photoshop анимациялық GIF

Біз негізгі клиент Closet52, an-мен жұмыс істегенде таңғажайып уақыт өткіземіз онлайн киім дүкені Біз Нью-Йорктегі танымал және танымал сән компаниясы үшін брендті және негізін салдық. Олардың басшылығы әрқашан бізбен келесі науқанға немесе біз орындап жатқан стратегияға арналған бірлескен идеялармен жұмыс істейді. Оларды жүзеге асыру аясында біз орналастырдық Клавио үшін ShopifyPlus. Klaviyo - Shopify және көптеген Shopify қолданбаларымен өте тығыз интеграциясы бар танымал маркетингтік автоматтандыру платформасы.

Менің сүйікті қасиетім – олардың A / B тестілеу Клавиода. Сіз электрондық поштаның әртүрлі нұсқаларын жасай аласыз, және Klaviyo үлгіні жібереді, жауапты күтеді, содан кейін қалған жазылушыларға жеңімпаз нұсқаны жібереді – барлығы автоматты түрде.

Біздің клиент саладағы сән электрондық пошталарына жазылады және өнім фотосуреттерінің слайд-шоуы бар кейбір электрондық пошталардың қаншалықты ұнағанын атап өтуді жалғастырды. Олар біз мұны істей аламыз ба деп сұрады, мен келісіп, A/B сынағы бар науқанды құрдық, онда біз бір нұсқаны 4 өнімнің анимациясымен, ал екіншісін жалғыз, әдемі, статикалық кескінмен жібердік. Науқан жарылысқа арналған олардың күзгі көйлектерін сату өйткені олар жаңа өнім түрлерін шығарады.

А нұсқасы: анимациялық GIF

көйлек анимациясы 3

В нұсқасы: Статикалық кескін

RB66117 1990 LS7

Фотокредит дарынды адамдарға беріледі Зелум.

Науқанды іріктеу қазір де жұмыс істеп тұр, бірақ анимациялық графикасы бар электрондық поштаның статикалық кескіннен әлдеқайда асып түсетіні анық... шамамен 7% ашық мөлшерлеме... бірақ таңқаларлық Басу жылдамдығынан 3 есе (CTR)! Менің ойымша, анимациялық GIF жазылушының алдына бірнеше түрлі стиль қою фактісі әлдеқайда көп келушілерге әкелді.

Photoshop көмегімен анимациялық GIF қалай жасауға болады

Мен Photoshop бағдарламасының кәсіби маманы емеспін. Шын мәнінде, мен әдетте қолданамын Adobe Creative Cloud Photoshop бағдарламасы ноутбугтың немесе мобильді құрылғының үстіне скриншот қою сияқты фонды жою және кескіндерді қабаттау болып табылады. Дегенмен, мен желіде біраз ізденіп, анимацияны қалай жасау керектігін түсіндім. Бұл үшін пайдаланушы интерфейсі оңай емес, бірақ 20 минут ішінде және кейбір оқулықтарды оқығаннан кейін мен оны өшіре алдым.

Бастапқы суреттерді дайындау:

  • Өлшемдері – Анимацияланған GIF файлдары өте үлкен болуы мүмкін, сондықтан мен фотошоп файлының өлшемдерін электрондық пошта үлгісінің ені 600 пиксель еніне дәл сәйкестендіруді қамтамасыз еттім.
  • Қысу – Біздің түпнұсқа кескіндер жоғары ажыратымдылық пен өте үлкен файл өлшемі болды, сондықтан мен олардың өлшемін өзгертіп, оларды қыстым Kraken файл өлшемі әлдеқайда кішірек JPG файлдарына.
  • өткелдерін – Анимация қосуға азғырылуы мүмкін tweens Фреймдер арасында (мысалы, өшетін көшу) файлыңызға үлкен өлшем қосады, сондықтан мен мұны істеуден аулақ боламын.

Photoshop бағдарламасында анимация құру үшін:

  1. Жаңа файл жасаңыз электрондық пошта үлгісіне орналастыратын нақты өлшемдерге сәйкес өлшемдермен.
  2. таңдау Терезе > Уақыт шкаласы Photoshop негізіндегі уақыт шкаласы көрінісін қосу үшін.

Photoshop > Терезе > Хронология

  1. Әрқайсысын қосыңыз сурет жаңа қабат ретінде Photoshop ішінде.

Photoshop > Суреттерді қабаттар ретінде қосу

  1. басыңыз Frame Anima жасауХронология аймағында.
  2. Уақыт шкаласы аймағының оң жағында гамбургер мәзірін таңдап, таңдаңыз Қабаттардан жақтаулар жасаңыз.

Photoshop > Уақыт шкаласы > Қабаттардан кадрлар жасау

  1. Уақыт шкаласы аймағында сіз жасай аласыз жақтауларды ретке сүйреңіз суреттердің пайда болуын қалайсыз.
  2. 0 сек деп жазылған әрбір кадрды нұқыңыз және сол жақтаудың көрсетілуін қалайтын уақытты таңдаңыз. Мен таңдадым Әр кадрға 2.0 секунд.
  3. Жақтаулардың астындағы ашылмалы тізімнен таңдаңыз мәңгі анимация циклдерін үздіксіз қамтамасыз ету үшін.
  4. басыңыз Ойнату түймесі анимацияңызды алдын ала қарау үшін.
  5. басыңыз Файл > Экспорттау > Веб үшін сақтау (бұрынғы).

Photoshop > Файл > Экспорт > Интернетке сақтау (бұрынғы)

  1. таңдау GIF Экспорттау экранының жоғарғы сол жағындағы опциялардан.
  2. Суреттер мөлдір болмаса, құсбелгіні алып тастаңыз Ашықтық опция.
  3. басыңыз сақтау және файлыңызды экспорттаңыз.

photoshop анимациялық GIF экспорттау

Міне бітті! Енді сізде электрондық пошта платформасына жүктеп салу үшін анимациялық GIF бар.

Ақпаратты ашып көрсету: Шкаф 52 менің фирмамның клиенті, Highbridge. Мен осы мақалада серіктестік сілтемелерін пайдаланамын Adobe, Клавио, Kraken, және Shopify.