Πώς να φτιάξετε ένα κινούμενο GIF για την επόμενη καμπάνια μάρκετινγκ μέσω email χρησιμοποιώντας το Photoshop

Photoshop Animated GIF για μάρκετινγκ μέσω email

Περνάμε καταπληκτικά δουλεύοντας με τον βασικό πελάτη Closet52, an ηλεκτρονικό κατάστημα φορεμάτων που ονομάσαμε και φτιάξαμε από την αρχή για μια καθιερωμένη και γνωστή εταιρεία μόδας στη Νέα Υόρκη. Η ηγεσία τους εργάζεται πάντα μαζί μας για συνεργατικές ιδέες για την επόμενη καμπάνια ή στρατηγική που υλοποιούμε. Στο πλαίσιο της εφαρμογής τους, αναπτύξαμε Klaviyo for ShopifyPlus. Το Klaviyo είναι μια πολύ γνωστή πλατφόρμα αυτοματισμού μάρκετινγκ με πολύ στενή ενσωμάτωση στο Shopify καθώς και σε πολλές εφαρμογές Shopify.

Ένα αγαπημένο μου χαρακτηριστικό είναι το δικό τους Α / Β δοκιμές στο Klaviyo. Μπορείτε να αναπτύξετε διαφορετικές εκδόσεις ενός email και ο Klaviyo θα στείλει ένα δείγμα, θα περιμένει μια απάντηση και, στη συνέχεια, θα στείλει στους υπόλοιπους συνδρομητές τη νικητήρια έκδοση – όλα αυτόματα.

Ο πελάτης μας εγγράφεται σε μηνύματα ηλεκτρονικού ταχυδρομείου μόδας στον κλάδο και συνέχισε να παρατηρεί πόσο του άρεσαν ορισμένα μηνύματα ηλεκτρονικού ταχυδρομείου με μια παρουσίαση φωτογραφιών προϊόντων. Ρώτησαν αν μπορούσαμε να το κάνουμε αυτό και συμφώνησα και έφτιαξα μια καμπάνια με τεστ A/B όπου στείλαμε μια έκδοση με κινούμενα σχέδια 4 προϊόντων και μια άλλη με μια ενιαία, όμορφη, στατική εικόνα. Η καμπάνια είναι για μια έκρηξη πώληση των φθινοπωρινών φορεμάτων τους καθώς φέρνουν νέες σειρές προϊόντων.

Έκδοση Α: Κινούμενο GIF

Κινούμενα σχέδια φορέματος 3

Έκδοση Β: Στατική εικόνα

RB66117 1990 LS7

Η φωτογραφία ανήκει στους ταλαντούχους ανθρώπους στο Zeelum.

Η δειγματοληψία καμπάνιας εξακολουθεί να εκτελείται αυτήν τη στιγμή, αλλά είναι αρκετά σαφές ότι το μήνυμα ηλεκτρονικού ταχυδρομείου με το κινούμενο γραφικό ξεπερνά κατά πολύ τη στατική εικόνα… κατά περίπου ανοικτό επιτόκιο 7%.… αλλά ένα εκπληκτικό 3 φορές την αναλογία κλικ προς αριθμό εμφανίσεων (CTR)! Νομίζω ότι το γεγονός ότι το κινούμενο GIF έβαλε πολλά διαφορετικά στυλ μπροστά στον συνδρομητή οδήγησε σε πολύ περισσότερους επισκέπτες.

Πώς να φτιάξετε ένα κινούμενο GIF χρησιμοποιώντας το Photoshop

Δεν είμαι κανενός είδους επαγγελματίας με το Photoshop. Στην πραγματικότητα, οι μοναδικές φορές που χρησιμοποιώ συνήθως Το Photoshop του Adobe Creative Cloud είναι η αφαίρεση φόντου και η στρώση εικόνων, όπως η τοποθέτηση ενός στιγμιότυπου οθόνης πάνω από φορητό υπολογιστή ή φορητή συσκευή. Ωστόσο, έψαξα λίγο στο διαδίκτυο και κατάλαβα πώς να φτιάξω ένα animation. Η διεπαφή χρήστη για αυτό δεν είναι η πιο εύκολη, αλλά μέσα σε 20 λεπτά και αφού διάβασα μερικά σεμινάρια, μπόρεσα να το ξεπεράσω.

