Αρχική σελίδα » Photoshop » Σχεδίαση ετικετών / ετικετών Web 2.0 στο Photoshop

    Σχεδίαση ετικετών / ετικετών Web 2.0 στο Photoshop

    Πολλοί ιστότοποι Web 2.0 προτιμούν να χρησιμοποιούν ετικέτες (ή κονκάρδες) έτσι ώστε να παραδίδουν την κατάσταση της τρέχουσας ιστοσελίδας / υπηρεσίας, είτε την έκδοση είτε αν βρίσκονται ακόμα σε έκδοση beta. Η δημιουργία αυτών των ετικετών είναι αρκετά εύκολη, ειδικά με τη χρήση του Photoshop. Εκμάθηση μετά από άλμα.

    Δημιουργήστε έναν νέο καμβά, 400 πλάτος 200 ύψος. Επιλέγω Εργαλείο προσαρμοσμένου σχήματος, κάτω από Σχήμα's dropdown, επιλέξτε Σφραγίδα και να σχεδιάσετε το σχήμα στο κέντρο της σελίδας.

    Ονομάστε το στρώμα Star Label, ξεκινήστε Blending Επιλογές και εισαγάγετε τα παρακάτω στυλ:

    Σκίαση

    Εσωτερική σκιά

    Bevel και ανάγλυφο

    Επικάλυψη διαβαθμίσεων

    • Διακοπή χρώματος 1: # 0076b3, Τοποθεσία: 0%
    • Διακοπή χρώματος 2: # b3d5ff, Τοποθεσία: 100%

    Δημιουργήστε ένα νέο επίπεδο, επιλέξτε Εργαλείο οριζόντιου τύπου και εισαγάγετε οποιοδήποτε κείμενο. Θα χρησιμοποιήσω το κείμενο Βήτα! εδώ. Εκκινήστε τις επιλογές Blending, εισαγάγετε τα παρακάτω στυλ:

    Σκίαση

    Επικάλυψη διαβαθμίσεων

    • Διακοπή χρώματος 1: # b2b9bc, Τοποθεσία: 0%
    • Διακοπή χρώματος 2: #ffffff, Τοποθεσία: 100%

    Κρατήστε Ctrl, κάντε κλικ στη μικρογραφία στρώματος για το επίπεδο Star Label για να επιλέξετε το περίγραμμα. Δημιουργήστε νέο επίπεδο στην κορυφή, ονομάστε το Λείος.

    Με τα περιγράμματα που έχουν επιλεγεί ακόμα, επιλέξτε Πολυγωνικό εργαλείο Lasso, Κρατήστε Alt, και αφαιρέστε το μισό κύκλο όπως φαίνεται στην παρακάτω εικόνα.

    Βάλτε το υπόλοιπο μισό με λευκό, μειώστε την αδιαφάνεια μέχρι 15%, και εδώ είναι το τελικό αποτέλεσμα.