Με το σωστό σχεδιασμό ενός διαφημιστικού banner, μπορείτε να προσελκύσετε την προσοχή και το ενδιαφέρον για την υπηρεσία σας. Σε αυτό το σεμινάριο, θα σας δείξουμε πώς να δημιουργήσετε ένα ελκυστικό banner σε μορφή 16:9 στο Photoshop. Θα χρησιμοποιήσουμε δημιουργική τυπογραφία, μια εντυπωσιακή σύνθεση εικόνων και θα ενσωματώσουμε ακόμη και ένα αποτελεσματικό σύστημα αξιολόγησης. Ας ξεκινήσουμε αμέσως και ας φτάσουμε εκεί βήμα προς βήμα.
Βασικά συμπεράσματα
- Η επιλογή της μορφής (16:9) είναι ζωτικής σημασίας για τη σύνθεση.
- Οι κατευθυντήριες γραμμές βοηθούν στη βελτιστοποίηση της τοποθέτησης των στοιχείων.
- Η χρήση ελκυστικών γραμματοσειρών και μεγεθών γραμματοσειράς προσελκύει την προσοχή.
- Ένα ολοκληρωμένο σύστημα αξιολόγησης μπορεί να προωθήσει τη λήψη αποφάσεων από τους πελάτες.
- Μια αποτελεσματική κλήση προς δράση με τη μορφή banner αυξάνει το ποσοστό μετατροπής.
Οδηγός βήμα προς βήμα
Ρύθμιση του χώρου εργασίας
Ξεκινήστε ανοίγοντας το πρόγραμμα Photoshop και δημιουργώντας έναν νέο χώρο εργασίας. Χρησιμοποιήστε τον συνδυασμό πλήκτρων Command + N (ή Ctrl + N) για να ανοίξετε τον διάλογο αρχείων. Ορίστε το πλάτος σε 1920 pixels και το ύψος σε 1080 pixels για να επιτύχετε την επιθυμητή μορφή 16:9.
Στη συνέχεια, δημιουργήστε μια νέα διάταξη οδηγού κάνοντας κλικ στην επιλογή "View" (Προβολή) και στη συνέχεια στην επιλογή "New guide layout" (Νέα διάταξη οδηγού). Ορίστε τις ρυθμίσεις περιθωρίου σε 100 pixels για να διευκολύνετε την τοποθέτηση των στοιχείων σας.
Επιλέξτε και τοποθετήστε την εικόνα
Τώρα χρειάζεστε μια εικόνα για το πανό σας. Μπορείτε να βρείτε μια κατάλληλη εικόνα από μια πλατφόρμα όπως το Unsplash. Εγώ χρησιμοποιώ μια εικόνα της παραλίας Maverick Beach στην Καλιφόρνια. Σύρετε και αποθέστε την εικόνα στο χώρο εργασίας σας. Περιστρέψτε την εικόνα έτσι ώστε τα κύματα να δείχνουν προς τα δεξιά και κλιμακώστε την ανάλογα για να την τοποθετήσετε ελκυστικά στην κορυφή.
Προσθέστε κείμενο
Επιλέξτε το εργαλείο κειμένου και επιλέξτε μια κατάλληλη γραμματοσειρά. Προτείνω τη γραμματοσειρά "Teko", την οποία μπορείτε να βρείτε στη διεύθυνση www.fonts.google.com. Αφού την κατεβάσετε, εγκαταστήστε την στον υπολογιστή σας. Τώρα εισάγετε ένα εισαγωγικό κείμενο, όπως "Έχετε αυτό που χρειάζεται για να καβαλήσετε τα κύματα;". Ρυθμίστε το μέγεθος της γραμματοσειράς στα 74 σημεία και βεβαιωθείτε ότι τα κεφαλαία γράμματα είναι ενεργοποιημένα για να επιτύχετε μια εντυπωσιακή εμφάνιση.
Δημιουργήστε ένα αντίγραφο του πλαισίου κειμένου και αλλάξτε το κείμενο σε "Surfer?". Ρυθμίστε το μέγεθος γραμματοσειράς για αυτό το κείμενο σε 255 σημεία. Είναι σημαντικό αυτό το κείμενο να είναι ορατό και εντυπωσιακό.
Προσαρμογή γραμμών και διάταξης
Για να προσθέσετε μια διακριτική γραμμή στο πανό σας, επιλέξτε το εργαλείο σχεδίασης γραμμών, κρατήστε πατημένο το πλήκτρο Shift και σχεδιάστε μια γραμμή ύψους 2 pixel. Αυτή η γραμμή θα σας βοηθήσει να διαχωρίσετε σαφώς τις διάφορες περιοχές του πανό σας.
Αποτελεσματικός σχεδιασμός κειμένου
Συνδυάστε τα στοιχεία κειμένου σε μια ομάδα πατώντας το πλήκτρο Command + G. Μπορείτε να προσαρμόσετε περαιτέρω το κείμενο μεταβάλλοντας τη γραμματοσειρά, το μέγεθος και την απόσταση μεταξύ των αριθμών. Ένα ελκυστικά σχεδιασμένο υποσέλιδο θα μπορούσε να είναι "Ζήστε την εμπειρία της καθαρής αδρεναλίνης τώρα". Βεβαιωθείτε ότι εξασφαλίζετε καλή αναγνωσιμότητα δημιουργώντας αρκετή αντίθεση μεταξύ της γραμματοσειράς και του φόντου.
Ρυθμίστε τη φωτεινότητα και την αντίθεση
Για να επικεντρωθείτε στις σημαντικές πληροφορίες, εργαστείτε με τη φωτεινότητα και την αντίθεση. Δημιουργήστε ένα επίπεδο ρύθμισης για τη φωτεινότητα και ρυθμίστε την έτσι ώστε οι λεπτομέρειες του φόντου να μην αποσπούν την προσοχή αλλά να υποστηρίζουν το κείμενο.
Προσθέστε ένα σύστημα αξιολόγησης
Τώρα ήρθε η ώρα να ενσωματώσετε ένα σύστημα αξιολόγησης. Μεταβείτε στη διεύθυνση www.tutkit.com και κατεβάστε το αρχείο PNG για τις αξιολογήσεις με αστέρια. Στη συνέχεια, τοποθετήστε τα αστέρια στο κάτω μέρος του banner σας και προσαρμόστε το μέγεθος αναλόγως, ώστε να ταιριάζουν καλά στη διάταξη.
Πληροφορίες για τις τιμές και συμπέρασμα
Τώρα προσθέστε τις πληροφορίες για την τιμή, όπως για παράδειγμα "199 €". Τοποθετήστε την με τέτοιο τρόπο ώστε να είναι οπτικά εντυπωσιακή και να αντιστοιχεί σε όλα τα άλλα στοιχεία του banner. Βεβαιωθείτε ότι όλα τα στοιχεία είναι καλά ευθυγραμμισμένα και εναρμονίζονται μεταξύ τους.
Δημιουργήστε ένα σήμα για τις προσφορές
Τέλος, δημιουργήστε ένα σήμα για ειδικές προσφορές ή προωθητικές ενέργειες. Χρησιμοποιήστε το εργαλείο πολυγώνου για να δημιουργήσετε ένα κατάλληλο σχήμα που να τραβάει την προσοχή. Στη συνέχεια, επιλέξτε ένα χρώμα υψηλής αντίθεσης για να κάνετε το σήμα να ξεχωρίζει ακόμα περισσότερο.
Περίληψη
Έχετε πλέον μάθει πώς να δημιουργείτε ένα ελκυστικό διαφημιστικό banner στο Photoshop. Με τα κατάλληλα στοιχεία εικόνας, την ελκυστική τυπογραφία και τη χρήση ενός συστήματος αξιολόγησης, θα μείνετε στο μυαλό των πελατών σας. Χρησιμοποιήστε τα βήματα που μάθατε για να δημιουργήσετε δημιουργικά και αποτελεσματικά διαφημιστικά banners που παρουσιάζουν την προσφορά σας με τον καλύτερο δυνατό τρόπο.
