Πώς να δημιουργήσετε μια επικεφαλίδα επαγγελματικού ιστοτόπου στο Photoshop

Το Photoshop CC 2014 είναι ένα ιδανικό εργαλείο για το σχεδιασμό επαγγελματικών εικόνων για τον ιστότοπό σας, συμπεριλαμβανομένων των banners. Κατά το σχεδιασμό του πρώτου banner σας, διατηρήστε το σχέδιο απλό έτσι ώστε το γραφικό να μην είναι υπερφορτωμένο με πάρα πολλές οπτικές πληροφορίες. Αν η επιχείρησή σας έχει χρώματα εταιρείας και εταιρική γραμματοσειρά, μπορείτε βεβαίως να χρησιμοποιήσετε αυτά τα χρώματα στο banner σας.

Βήμα 1

Εκκίνηση του Photoshop. Πατήστε "Ctrl-N" ή επιλέξτε "New" από το μενού Αρχείο. Στο πλαίσιο διαλόγου, καθορίστε το ύψος και το πλάτος για το banner σας, όπως πλάτος 900 pixels και 150 pixels high. Κάντε κλικ στο κουμπί "OK".

Βήμα 2

Επιλέξτε ένα στερεό χρώμα φόντου για το πανό, αν θέλετε. Για να το κάνετε αυτό, κάντε κλικ στο εικονίδιο "Χρώμα προσκηνίου" στη Γραμμή εργαλείων και επιλέξτε ένα χρώμα, στη συνέχεια κάντε κλικ στο "Εργαλείο ορθογωνίου" και σύρετέ το σε ολόκληρο το banner. Σε αυτό το σεμινάριο, ωστόσο, θα επικαλύπτουμε δύο κλίσεις αντί να χρησιμοποιήσουμε ένα στερεό υπόβαθρο.

Βήμα 3 - Κάντε κλικ στο εργαλείο "Κλίση" στην εργαλειοθήκη. Κάντε κλικ στο μενού "Γεμίστε" στη γραμμή Επιλογών και επιλέξτε την ασπρόμαυρη κλίση από τις διαθέσιμες προεπιλογές. Κάντε κλικ οπουδήποτε πάνω από το banner στον καμβά και σύρετε το δρομέα κάτω από το banner. Απελευθερώστε το κουμπί του ποντικιού για να εφαρμόσετε την κλίση.

Βήμα 4 - Κάντε κλικ στο "Οριζόντιο εργαλείο κειμένου" στην εργαλειοθήκη. Σύρετε το δρομέα πάνω από το banner για να δημιουργήσετε ένα πλαίσιο κειμένου. Χρησιμοποιήστε τα μενού στη γραμμή Επιλογών για να καθορίσετε μια γραμματοσειρά, το μέγεθος γραμματοσειράς και το χρώμα. Σύρετε το πλαίσιο κειμένου έτσι ώστε να είναι κεντραρισμένο στην αριστερή πλευρά του πανό.

Βήμα 5

Επιλέξτε "Άνοιγμα" από το μενού Αρχείο και επιλέξτε οποιαδήποτε εικόνα στον υπολογιστή σας που θέλετε να χρησιμοποιήσετε για το banner σας , όπως ένα λογότυπο της εταιρείας, μια εικόνα του εαυτού σας ή ένα προϊόν που πουλάτε. Όταν ανοίξει η εικόνα, επιλέξτε "Διπλότυπο" από το μενού Layer. Αλλάξτε τον προορισμό στο αρχείο κεφαλίδας, το οποίο θα ονομάζεται "Untitled-1" εκτός αν το έχετε ήδη αποθηκεύσει. Κάντε κλικ στο κουμπί "OK" για να προσθέσετε την εικόνα ως νέο επίπεδο στο banner σας.

Βήμα 6

Επιλέξτε "Μετασχηματισμός" από το μενού "Επεξεργασία" και, στη συνέχεια, κάντε κλικ στην επιλογή "Κλίμακα". Στις περισσότερες περιπτώσεις, ολόκληρη η εικόνα δεν θα είναι ορατή στο στενό πανό, αλλά το περίγραμμα της είναι ορατό αφού επιλέξετε "Κλίμακα". Σύρετε κάθε γωνία του περιγράμματος εικόνας για να το αλλάξετε το μέγεθος για το πανό σας. Κρατήστε πατημένο το πλήκτρο "Shift" ενώ σύρετε για να κλειδώσετε τον λόγο διαστάσεων του. Πατήστε Enter." Σύρετε την εικόνα έτσι ώστε να βρίσκεται στη δεξιά πλευρά του πανό.

