<Αναζήτηση> Αρχική Σελίδα / Όλα , BUTTON , Tutorial / άρθρο Blog: RIATMP1167-Photoshop Tutorial - Αντικατοπτρίζεται Button / Header

| Mobile | RSS

RIATMP1167-Photoshop Tutorial - Αντικατοπτρίζεται Button / Header

8 Οκτωβρίου, 2009

Σήμερα πρόκειται να κάνει μια γραμμή μενού. Αυτό είναι πολύ απλό, αλλά μπορείτε να χρησιμοποιήσετε το ίδιο κουμπί ή γραμμή μενού ή κεφαλίδα για πολλούς διαφορετικούς τύπους της ιστοσελίδας. Λόγω της χρώμα και το στυλ της μπορεί να είναι κατάλληλο για πολλά θέματα. Ακόμα μπορείτε να αλλάξετε τα χρώματα και να δημιουργήσω τη δική βλέμμα σας ή απλά να προχωρήσει και να χρησιμοποιήσετε αυτό premade το κουμπί για τα έργα σας. Τόσο εδώ είναι το φροντιστήριο.

Click here to download

Δημιουργήστε ένα νέο έγγραφο του Photoshop. Επιλέξτε το εργαλείο marquee ορθογώνιο και να δημιουργήσει ένα ευρύ ορθογώνιο. Δεν έχει σημασία τι χρώμα είναι γιατί θα προσθέσουμε Μορφές στρώματος.

Wide Rectangle

Ευρεία ορθογώνιο

Τώρα πηγαίνετε στο Layer / Layer Styles / Gradient Overlay. Για αναφορά ακολουθήστε την εικόνα που εμφανίζεται παρακάτω.

Gradient Overlay

Gradient Overlay

Έτσι, με το ύφος στρώματος θα πάρετε αποτέλεσμα σαν αυτό.

menu bar

γραμμή μενού

Τώρα ο χρόνος του να προσθέσει κάποιο δράμα στη γραμμή του μενού μας. Δημιουργήστε ένα νέο στρώμα και το όνομα το σκοτάδι. Τώρα επιλέξτε ένα τμήμα της γραμμής μενού μας και γεμίστε το με οποιοδήποτε χρώμα. Τώρα πάλι θα προσθέσουμε Gradient Overlay σε αυτό το επίπεδο. Έτσι, πηγαίνετε στο Layer / Layer Styles / Gradient Overlay. Για αναφορά ακολουθήστε την εικόνα που εμφανίζεται παρακάτω.

Layer Styles/Gradient Overlay

Μορφές στρώματος / Gradient Overlay

Έτσι, με το ύφος στρώματος θα πάρετε αποτέλεσμα σαν αυτό.

header

header

Χρειαζόμαστε δημιουργήσουμε διαχωριστικό γραμμές. Γι 'αυτό να δημιουργήσετε ένα νέο στρώμα και με ορθογώνια Marquee Tool δημιουργήσει μια λεπτή γραμμή ορθογώνιο. Γεμίστε το με το χρώμα (# 616161). Τώρα αντιγράψτε αυτό το στρώμα και το γέμισμα που με πιο ανοιχτό χρώμα (# 999999). Τώρα, ευθυγράμμιση και ο τόπος δύο πλευρές γραμμές-δίπλα και να συγχωνεύσει τις 2 στρώματα σε μία. Κάντε μερικές ακόμα αντίγραφο της εν λόγω γραμμής και να ευθυγραμμίσει σωστά. Συγχώνευση όλων των γραμμών σε ένα όνομα στρώμα "Γραμμή".

lines

γραμμές

Τώρα ο χρόνος του να προσθέσει κείμενο μενού μας? Μπορείτε επίσης να προσθέσετε το δικό σας κείμενο μενού σας.

menu text

κείμενο μενού


Αυτό είναι το 2ο μέρος της παρούσας Photoshop tutorial? Εδώ εμείς θα πρέπει να δημιουργήσει μια αντανάκλαση της γραμμής μενού. Συγχώνευση όλων των επιπέδων μενού και κείμενο σε ένα ενιαίο στρώμα. Διπλασιασμός το στρώμα γραμμή μενού από τον πίνακα στρώματα, και flip κάθετα (Επεξεργασία> μετατρέψει> Κατακόρυφη αναστροφή).
Photoshop Tutorial

Photoshop Tutorial

Δημιουργήστε ένα νέο στρώμα πάνω από τη γραμμή μενού και οι δύο. Κάντε μια επιλογή χρησιμοποιώντας το ορθογώνιο εργαλείο σκηνή. Επιλέξτε την κλίση εργαλείο, που με τη γραμμική κλήση και στη συνέχεια ανοίξτε την κλίση επεξεργαστή. Επιλέξτε "νέα στοιχεία για την διαφάνεια". Ρυθμίστε το χρώμα του προσκηνίου για την (# 2a2727) και σύρετε το εργαλείο κλίσης κατά την επιλογή για το νέο στρώμα. Και θα πρέπει να έχετε κάτι, όπως φαίνεται παρακάτω! Και αυτό μας φέρνει στο τέλος αυτού του Photoshop tutorial. Στην υγειά μας!

Menu or button or header or banner

Μενού ή κουμπί ή κεφαλίδας ή banner

Μοιραστείτε και απολαύστε
  •  RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=digg RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.dzone RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.facebook RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.google RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.linkedin RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=favorites.live RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.mixx RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.myspace RIATMP1167– Photoshop Tutorial   Reflected Button/ Header  RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=reddit RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=www.stumbleupon RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=technorati RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=twitter RIATMP1167– Photoshop Tutorial   Reflected Button/ Header favicons?domain=buzz.yahoo RIATMP1167– Photoshop Tutorial   Reflected Button/ Header
Αφήστε μια απάντηση 2071 εμφανίσεις, 4 μέχρι στιγμής, Σήμερα |
Ακολουθήστε Συζήτηση

Μια απάντηση σε "RIATMP1167-Photoshop Tutorial - Αντικατοπτρίζεται Button / Κεφαλίδα"

  1. ofigennoe.ru λέει:

    Σκέφτηκα ότι αυτό ήταν μια πολύ ενδιαφέρουσα θέση ευχαριστίες για τη σύνταξή της!

Αφήστε μια απάντηση