Meriv çawa GIFek Anîmasyonkirî Ji bo Kampanya Kirrûbirra E-nameya Xweya Pêşîn Bi karanîna Photoshop-ê çêdike

Ji bo Kirrûbirra E-nameyê GIF anîmated Photoshop

Em demek ecêb bi xerîdarên sereke Closet52 re dixebitin, an dikana cil û bergên serhêl ku me ji bingehê ve ji bo pargîdaniyek modayê ya damezrandî û naskirî li New Yorkê nîşan û ava kir. Serkirdayetiya wan her gav bi me re li ser ramanên hevkariyê ji bo kampanya an stratejiya paşîn a ku em dimeşînin re dixebite. Di çarçoveya pêkanîna wan de me bi cih kir Klaviyo bo ShopifyPlus. Klaviyo platformek xweseriya kirrûbirrê ya naskirî ye ku bi Shopify û her weha gelek Serlêdanên Shopify re yekbûnek pir hişk e.

Taybetmendiyek min a hezkirî ya wan e A testkirina / B li Klaviyo. Hûn dikarin guhertoyên cihêreng ên e-nameyê pêşve bibin, û Klaviyo dê nimûneyek bişîne, li benda bersivekê bimîne, û dûv re ji aboneyên mayî re guhertoya serketî bişîne - hemî bixweber.

Muwekîlê me di pîşesaziyê de dibe aboneya e-nameyên modayê û berdewam kir ku ew çend e-name bi pêşandanek wêneyên hilberê hez dikin. Wan pirsî ka em dikarin wiya bikin û min razî kir û kampanyayek bi testek A/B ava kir ku me guhertoyek bi anîmasyonek ji 4 hilberan, û ya din jî bi wêneyek yekane, xweşik, statîk şand. Kampanya ji bo teqînê ye firotina kincên xwe yên payîzê ji ber ku ew xetên hilberên nû tînin.

Guhertoya A: GIF anîmasyon

anîmasyona cilan 3

Guhertoya B: Wêne statîk

RB66117 1990 LS7

Krediya wêneyê ji mirovên jêhatî re diçe Zeelum.

Nimûneya kampanyayê hîn jî niha dimeşe, lê pir zelal e ku e-nameya bi grafika anîmasyonî ji wêneya statîk pirtir e… rêjeya vekirî 7%.... lê ecêb e 3 caran ji rêjeya klîk (CTR)! Ez difikirim ku rastiya ku GIF-ya anîmasyonî çend şêwazên cihêreng danî pêşiya aboneyê, rê li ber mêvanên pir zêde girt.

Meriv çawa GIFek anîmasyonek bi karanîna Photoshop-ê çêdike

Ez bi Photoshop re ne celebek pispor im. Bi rastî, tenê demên ku ez bi gelemperî bikar tînim Adobe Creative Cloud's Photoshop rakirina paşxanê û qatkirina wêneyan e, mîna danîna dîmenek li ser laptopek an cîhaza mobîl. Lêbelê, min li serhêl hin kolandin kir û fêhm kir ku meriv çawa anîmasyonek çêdike. Navbera bikarhêner a ji bo vê ne hêsan e, lê di nav 20 hûrdeman de û piştî xwendina hin dersan, min karî wê derxînim.

Amadekirina wêneyên çavkaniya me:

  • Mezinahî - GIF-yên anîmasyonî dikarin pir mezin bin, ji ber vê yekê min piştrast kir ku pîvanên pelê photoshop-a xwe tam li gorî firehiya şablona e-nameya meya fireh a 600px bicîh bikim.
  • Compression - Wêneyên me yên orîjînal rezîliya bilind û mezinahiya pelê pir bilind bûn, ji ber vê yekê min mezinahiya wan ji nû ve kir û bi wan ve kir Kraken JPG-ên bi mezinahiya pelê pir piçûktir.
  • Guherandinên - Dema ku hûn dikarin werin ceribandin ku anîmasyonê zêde bikin tweens (mînak. veguheztina winda) di navbera çarçoweyan de, ku pir mezinahiyê li pelê we zêde dike, ji ber vê yekê ez ê ji kirina wê dûr bixim.

Ji bo avakirina anîmasyonê li Photoshop:

  1. Pelê nû nû bike bi pîvanên ku bi pîvanên rastîn ên ku hûn di şablona e-nameya xwe de cîh dikin re li hev dikin.
  2. Neqandin Pace > Demjimêr ji bo ku di bingeha Photoshop-ê de dîtina rêza demjimêrê çalak bike.

Photoshop > Pencere > Demjimêr

  1. Her yekê zêde bikin wêne wekî qatek nû di nav Photoshop de.

Photoshop > Wêneyên Wek Qat zêde bikin

  1. Watch Frame Anima biafirînintion li Herêma Timeline.
  2. Li milê rastê yê herêma Timeline, menuya hamburger hilbijêrin û hilbijêrin Ji Qatan Çarçoveyan çêbikin.

Photoshop > Demjimêr > Ji Qatan Çarçoveyan Bikin

  1. Di nav devera Timeline de, hûn dikarin çarçeweyan bikşînin nav rêzê ku hûn dixwazin wêne tê de xuya bibin.
  2. Li ser her çarçoveyek ku tê de dibêje 0 sec bikirtînin, û dema ku hûn dixwazin wê çarçovê nîşan bidin hilbijêrin. Min hilbijart 2.0 seconds per frame.
  3. Di pelika jêrîn ya çarçove de, hilbijêrin Herdem da ku pêlên anîmasyonê bi domdarî piştrast bikin.
  4. Click de Bişkojkê lîstin ji bo pêşdîtina anîmasyona xwe.
  5. Watch Pel > Hinardekirin > Ji bo Webê tomar bike (Legacy).

Photoshop > Pel > Hinardekirin > Ji bo Webê tomar bike (Legacy)

  1. Neqandin GIF ji vebijarkên li milê çepê yê jorîn ê ekrana Export.
  2. Ger wêneyên we ne şefaf in, tîrakê jêkin Transparency dibe.
  3. Watch Tomar bike û pelê xwe derxînin.

photoshop hinardekirina gif anîmasyon

Her eve! Naha we GIF-ya anîmasyon heye ku hûn li platforma e-nameya xwe bar bikin.

Kişivî: Closet52 muwekîlê fîrmaya min e, Highbridge. Ez li seranserê vê gotarê ji bo girêdanên pêwendiyê bikar tînim Adobe, Klaviyo, Kraken, û shopify.