Ինչպես պատրաստել անիմացիոն GIF ձեր հաջորդ էլփոստի շուկայավարման արշավի համար, օգտագործելով Photoshop

Photoshop անիմացիոն GIF էլեկտրոնային փոստի շուկայավարման համար

Մենք հիանալի ժամանակ ենք անցկացնում՝ աշխատելով հիմնական հաճախորդի Closet52, an զգեստների առցանց խանութ որը մենք բրենդավորեցինք և կառուցեցինք ի սկզբանե Նյու Յորքում կայացած և հայտնի նորաձևության ընկերության համար: Նրանց ղեկավարությունը միշտ աշխատում է մեզ հետ համատեղ գաղափարների վրա հաջորդ քարոզարշավի կամ ռազմավարության համար, որը մենք իրականացնում ենք: Դրանց իրականացման շրջանակներում մենք տեղակայեցինք Կլավիո համար Shopify Plus- ը. Klaviyo-ն շուկայավարման ավտոմատացման հայտնի հարթակ է, որը շատ ամուր ինտեգրված է Shopify-ին, ինչպես նաև Shopify-ի բազմաթիվ հավելվածներին:

Իմ սիրելի հատկանիշը նրանցն է A / B փորձարկում Կլավիոյում։ Դուք կարող եք մշակել էլփոստի տարբեր տարբերակներ, և Klaviyo-ն կուղարկի նմուշառում, կսպասի պատասխանին, այնուհետև մնացած բաժանորդներին կուղարկի հաղթող տարբերակը՝ բոլորը ավտոմատ կերպով:

Մեր հաճախորդը բաժանորդագրվում է արդյունաբերության նորաձևության էլ. նամակներին և շարունակում է նշել, թե որքան են նրանց դուր եկել որոշ էլ. Նրանք հարցրին, թե արդյոք մենք կարող ենք դա անել, և ես համաձայնեցի և ստեղծեցի արշավ A/B թեստով, որտեղ մենք ուղարկեցինք մի տարբերակ՝ 4 ապրանքների անիմացիայով, իսկ մյուսը՝ մեկ, գեղեցիկ, ստատիկ պատկերով: Քարոզարշավը պայթելու համար է իրենց աշնանային զգեստների վաճառքը քանի որ նրանք նոր ապրանքային գծեր են բերում:

Տարբերակ A՝ անիմացիոն GIF

զգեստի անիմացիա 3

Տարբերակ B. Ստատիկ պատկեր

RB66117 1990 LS7

Լուսանկարը պատկանում է տաղանդավոր մարդկանց Զելում.

Քարոզարշավի նմուշառումը դեռ աշխատում է հենց հիմա, բայց բավականին պարզ է, որ անիմացիոն գրաֆիկայով էլ. 7% բաց դրույքաչափ… բայց ապշեցուցիչ 3 անգամ ավելի շատ սեղմումների տոկոսադրույքը (Յուրաքանչյուր)! Կարծում եմ, որ այն փաստը, որ անիմացիոն GIF-ը բաժանորդի առջև դրեց մի քանի տարբեր ոճեր, հանգեցրեց շատ ավելի շատ այցելուների:

Ինչպես ստեղծել անիմացիոն GIF՝ օգտագործելով Photoshop-ը

Ես Photoshop-ի որևէ տեսակի պրոֆեսիոնալ չեմ: Իրականում, միակ անգամները, որոնք ես սովորաբար օգտագործում եմ Adobe Creative Cloud-ի Photoshop ֆոնը հեռացնելու և պատկերների շերտավորումն է, օրինակ՝ սքրինշոթ տեղադրելը նոութբուքի կամ շարժական սարքի վերևում: Այնուամենայնիվ, ես որոշ փորփրեցի առցանց և հասկացա, թե ինչպես կարելի է անիմացիա պատրաստել: Սրա համար օգտագործողի միջերեսը ամենահեշտը չէ, բայց 20 րոպեի ընթացքում և որոշ ձեռնարկներ կարդալուց հետո ես կարողացա այն ջնջել:

