Etichetta / badge di design Web 2.0 in Photoshop
Molti siti Web 2.0 amano utilizzare etichette (o badge) come questo per fornire lo stato del sito / servizio corrente, sia la versione sia se sono ancora in versione beta. Creare queste etichette è abbastanza facile, specialmente con l'uso di Photoshop. Tutorial dopo il salto.
Crea una nuova tela, 400 larghezza 200 altezza. Selezionare Strumento di forma personalizzata, sotto FormaIl menu a discesa, selezionare Foca e disegna la forma al centro della pagina.
Denominare il livello Star Label, avviare Opzioni di fusione e inserisci questi seguenti stili:
Ombra esterna
Ombra interiore
Smusso e rilievo
Sovrapposizione sfumatura
- Color Stop 1: # 0076b3, Ubicazione: 0%
- Color Stop 2: # b3d5ff, Ubicazione: 100%
Crea un nuovo livello, seleziona Strumento di tipo orizzontale e inserire qualsiasi testo. Userò il testo Beta! Qui. Avvia le opzioni di fusione, inserisci i seguenti stili:
Ombra esterna
Sovrapposizione sfumatura
- Color Stop 1: # b2b9bc, Ubicazione: 0%
- Color Stop 2: #ffffff, Posizione: 100%
tenere Ctrl, fare clic sulla miniatura del livello per il livello Star Label per selezionare il suo contorno. Crea un nuovo livello in alto, chiamalo Lucido.
Con i contorni ancora selezionati, Seleziona Strumento Lazo poligonale, tenere alt, e disegna un mezzo cerchio come illustrato nell'immagine qui sotto.
Dipingi la metà rimanente con il bianco, riduci l'opacità fino al 15%, ed ecco il risultato finale.
