In questo articolo vedremo come creare molto facilmente un’icona stile web 2.0 di default per i vostri avatar da utilizzare sul vostro blog, su msn e dove meglio crediate opportuno. Come sempre la scelta del software da utilizzare ricade su GIMP perchè è open source e gratuito, ma potete anche utilizzare Photoshop se volete.
Pronti a partire!
- Passo 1: Apriamo il nostro GIMP e da File–>Nuovo create un nuovo documento 256px X 256px con sfondo trasparente:
- Passo 2: Creare un nuovo livello che chiameremo “Omino” e sarà la sagoma dell’avatar.
- Passo 3: Andiamo a disegnare il nostro avatar. Per prima cosa disegnate la testa. Selezionate la selezione elittica e create una selezione con i paramentri sotto indicati (in questo modo sarà centrata orizzontalmente e perfettamente circolare). Riempitela di bianco:
- Passo 4: Adesso dobbiamo creare il corpo. Selezionate la selezione elittica e create una selezione con i paramentri sotto indicati. Riempitela di bianco:
- Passo 5: Dobbiamo cancellare la parte del corpo superflua. Quindi create una selezione rettangolare come in figura e premete il tasto canc della tastiera con il livello “Omino” selezionato. Adesso abbiamo il nostro avatar:
- Passo 6: Selezionate l’omino con lo strumento Fuzzy e riempite con una sfumatura radiale da #000000 (colore nero) a #444444 (grigio scuro) in diagonale partendo dall’angolo in basso a sinistra:
- Passo 7: Create un bordo bianco di 3px (selezionate l’omino e poi utlizzate lo strumento Modifica–>delinea selezione):
- Passo 8: Creiamo un’ombra: Selezionate l’omino con lo strumento Fuzzy; sfumate la selezione di 10px (Selezione–>Sfumata); create un nuovo livello “ombra” sotto il livello “omino“; riempite con grigio #333333:
- Passo 9: rimpicciolite un poco e ruotate l’icona. Il gioco è fatto!
Solo un piccola considerazione finale. Al passo 7 ho notato che con GIMP il bordo viene meno preciso rispetto all’utilizzo di Photoshop. Però si può ovviare al problema andando a creare un’icona più grande per poi rimpicciolirla. Piccolo punto a favore di Photoshop 
Leggi anche i seguenti articoli:
- Tutorial: realizzare facilmente icone stile web 2.0 | GIMP o Photoshop
- Tutorial HDR | Fase 3 – Postproduzione Qtpfsgui + GIMP
- Creare foto HDR da un unico file JPG – RAW | GIMP – Photoshop
- I migliori pattern per le vostre pagine web 2.0
- T-Shirt Personalizzate: realizzate la vostra maglietta fai-da-te con pochi euro
