Badges stile “Web 2.0″

Cos’è il badge? Per cosa si usa? Come si crea? I bages sono quelle “stelline a tante punte” che vengono spesso utilizzate per i siti con layout stile “Web 2.0″. Solitamente si impiegano per attirare l’attenzione su una certa cosa: una notizia o un’offerta particolare. I badges si possono creare in pochi passi usando Photoshop.

Per prima cosa apriamo un documento della dimensione che vorremmo fosse il nostro badge personale. Poi selezioniamo lo strumento “Poligono” come in figura.

1.gif

Ora aniamo a vedere se siamo in modalità “Tracciato”:

2.gif

Adesso clicchiamo sulla casella a discesa e spuntiamo l’opzione “Stella” e il “Rientro dei lati di” con valore di 10%.3.gif

Ora avremo sul display il tracciato del badge. Schiacciamo il tasto destro sul tracciato e trasformiamolo in selezione. Non ci rimane che colorarlo.

Quindi andiamo sullo strumento “Gradiente” e impostiamo i colori. Fatta la sfumatura andiamo su “Stili di livello” (basta cliccare due volte sul livello nella paletta dei livelli oppure andare alla voce del menu “Livello”–>”Stile di livello”. Impostiamo quindi un bordo di una colore a nostra scelta che stia bene con il colore della sfumatura e poi andiamo su “Ombra esterna” e impostiamo i valori come in figura (o come più vi piace). L’ombra esterna è abbastanza importante dato che il badge dovrebbe apparire come un adesivo posto sulla pagina (infatti badge può essere tradotto come “adesivo”, “distintivo”.

Ora scriviamo un breve testo come “News”, ruotiamolo un pò e inseriamolo sopra il badge. Finalmente l’opera è conclusa.

badges-copia.png