Un badge nel web design significa un tipo di badge con cui tutti hanno familiarità, che di solito contiene informazioni su una sezione di un sito, un argomento specifico o servizi del sito. I badge possono avere varie forme, sia semplici (forme geometriche) che più complesse (combinando più forme).
Necessario
Software Adobe Photoshop
Istruzioni
Passo 1
Dopo aver avviato l'editor grafico, premi la scorciatoia da tastiera Ctrl + N (crea un file). Nella finestra che si apre, è necessario indicare che si sta creando un documento RGB di forma quadrata con dimensioni di 600 px; è preferibile utilizzare uno sfondo bianco.
Passo 2
Nella parte sinistra della finestra del programma c'è una barra degli strumenti, fai clic sullo strumento Forma personalizzata, nel pannello superiore appariranno parametri aggiuntivi, tra cui ci sarà una scelta della forma del futuro badge. Nella casella di riepilogo a discesa Forma selezionare qualsiasi forma. Se non trovi una forma adatta, fai clic sulla freccia e seleziona la raccolta di forme Oggetto.
Passaggio 3
Crea una forma nel documento allungandola con il tasto sinistro del mouse. Utilizzare il comando Rasterizza livello dal menu contestuale per sovrapporre un raster a un'immagine.
Passaggio 4
Quindi seleziona la forma nel modo standard o usando il tasto Ctrl, che dovrebbe essere bloccato contemporaneamente facendo clic con il pulsante sinistro del mouse sul livello con la forma creata.
Passaggio 5
Vai al selettore colori e seleziona 2 colori (primo piano e sfondo), un colore dovrebbe essere leggermente più scuro dell'altro. Fare clic sullo strumento Sfumatura e tracciare una linea sull'immagine. Se è una forma semplice, come un quadrato, traccia una linea dall'angolo in alto a sinistra e fermati nell'angolo in basso a destra.
Passaggio 6
Per deselezionare una forma, usa la scorciatoia da tastiera Ctrl + D. L'immagine risultante dovrebbe essere elaborata, ad es. aggiungere alcuni effetti. Seleziona il livello della forma e fai clic sul pulsante "Filtri" nel pannello dei livelli. Applicare un filtro Ombra esterna con i seguenti parametri: Opacità-20, Angolo-120, Distanza-10, Dimensione-15.
Passaggio 7
Quindi applicare un filtro Bevel and Emboss con i seguenti parametri: Style-Inner Bevel, Technique-Chisel Hard, Size-2.
Passaggio 8
Successivamente, è necessario creare un nuovo livello. Per questo livello, devi ripristinare tutti i colori, questo può essere fatto premendo sulla tastiera la lettera inglese D. Sulla tavolozza degli strumenti, usa la "Selezione rotonda" e seleziona il bordo della tua forma. Nel pannello dei livelli, imposta i seguenti parametri: Livelli-schiarisci, Opacità-20.
Passaggio 9
Riempi il nuovo livello con il bianco e deseleziona. Ora resta solo da aggiungere informazioni sulla sezione del sito o su qualsiasi parola a tua scelta. Per fare ciò, usa lo strumento Testo.