Προετοιμασία των πηγών εικόνων μας:

  • Διαστάσεις – Τα κινούμενα GIF μπορεί να είναι αρκετά μεγάλα, γι' αυτό φρόντισα να ρυθμίσω τις διαστάσεις του αρχείου μου στο photoshop ώστε να ταιριάζουν ακριβώς με το πλάτος του προτύπου email μας με πλάτος 600 px.
  • Συμπίεση – Οι αρχικές μας εικόνες ήταν υψηλής ανάλυσης και πολύ μεγάλο μέγεθος αρχείου, γι' αυτό άλλαξα το μέγεθός τους και τις συμπίεσα με Kraken σε JPG με πολύ μικρότερο μέγεθος αρχείου.
  • Μεταβάσεις – Ενώ μπορεί να μπείτε στον πειρασμό να προσθέσετε κινούμενα σχέδια tweens (π.χ. εξασθένιση μετάβασης) μεταξύ πλαισίων, που προσθέτει πολύ μέγεθος στο αρχείο σας, επομένως θα το απέφευγα να το κάνω.

Για να δημιουργήσετε το animation στο Photoshop:

  1. Δημιουργήστε ένα νέο αρχείο με τις διαστάσεις που αντιστοιχούν στις ακριβείς διαστάσεις που τοποθετείτε στο πρότυπο email σας.
  2. Αγορά Παράθυρο > Χρονολόγιο για να ενεργοποιήσετε την προβολή γραμμής χρόνου στη βάση του Photoshop.

Photoshop > Παράθυρο > Χρονολόγιο

  1. Προσθέστε το καθένα εικόνα ως νέο επίπεδο μέσα στο Photoshop.

Photoshop > Προσθήκη εικόνων ως επιπέδων

  1. Πατήστε Δημιουργία Frame Animaστην Περιοχή Χρονογραμμής.
  2. Στη δεξιά πλευρά της περιοχής Timeline, επιλέξτε το μενού χάμπουργκερ και επιλέξτε Φτιάξτε πλαίσια από στρώματα.

Photoshop > Timeline > Δημιουργία πλαισίων από επίπεδα

  1. Στην περιοχή Χρονολόγιο, μπορείτε σύρετε τα πλαίσια στη σειρά που θα θέλατε να εμφανίζονται οι εικόνες.
  2. Κάντε κλικ σε κάθε πλαίσιο όπου λέει 0 sec και επιλέξτε την ώρα που θέλετε να εμφανίζεται αυτό το πλαίσιο. διάλεξα 2.0 δευτερόλεπτα ανά καρέ.
  3. Στο αναπτυσσόμενο μενού κάτω από τα πλαίσια, επιλέξτε Για πάντα για να διασφαλίσετε ότι το animation επαναλαμβάνεται συνεχώς.
  4. Κάντε κλικ στο Κουμπί παιχνιδιού για προεπισκόπηση της κινούμενης εικόνας σας.
  5. Πατήστε Αρχείο > Εξαγωγή > Αποθήκευση για τον Ιστό (παλαιού τύπου).

Photoshop > Αρχείο > Εξαγωγή > Αποθήκευση για τον Ιστό (παλαιού τύπου)

  1. Αγορά GIF από τις επιλογές επάνω αριστερά στην οθόνη Εξαγωγή.
  2. Εάν οι εικόνες σας δεν είναι διαφανείς, αποεπιλέξτε το Διαφάνεια επιλογή.
  3. Πατήστε Αποθήκευση και εξάγετε το αρχείο σας.

photoshop εξαγωγή κινούμενων gif

Αυτό είναι! Τώρα έχετε το κινούμενο GIF για να ανεβάσετε στην πλατφόρμα email σας.

Αποκάλυψη: Ντουλάπα52 είναι πελάτης της εταιρείας μου, Highbridge. Χρησιμοποιώ συνδέσμους θυγατρικών σε όλο αυτό το άρθρο για πλίθα, Klaviyo, Krakenκαι Shopify.