Πώς να δημιουργήσει Ι-Phone Όπως κουμπιού στο Photoshop
Γεια σου ρε παιδιά back-to-back Tutorials Photoshop. Σε αυτό το σεμινάριο θα σας μάθουν πώς να δημιουργήσετε Ι-Phone Όπως κουμπιού στο Photoshop. Αυτό είναι πολύ απλό και πολύ αποτελεσματικό φροντιστήριο. Ελπίζω ότι θα απολαύσετε αυτό το σεμινάριο.
Τελικό Preview
Αυτό είναι αυτό που κάνουμε σήμερα πηγαίνουν

Βήμα # 1
Ανοίξτε photoshop και να δημιουργήσει ένα νέο έγγραφο, η δική μου είναι 550 × 398px με λευκό φόντο.

Βήμα # 2
Συμπληρώστε το χρώμα στο φόντο στρώμα, το χρώμα μου είναι # 333333.

Βήμα # 3
Δημιουργήστε ένα νέο όνομα στρώμα το στρώμα λωρίδα κλίση. Επιλέξτε το Rectangular Marquee Tool και δημιουργούν λευκή λωρίδα.

Styling η λωρίδα Layer διπλό κλικ στην φωτογραφία του στρώματος λωρίδα στην Στρώματα ομάδας για το άνοιγμα του στρώματος στυλ παράθυρο διαλόγου, θα εφαρμόσουμε μια κάθετη gradiant αποτέλεσμα για το φόντο σας. Στη συνέχεια, κάντε κλικ στην κλίση olor γ σχετικά με το δικαίωμα του Gradient επιλογή να ανοίξει το χρώμα Gradient Editor.

Κάντε διπλό κλικ στα αριστερά-χρώμα-stop και πληκτρολογήστε την τιμή # aaaaaa χρώμα, κάντε διπλό κλικ στα αριστερά-κέντρο-χρώμα-stop και πληκτρολογήστε την τιμή # cccccc χρώμα, κάντε διπλό κλικ επάνω δεξιά-κέντρο-χρώμα-stop και πληκτρολογήστε το αξία χρώμα # dddddd, στη συνέχεια, κάντε διπλό κλικ στο δεξί-χρώμα-stop και πληκτρολογήστε την τιμή # FFFFFF χρώμα.

Θα πρέπει να μοιάζει με αυτό.

Βήμα # 4
Επιλέξτε το Rounded Rectangle Tool και να δημιουργήσει το κουμπί, ακτίνα η δική μου είναι 90X40px.

Τώρα εφαρμόζεται κάποιο αποτέλεσμα
Gradient Overlay
Styling το κουμπί, κάντε διπλό κλικ στην φωτογραφία του κουμπιού Layer στην Στρώματα ομάδας για το άνοιγμα του στρώματος στυλ παράθυρο διαλόγου, θα εφαρμόσουμε μια κάθετη gradiant αποτέλεσμα για κουμπιού σας. Στη συνέχεια, κάντε κλικ στο χρώμα κλίση για το δικαίωμα του Gradient δυνατότητα να ανοίξει το χρώμα Gradient Editor.

Κάντε διπλό κλικ στα αριστερά-χρώμα-stop και πληκτρολογήστε την τιμή χρώμα # 000000, κάντε διπλό κλικ στα αριστερά-κέντρο-χρώμα-stop και πληκτρολογήστε την τιμή χρώμα # 222222, κάντε διπλό κλικ επάνω δεξιά-κέντρο-χρώμα-stop και πληκτρολογήστε το τιμή χρώμα # 444444, στη συνέχεια, κάντε διπλό κλικ στο δεξί-χρώμα-stop και πληκτρολογήστε την τιμή χρώμα # 666666.

Bevel και Εμβάθυνση
Επόμενη εφαρμόζουν τις φαλτσοκοπής Εμβάθυνση και στυλ στρώμα. Αλλάζοντας το στυλ στο Εξωτερικό φαλτσοκοπής, από την αλλαγή των τιμών του Βάθος, Μέγεθος και να μαλακώσουν. Επιλέγω να ρυθμίσετε το βάθος στο 100%, μέγεθος σε 1px και Soften σε 10px
Σημαντικό μέρος του Εγχειριδίου: Κρατήστε το Angle στο -90 o, Υψόμετρο σε θερμοκρασία 40 o
Τρόπος Highlight: Επιλέγω να ρυθμίσετε το Αδιαφάνεια κατά 100%.
Σκιά λειτουργία: να επιλέξω για να ρυθμίσετε το Αδιαφάνεια κατά 100%.

Πλήγμα
Τέλος, θα εφαρμόσουμε το Stroke. Πρώτη αλλαγή των τιμών του μεγέθους. Επιλέγω να ορίσετε το μέγεθος σε 1px. Η αλλαγή της θέσης στο εσωτερικό
Επιλέγω να ρυθμίσετε το Αδιαφάνεια κατά 80%.
Αλλάξτε το χρώμα Stroke από την προεπιλογή για να # 222222

Θα πρέπει να μοιάζει με αυτό.

Βήμα # 5
Επιλέξτε το εργαλείο κειμένου και πληκτρολογήστε το κείμενο στο μπροστινό μέρος.

Θα εφαρμοστεί ένα αποτέλεσμα για το κείμενο.
Bevel Εμβάθυνση
Κάντε διπλό κλικ στις φωτογραφίες για το στρώμα του κειμένου στο Στρώματα ομάδας για το άνοιγμα του στρώματος στυλ παράθυρο διαλόγου. Θα εφαρμοστεί φαλτσοκοπής Εμβάθυνση, πρώτη αλλαγή του στυλ να Εξωτερική Bevel και να Τεχνική Chisel Soft, από την αλλαγή των τιμών του βάθους, Σκηνοθεσία, μέγεθος και να μαλακώσουν. Επιλέγω να ρυθμίσετε το βάθος στο 130%, Σκηνοθεσία σε μέγεθος Down σε 1px και να μαλακώσουν σε 0px
Σημαντικό μέρος του Εγχειριδίου: Κρατήστε τη γωνία στις 90 μοίρες, Υψόμετρο στους 30 o
Τρόπος Highlight: Επιλέγω να ρυθμίσετε το Αδιαφάνεια σε 0%.
Σκιά λειτουργία: να επιλέξω για να ρυθμίσετε το Αδιαφάνεια κατά 50%.

Τελικό Preview
Τέλος κάναμε αυτό το σεμινάριο.
Αυτό είναι αυτό που κάνουμε σήμερα πηγαίνουν

Κατεβάστε το αρχείο προέλευσης
Αν θέλετε να ελέγξετε την εργασία σας, μπορείτε να κατεβάσετε το αρχείο PSD για αυτό το σεμινάριο.
iphone-like-buttons.rar (21,3 kb)
Σχετικά άρθρα:
αν απολαύσατε την ανάγνωση αυτού του άρθρου, παρακαλώ ελέγξτε τα άλλα συναφή άρθρα παρακάτω:






















































aioon λέει: 23 Σεπτεμβρίου 2009 στις 5:58 pm Said:
nice one! i like it