Σχεδιασμός ρεαλιστικού ανοξείδωτου φόντου και κειμένου [Photoshop Tutorial]

Οι σχεδιαστές ιστοσελίδων και οι webmasters αγαπούσαν το δροσερό χάλυβα ή τα μεταλλικά είδη των αποτελεσμάτων πριν από την Web 2.0 καταιγίδες μέσα και πλένονται όλα μακριά? αφήνοντας το WWW με γυαλιστερό, κακόβουλο διαβαθμίσεις ιστότοπους. Apple.com έχει πάντα σχετιστεί με το καλό σχεδιασμό διεπαφής Web 2.0, αλλά αυτοί οι τύποι δεν έχασαν ποτέ τα δροσερά μαύρα και ασημένια εφέ, ούτε αποτυγχάνουν να τα καταστήσουν καλύτερα στα σχέδια και την τυπογραφία τους.

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

Ιστορικό από ανοξείδωτο χάλυβα

Βήμα 1

Δημιουργήστε ένα κενό νέο έγγραφο μεγέθους 600 × 400. Δημιουργήστε ένα νέο στρώμα, ονομάστε το 'Ιστορικό' και γεμίστε το με γκρι χρώμα [# c0c0c0]. Αντίγραφο 'Ιστορικό' layer, ονομάστε το νέο στρώμα 'χαλύβδινο φόντο'και τοποθετήστε το πάνω στην'Ιστορικό'.

Βήμα 2

Με το επιλεγμένο επίπεδο "χαλύβδινο φόντο", εφαρμόστε Φίλτρο -> Προσθήκη θορύβου και πληκτρολογήστε τις ακόλουθες ρυθμίσεις:

• Ποσό: 14.21
• Κατανομή: Gaussian
• Ελέγχθηκε μονοχρωματικά

Βήμα 3

Με 'χαλύβδινο φόντο'επιλεγμένο επίπεδο, πηγαίνετε Φίλτρο -> Θολούρα -> Ψεύτικη κίνηση και πληκτρολογήστε τις ακόλουθες ρυθμίσεις:

• Άγγελος: 0
• Απόσταση: 34 εικονοστοιχεία

Κάντε δεξί κλικ 'χαλύβδινο φόντο', επιλέξτε Blending Επιλογές και εισαγάγετε τις ακόλουθες ρυθμίσεις για Επικάλυψη διαβάθμισης - Επεξεργαστής κλίσης:

Διακοπή χρώματος 1

• Χρώμα: # 000000
• Αδιαφάνεια: 50%
• Τοποθεσία: 0%

Διακοπή χρώματος 2

• Χρώμα: #ffffff
• Τοποθεσία: 50%

Διακοπή χρώματος 3

• Χρώμα: # 000000
• Αδιαφάνεια: 50%
• Τοποθεσία: 0%

Μεταλλικό κείμενο

Βήμα 4

Το φόντο του ανοξείδωτου χάλυβα είναι βασικά, θα συνεχίσουμε από εκεί για να εισαγάγουμε ένα μεταλλικό κείμενο που θα πρέπει να φαίνεται ανάλογο. Χρησιμοποιήστε το Εργαλείο κειμένου, γράψτε κάτι στη μέση, κατά προτίμηση με σκεπτόμενο λίπος γραμματοσειράς (χρησιμοποιώ Myriad Pro Bold εδώ). Κάντε δεξί κλικ (ή διπλό κλικ) στο στρώμα κειμένου για να ξεκινήσετε το Blending Επιλογές διαλόγου.

1. Σκίαση

• Αδιαφάνεια: 38%
• Απόσταση: 1px
• Διαδώστε: 1%
• Μέγεθος: 2px

• Βάθος: 100%
• Μέγεθος: 0px
• Μαλακώνει: 0px
• Επισημάνετε την αδιαφάνεια: 42%
• Σκιά αδιαφάνειας: 32%

Το κείμενό σας πρέπει να φαίνεται κάτι παρόμοιο με το παρακάτω.

Βήμα 5

Εδώ είναι κάτι που πρέπει να ακολουθήσετε στενά. Κρατήστε το πλήκτρο ελέγχου (Mac: Πλήκτρο εντολών) και κάντε αριστερό κλικ στο στρώμα κειμένου για να τονίσετε το περίγραμμα του. Βεβαιωθείτε ότι το περίγραμμα παραμένει εκεί, επιλέξτε 'χαλύβδινο φόντο"στρώμα, και πατήστε Έλεγχος + J (Mac: Command + J)

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

Βήμα 6

Αλλαγή 'υπόβαθρο κειμένου' προς το Χρώμα Κάψτε, φέρτε το Αδιαφάνεια μέχρι 67%.

Η τελική παραγωγή σας θα πρέπει να φαίνεται παρόμοια με την παρακάτω εικόνα.

Λήψη αρχείου .PSD.