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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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