Στο σχεδιασμό των ιστότοπων, χρησιμοποιούνται συχνά τρισδιάστατα στοιχεία πλοήγησης. Τέτοια κουμπιά μπορούν να γίνουν στο πρόγραμμα επεξεργασίας γραφικών Photoshop, προσομοιώνοντας την ένταση χρησιμοποιώντας σκιές και ντεγκραντέ.
Απαραίτητη
Πρόγραμμα Photoshop
Οδηγίες
Βήμα 1
Δημιουργήστε ένα νέο έγγραφο σε έναν επεξεργαστή γραφικών χρησιμοποιώντας την επιλογή Νέα από το μενού Αρχείο. Επιλέξτε το μέγεθος του νέου εγγράφου για να ταιριάζει στο κουμπί και κάντε διαφανές το φόντο.
Βήμα 2
Ενεργοποιήστε το εργαλείο στρογγυλεμένου ορθογωνίου. Εάν θέλετε ένα ελαφρώς στρογγυλεμένο κουμπί, στη γραμμή επιλογών εργαλείου, ρυθμίστε το Radius σε ένα χιλιοστό. Σχεδιάστε ένα στρογγυλεμένο ορθογώνιο χρησιμοποιώντας το επιλεγμένο εργαλείο. Το προκύπτον σχήμα θα είναι η βάση για το κουμπί.
Βήμα 3
Κάντε δεξί κλικ στο επίπεδο και επιλέξτε την επιλογή Rasterize Layer. Φορτώστε την επιλογή με την επιλογή Load Selection από το μενού Select.
Βήμα 4
Χρησιμοποιήστε το Gradient Tool για να γεμίσετε το κουμπί με μια κλίση δύο χρωμάτων, επιλέγοντας έναν κατάλληλο συνδυασμό χρωμάτων από τις προεπιλογές στην παλέτα διαβαθμίσεων. Το στυλ ντεγκραντέ πρέπει να είναι γραμμικό, επιλέξτε το κάνοντας κλικ στο κουμπί Linear Gradient κάτω από το κύριο μενού. Το πάνω μέρος του κουμπιού μετά την πλήρωση πρέπει να είναι ελαφρύτερο από το κάτω.
Βήμα 5
Εφαρμόστε ένα στυλ στο επίπεδο. Για να το κάνετε αυτό, χρησιμοποιήστε την επιλογή Blending Options από το μενού περιβάλλοντος. Επιλέξτε την καρτέλα Drop Shadow και εισαγάγετε μια τιμή εκατόν είκοσι μοιρών για την παράμετρο Angle. Ορίστε την παράμετρο Μέγεθος σε τρία εικονοστοιχεία.
Βήμα 6
Στην καρτέλα Inner Shadow ορίστε την ίδια τιμή για την παράμετρο Angle και για το Size ορίστε την τιμή σε πέντε pixel. Εφαρμόστε το στυλ πατώντας το πλήκτρο Enter.
Βήμα 7
Κάντε μια σκιά για το κουμπί. Για να το κάνετε αυτό, κάντε κλικ στο κουμπί Δημιουργία νέου επιπέδου και γεμίστε την επιλεγμένη περιοχή του νέου επιπέδου με μαύρο. Επιλέξτε το Paint Bucket Tool για αυτό. Αποεπιλογή με Ctrl + D.
Βήμα 8
Εφαρμόστε ένα φίλτρο Gaussian Blur από την ομάδα Blur του μενού Filter στο μαύρο ορθογώνιο. Ορίστε το Radius σε τέσσερα pixel. Σύρετε το στρώμα σκιάς κάτω από το επίπεδο κουμπιού και ανεβάστε τη σκιά τρία έως τέσσερα εικονοστοιχεία. Για να το κάνετε αυτό, ενεργοποιήστε το Move Tool και μετακινήστε τη σκιά με τα κουμπιά του δρομέα. Μειώστε την αδιαφάνεια για αυτό το επίπεδο σε εξήντα τοις εκατό.
Βήμα 9
Κάντε το ενεργό στρώμα με το κουμπί και φορτώστε μια επιλογή από αυτό. Μειώστε την επιλογή κατά δύο εικονοστοιχεία χρησιμοποιώντας την επιλογή Σύμβαση από την ομάδα Τροποποίηση του μενού Επιλογή.
Βήμα 10
Δημιουργήστε ένα νέο επίπεδο και συμπληρώστε την προκύπτουσα επιλογή με μια γραμμική κλίση από λευκό σε διαφανές, έτσι ώστε το λευκό μέρος να βρίσκεται στο κάτω μέρος του κουμπιού. Καταργήστε την επιλογή. Χρησιμοποιώντας την επιλογή Δωρεάν μετασχηματισμός από το μενού Επεξεργασία, μειώστε την περιοχή που καλύπτεται από την κλίση κάθετα. Εφαρμόστε τον μετασχηματισμό με το πλήκτρο Enter.
Βήμα 11
Αλλάξτε τη λειτουργία μίξης του στρώματος διαβάθμισης σε επικάλυψη. Αυτό μπορεί να γίνει επιλέγοντας μια λειτουργία από την αναπτυσσόμενη λίστα στην αριστερή πλευρά της παλέτας Styles. Μειώστε την αδιαφάνεια του στρώματος σε εξήντα τοις εκατό.
Βήμα 12
Χρησιμοποιώντας το εργαλείο οριζόντιου τύπου, γράψτε το κείμενο που πρέπει να βρίσκεται στο κουμπί.
Βήμα 13
Συλλέξτε όλα τα επίπεδα σε ένα φάκελο χρησιμοποιώντας την επιλογή Επίπεδα ομάδας από το μενού Layer, επιλέγοντάς τα ενώ κρατάτε πατημένο το πλήκτρο Ctrl. Αποθηκεύστε το κουμπί σε ένα αρχείο psd χρησιμοποιώντας την επιλογή Αποθήκευση από το μενού Αρχείο.
