Πώς να δημιουργήσετε Web 2.0 Κουμπιά στο Photoshop

Web 2.0 είναι ένα δημοφιλές στυλ στο web design . Κουμπιά Web 2.0 δούμε τρισδιάστατα και λαμπερό , σαν μια φούσκα , όπως κι αν είναι βρεθώ έξω από την οθόνη . Η διαδικασία για τη δημιουργία web 2.0 κουμπιά περιλαμβάνει πολλές κλίσεις και εργασίας στρώμα . Τα πράγματα που θα χρειαστείτε
Photoshop
Η Εμφάνιση Περισσότερες οδηγίες
Η 1

Open Photoshop , δημιουργήστε ένα νέο αρχείο και να ορίσετε το μέγεθος του καμβά σε ό, τι μέγεθος το κουμπί σας θα είναι . Πιάσε το εργαλείο σχήματος από τη γραμμή εργαλείων , επιλέξτε ένα στρογγυλεμένο ορθογώνιο ή κύκλο , δεδομένου ότι αυτό είναι πιο συχνή στο στυλ web 2.0 . Επιλέξτε ένα χρώμα για το κουμπί σας και κάντε κλικ και σύρετε για να δημιουργήσετε το σχήμα , έτσι ώστε να γεμίζει σχεδόν τον καμβά . Αφήστε ένα ζευγάρι των pixels γύρω από αυτό για τα σύνορα . Στη συνέχεια , κάντε δεξί κλικ στο επίπεδο του σχήματος στον πίνακα επιπέδων και επιλέξτε " Ραστεροποίηση . " 2

Επιλέξτε το εργαλείο ντεγκραντέ. Ρίξτε μια ματιά στο μενού κλίση drop-down ακριβώς κάτω από τη γραμμή μενού στο πάνω μέρος της οθόνης σας , και να βρούμε μια δίχρωμη κλίση χρησιμοποιώντας το χρώμα του σχήματός σας και το λευκό . Αν δεν μπορείτε να δείτε τα χρώματα που θέλετε , κάντε κλικ στην εικόνα κλίση στο πάνω μέρος του μενού αντ 'αυτού. Αυτό θα σας μεταφέρει σε ένα παράθυρο διαλόγου όπου μπορείτε να επεξεργαστείτε, να δημιουργήσετε και να αποθηκεύσετε προσαρμοσμένες διαβαθμίσεις . Κάντε την κλίση σας , χρησιμοποιώντας τα ρυθμιστικά . Μόλις έχετε την κλίση που χρειάζεται , ρυθμίστε κλίση αδιαφάνεια σε 40 % . Στη συνέχεια , Control-κλικ ή Command - κλικ στο εικονίδιο του επιπέδου στον πίνακα στρώμα για να επιλέξετε τα pixels σε αυτό το στρώμα . Κάντε κλικ και σύρετε από την κορυφή έως περίπου 80 % κάτω από το σχήμα για να εφαρμόσει την κλίση . Τώρα , χρησιμοποιώντας το εργαλείο κειμένου, δημιουργήστε ένα πλαίσιο κειμένου και πληκτρολογήστε το κείμενο για το κουμπί σας . Πηγαίνετε πίσω στο κανονικό δείκτη του ποντικιού σας και τοποθετήστε το κείμενο στο κέντρο του κουμπιού
εικόνων 3

Προσθέστε 1 - . Ή 2 - pixel εγκεφαλικό επεισόδιο στο κείμενό σας , χρησιμοποιώντας στυλ επιπέδου . Κάντε το εγκεφαλικό επεισόδιο χρώμα λίγο πιο σκούρο από το χρώμα του κουμπιού σας . Κάντε το ίδιο για το στρώμα το κουμπί σας . Κάντε ένα νέο σχήμα το ίδιο με το αρχικό σχήμα κουμπιού , αλλά περίπου 90 % το πλάτος και το 50 % τόσο ψηλό όσο το πρωτότυπο . Τοποθετήστε το στο κέντρο και κοντά στην κορυφή του αρχικού σχήματος κουμπιού. Ραστεροποιήσετε το σχήμα , όπως κάνατε με την πρώτη σας σχήμα . Επιλέξτε τα pixel από τον έλεγχο ή Command - κλικ στο εικονίδιο στρώμα και να διαγράψει την επιλεγμένη περιοχή εντελώς . Τώρα , επιλέξτε ξανά το εργαλείο κλίσης και να δημιουργήσει μια κλίση που πηγαίνει από λευκό σε διαφανές . Τώρα που ξέρετε πώς από το τελευταίο βήμα , θα πρέπει να είναι εύκολη . Εφαρμόστε το ντεγκραντέ , κάνοντας κλικ και σύροντας προς τα κάτω σε όλη την σχήμα, ώστε το λευκό είναι στην κορυφή και σβήνει προς τα κάτω σε διαφανείς .
Η 4

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