Βήμα 7

Κάντε κλικ στο εικονίδιο "Κοντάρι χρώματος" στο Toolbar για να ανοίξετε το Color Picker. Κάντε κλικ οπουδήποτε στη δεξιά πλευρά του πανό για να ταιριάζει με το χρώμα του στον επιλογέα χρωμάτων και, στη συνέχεια, κάντε κλικ στο κουμπί "OK".

Βήμα 8 - Επιλέξτε το εργαλείο "Rectangle Tool" από την εργαλειοθήκη. Κάντε κλικ στο μενού "Συμπλήρωση" και, στη συνέχεια, επιλέξτε το εικονίδιο "Κλίση" στο επάνω μέρος των επιλογών μενού. Σύρετε τον κέρσορα απέναντι από το έμβλημα απλά μέσα από την αριστερή πλευρά της εικόνας μέχρι το αριστερό άκρο του πανό.

Βήμα 9

Εντοπίστε το στρώμα "Ορθογώνιο 1" στον πίνακα "Επίπεδα", το οποίο είναι το στρώμα που περιέχει το ορθογώνιο κλίσης που μόλις προσθέσατε . Σύρετε αυτό το στρώμα προς τα κάτω για να γίνει το τρίτο στρώμα από την κορυφή - κάτω από το "Layer 1" και το επίπεδο που περιέχει το κείμενό σας. Κάντε κλικ στο μενού "Αδιαφάνεια" στο επάνω μέρος του πίνακα "Επίπεδα" και σύρετε το ρυθμιστικό έτσι ώστε να είναι περίπου 50 τοις εκατό. Κάνοντας την κορυφή κλίση ημιδιαφανές επιτρέπει να συγχωνεύεται με την κλίση κάτω από αυτό, δημιουργώντας ένα πλούσιο φόντο.

Βήμα 10

Επιλέξτε το στρώμα που περιέχει το κείμενό σας στον πίνακα "Επίπεδα". Κάντε κλικ στο μενού "Layer", επιλέξτε "Style Layer" και, στη συνέχεια, κάντε κλικ στην επιλογή "Bevel & Emboss". Βεβαιωθείτε ότι το μενού Style έχει οριστεί σε "Emboss" και σύρετε το ρυθμιστικό "Depth" προς τα αριστερά - γύρω στο "225" τοις εκατό - για να προσθέσετε μόνο ένα μικρό κομμάτι αυτού του αποτελέσματος στο κείμενο.

Κάντε κλικ στην επιλογή "Σατινέ" στο παράθυρο στυλ επιπέδου. Για αυτό το στυλ, χρησιμοποιήστε μια λειτουργία συνδυασμού "πολλαπλασιάστε" και μειώστε το ποσοστό αδιαφάνειας σε περίπου "15" τοις εκατό. Αυτό συνδυάζει το στυλ σατέν με το στυλ αποτύπωσης. Ρυθμίστε τις ρυθμίσεις αν θέλετε και κάντε κλικ στο "OK".

Αποθηκεύστε την εικόνα ως banner βελτιστοποιημένη στο Web επιλέγοντας "Save for Web" από το μενού File. Επιλέξτε "JPEG" από το μενού Format και χρησιμοποιήστε μια ποιότητα εικόνας μεταξύ 75 και 80 τοις εκατό. Αυτό δημιουργεί μια εικόνα με μικρό μέγεθος αρχείου, το οποίο φορτώνεται γρήγορα από οποιοδήποτε πρόγραμμα περιήγησης στο Web, χωρίς να θυσιάζεται η ποιότητα της εικόνας. Κάντε κλικ στην επιλογή "Αποθήκευση" και επιλέξτε μια θέση για να αποθηκεύσετε το αρχείο στον υπολογιστή σας. Μετά το κλείσιμο του Photoshop, προσθέστε το αρχείο στην ιστοσελίδα σας