Σχεδιάστε μια καρτέλα Web 2.0 με το Photoshop
Ο παρακάτω οδηγός που ακολουθεί επιχειρεί να σας δώσει μια ιδέα για το πώς να σχεδιάσετε ένα ωραίο μενού με κομψή καρτέλα στο στυλ του Photoshop, Web 2.0.
Βήμα 1
Δημιουργήστε ένα νέο καμβά με λευκό φόντο [#ffffff] σε οποιοδήποτε μέγεθος θέλετε, κατά προτίμηση ορθογώνιο. είναι πιο κατάλληλα για να σχεδιάσετε καρτέλες. Στη συνέχεια, μεταβείτε στο Καρτέλα Κανάλια (Windows -> Κανάλια), κάντε κλικ στην επιλογή Δημιουργία νέου καναλιού στο κάτω δεξιά.
Βήμα 2
Στο επιλεγμένο επίπεδο καναλιού, σχεδιάστε παρόμοιο σχήμα με το εργαλείο Polygonal Lasso. Γεμίστε το με λευκό χρώμα [#ffffff]; καταργήστε την επιλογή της πολυγωνικής περιοχής (επιλέξτε οποιοδήποτε εργαλείο Marquee και πατήστε την οθόνη). δώστε το σχήμα Gaussian Blur με ακτίνα 6.0px.
Βήμα 3
CTRL-L για να καλέσετε το Διάλογο Επίπεδα και να πιέσετε το αριστερό και δεξί βέλος για να συναντήσετε το κεντρικό βέλος, όπως στην παραπάνω εικόνα. αυτό θα “λείος” το θολωμένο σχήμα σας και θα σας δώσει ένα ωραίο στρογγυλεμένο σχήμα γωνίας.
Βήμα 4
Στην καρτέλα Κανάλια, Κρατήστε CTRL, κάντε κλικ στο Μικρογραφία καναλιού του επιπέδου Alpha 1. Το νέο σχήμα θα επιλεγεί τώρα, αλλάζοντας πάλι Καρτέλα επιπέδων, Δημιουργία νέου επιπέδου και συμπληρώστε την επιλεγμένη περιοχή με μαύρο [# 000000].
Βήμα 5
Αφαιρέστε τις στρογγυλεμένες γωνίες προς τα κάτω και προς τα κάτω προς τα κάτω, μετακινήστε το προς τα αριστερά και τοποθετήστε το όπως φαίνεται παραπάνω. Στη συνέχεια θα επικεντρωθούμε στην καρτέλα μαύρου χρώματος.
| Κρατήστε CTRL, κάντε κλικ στην καρτέλα Μικρογραφία στρώματος για να επισημανθεί ολόκληρη η εικόνα καρτελών. | |
| Με την εικόνα καρτέλας ακόμα επισημαίνεται, επιλέξτε Εργαλείο ορθογώνιας μαρκαρίσματος, Κρατήστε ALT και να σχεδιάσουμε μια ορθογώνια περιοχή που θέλουμε να αφαιρέσουμε. | |
| Θα πρέπει να δείτε μόνο το επάνω μέρος που επιλέξατε. Επιλέγω -> Τροποποιώ -> Σύμβαση, Συμβόλαιο 2px και θα πρέπει να πάρετε κάτι σαν την εικόνα στα αριστερά. | |
| Δημιουργήστε ένα νέο στρώμα, συμπληρώστε την επισημασμένη περιοχή με λευκό [#ffffff]. Κάντε δεξί κλικ, επιλέξτε Blending Επιλογές έπειτα Επικάλυψη διαβαθμίσεων. Αντικαταστήστε το λευκό [#ffffff] χρώμα με το γκρι [# 616161]. Η καρτέλα σας θα μοιάζει με την εικόνα στα αριστερά. |
Βήμα 6
Δημιουργήστε ένα νέο επίπεδο. Επιλέγω Στρογγυλεμένο ορθογώνιο εργαλείο (Ακτίνα 8px), σχεδιάστε ένα ορθογώνιο και τοποθετήστε αυτό το στρώμα πίσω από το στρώμα μαύρης καρτέλας. Κάντε δεξί κλικ και επιλέξτε Blending Επιλογές και εισαγάγετε τις ακόλουθες ρυθμίσεις.
Σκίαση
- Αδιαφάνεια: 31%
- Απόσταση: 0px
- Διάδοση: 0%
- Μέγεθος: 2px
Bevel και ανάγλυφο
- Βάθος: 100%
- Μέγεθος: 0px
- Μαλακώνει: 0px
Επικάλυψη διαβαθμίσεων
- Ακολουθούν οι ρυθμίσεις των στάσεων χρώματος.
- Χρώμα: # aaaaaa, Τοποθεσία: 0%
- Χρώμα: #ffffff, Τοποθεσία 100%
Βήμα 7
Βάλτε σε κάποιο κείμενο για να δείτε τη συνολική εμφάνιση του web 2.0. Χρησιμοποιώ γραμματοσειρά Lucida Fax, μέγεθος γραμματοσειράς 32pt και 25pt. Και η καρτέλα σας γίνεται! Μπορείτε να παίξετε με το συνδυασμό χρωμάτων της Tab.
Κατεβάστε τον οδηγό
