Γεια σου ρε παιδιά ένα ακόμη Photoshop Tutorial. Σε αυτό το σεμινάριο θα βρείτε Πώς μπορείτε να δημιουργήσετε έναν απλό πράσινο κουμπί στο Photoshop. Αυτό είναι πολύ απλό και πολύ αποτελεσματικό φροντιστήριο. Ελπίζω ότι θα απολαύσετε αυτό το σεμινάριο.

Τελικό αποτέλεσμα

Αυτό είναι αυτό που κάνουμε σήμερα πηγαίνουν

Βήμα # 1

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

Βήμα # 2

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

Βήμα # 3

Επιλέξτε το Rounded Rectangle Tool και να δημιουργήσει το κουμπί, μου είναι Radius 5px, πλάτος: 219px και ύψος: 40px..

Τώρα θα εφαρμόσουμε κάποιο αποτέλεσμα

Gradient Overlay

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

Κάντε διπλό κλικ στο αριστερό-χρώμα-stop και πληκτρολογήστε την τιμή # 55A646 χρώμα, στη συνέχεια, κάντε διπλό κλικ στο δεξί-χρώμα-stop και πληκτρολογήστε την τιμή χρώμα # A5CE3F.

Drop Shadow

Επόμενη εφαρμόσει το Πέτα στυλ στρώμα Shadow. Κρατήστε τη γωνία σε 120 °, από την αλλαγή των τιμών των Αδιαφάνεια, εξ αποστάσεως και μεγέθους. Επιλέγω να ρυθμίσετε το Αδιαφάνεια κατά 20%, σε απόσταση 1px και μεγέθους σε 5px.

Inner Shadow

Επόμενη εφαρμόζουν τις εσωτερικές στυλ στρώμα Shadow. Κρατήστε τη γωνία σε 120 °, από την αλλαγή των τιμών των Αδιαφάνεια, Choke και μέγεθος. Επιλέγω να ρυθμίσετε το Αδιαφάνεια κατά 27% και να πνιγούν στο 100% και μεγέθους σε 2px.

Επόμενη Αλλάξτε την ανάμειξη στην επιλογή Κανονική.

Bevel Εμβάθυνση

Επόμενη θα εφαρμόσει φαλτσοκοπής Εμβάθυνση, Πρώτη αλλαγή του στυλ να Inner Bevel και Τεχνική για την ομαλή, παρά την αλλαγή των τιμών του βάθους, Σκηνοθεσία, μέγεθος και να μαλακώσουν. Επιλέγω να ρυθμίσετε το βάθος στο 100%, σε Σκηνοθεσία Up, Μέγεθος σε 1px και Soften σε 0px

Κρατήστε τη γωνία κατά 120 °, υψόμετρο στο 30o

Τρόπος Highlight: Επιλέγω να ρυθμίσετε το Αδιαφάνεια σε 0%.

Σκιά λειτουργία: να επιλέξω για να ρυθμίσετε το Αδιαφάνεια κατά 14%.

Πλήγμα

Τέλος, θα εφαρμόσουμε το Stroke. Πρώτη αλλαγή των τιμών του μεγέθους. Επιλέγω να ορίσετε το μέγεθος σε 1px. Η αλλαγή της θέσης στο εσωτερικό

Επιλέγω να ρυθμίσετε το Αδιαφάνεια κατά 50%.

Αλλάξτε το χρώμα Stroke από την προεπιλογή να # 529846

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

Βήμα # 4

Επιλέξτε Οριζόντια Type Tool και κείμενο σχετικά με το είδος μπροστά.

Θα εφαρμοστεί ένα αποτέλεσμα για το κείμενο.

Gradient Overlay

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

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

Drop Shadow

Τέλος, θα εφαρμοστεί το Drop στυλ στρώμα Shadow. Κρατήστε τη γωνία σε 120 °, από την αλλαγή των τιμών των Αδιαφάνεια, εξ αποστάσεως και μεγέθους. Επιλέγω να ρυθμίσετε το Αδιαφάνεια κατά 34%, σε απόσταση 1px και μεγέθους σε 1px.

Τελικό αποτέλεσμα

Αν θέλετε να ελέγξετε την εργασία σας, μπορείτε να κατεβάσετε το αρχείο PSD για αυτό το σεμινάριο

Download File [240kB]

εάν επιθυμείτε να λάβετε περισσότερες έμπνευση από εμάς, παρακαλώ σκεφτείτε να εγγραφείτε για να μας ζωοτροφές από RSS ή με ηλεκτρονικό ταχυδρομείο.

Filed under: Photoshop, Tutorials από admin