Պատրաստում ենք մեր աղբյուրի պատկերները.

  • Չափերը – Անիմացիոն GIF-ները կարող են բավականին մեծ լինել, ուստի ես համոզվեցի, որ իմ photoshop ֆայլի չափերը ճիշտ համապատասխանեն մեր 600px լայնությամբ էլփոստի ձևանմուշի լայնությանը:
  • Սեղմում – Մեր սկզբնական պատկերները բարձր լուծաչափով և ֆայլի շատ մեծ չափերով էին, ուստի ես չափափոխեցի դրանք և սեղմեցի դրանք Kraken դեպի JPG ֆայլերի շատ ավելի փոքր չափսերով:
  • Անցումներ – Մինչ դուք կարող եք գայթակղվել ավելացնել անիմացիա tweens (օրինակ՝ խամրող անցում) շրջանակների միջև, ինչը մեծ չափեր է ավելացնում ձեր ֆայլին, այնպես որ ես կխուսափեի դա անելուց:

Photoshop-ում անիմացիան ստեղծելու համար.

  1. Ստեղծեք նոր ֆայլ այն չափսերով, որոնք համապատասխանում են ձեր էլփոստի ձևանմուշում տեղադրած ճշգրիտ չափերին:
  2. ընտրել Պատուհան > Ժամանակացույց Photoshop-ի հիմքում ժամանակացույցը միացնելու համար:

Photoshop > Պատուհան > Ժամանակացույց

  1. Ավելացնել յուրաքանչյուրը պատկերը որպես նոր շերտ Photoshop-ի շրջանակներում:

Photoshop > Ավելացնել պատկերներ որպես շերտեր

  1. Սեղմել Ստեղծեք Շրջանակ Անիմաժամանակացույցի տարածաշրջանում:
  2. Timeline տարածաշրջանի աջ կողմում ընտրեք համբուրգերի ընտրացանկը և ընտրեք Շերտերից շրջանակներ պատրաստեք.

Photoshop > Timeline > Ստեղծեք շրջանակներ շերտերից

  1. Ժամանակացույցի տարածաշրջանում դուք կարող եք քաշեք շրջանակները կարգի մեջ որ դուք կցանկանայիք, որ պատկերները հայտնվեն:
  2. Կտտացրեք յուրաքանչյուր կադրի վրա, որտեղ գրված է 0 վրկ, և ընտրեք այն ժամանակը, որը ցանկանում եք ցուցադրել այդ շրջանակը: Ես ընտրեցի 2.0 վայրկյան մեկ կադրի համար.
  3. Շրջանակների տակ գտնվող բացվող ցանկում ընտրեք Ընդմիշտ ապահովելու անիմացիոն օղակները շարունակաբար:
  4. Սեղմեք է Խաղալ կոճակը ձեր անիմացիան նախադիտելու համար:
  5. Սեղմել Ֆայլ > Արտահանել > Պահել համացանցի համար (ժառանգություն).

Photoshop > Ֆայլ > Արտահանել > Պահել համացանցի համար (ժառանգություն)

  1. ընտրել GIF Արտահանման էկրանի վերևի ձախ մասի ընտրանքներից:
  2. Եթե ​​ձեր պատկերները թափանցիկ չեն, ապա նշեք Թափանցիկություն տարբերակ.
  3. Սեղմել Փրկել և արտահանեք ձեր ֆայլը:

photoshop արտահանման անիմացիոն gif

Վե՛րջ: Այժմ դուք ունեք անիմացիոն GIF՝ ձեր էլփոստի հարթակ վերբեռնելու համար:

Բացահայտում: Պահարան52 իմ ընկերության հաճախորդն է, Highbridge. Այս հոդվածում ես օգտագործում եմ փոխկապակցված հղումներ Adobe, Կլավիո, Kraken, եւ Shopify.