Tutorial passo passo per creare un menu web 2.0 in photoshop

Segui tutti gli aggiornamenti tramite feed RSS.


Ho realizzato per tutti i miei lettori un tutorial per realizzare un menu in stile web 2.0.

menu web 2 0 Tutorial passo passo per creare un menu web 2.0 in photoshop

Partiamo subito con la spiegazione:

1. Per prima cosa create un nuovo documento di photoshop 800 x 500  e selezionate lo sfondo che più vi piace. Create un nuovo livello dal menu Livello > Nuovo > Livello.

2. Selezionate lo strumento Penna e selezionate Rettangolo con bordi arrotondati e createne uno cambiando il colore a vostro piacimento.

tutorialmenu001 Tutorial passo passo per creare un menu web 2.0 in photoshop

Eccovi il risultato.

 

tutorialmenu02 Tutorial passo passo per creare un menu web 2.0 in photoshop

3. Adesso sempre con lo strumento penna create il disegno del menu attraverso i punti di ancoraggio.

Ecco il risultato:

tutorialmenu03 Tutorial passo passo per creare un menu web 2.0 in photoshop

Chiudete la forma con il primo punto di ancoraggio. Otterrete un’altra forma.

4. Selezionate il livello della forma appena creata tenendo premuto il tasto Ctrl e premete il tasto Canc.

Ecco il risultato.

tutorialmenu04 Tutorial passo passo per creare un menu web 2.0 in photoshop

 5. Adesso non vi resta che applicare la sfumatura o il colore selezionando lo strumento sfumatura.

tutorialmenu05 Tutorial passo passo per creare un menu web 2.0 in photoshop

Miscelate i colori e componete la sfumatura che più vi piace poi selezionate il livello tenendo premuto il tasto Ctrl e applicate la sfumatura.

tutorialmenu06 Tutorial passo passo per creare un menu web 2.0 in photoshop

Ovvimente si può poi personalizzare a seconda del proprio gusto personale.

6. Selezionate nuovamente lo strumento penna e bordi arrotondati

tutorialmenu001 Tutorial passo passo per creare un menu web 2.0 in photoshop

e create un rettangolo duplicatelo due volte e lo posizionateli dietro la barra.

Scegliete la sfumatura da dare ai rettangolini aggiungete le scritte ed il gioco e fatto.

menudga e1265160205720 Tutorial passo passo per creare un menu web 2.0 in photoshop

Che ve ne pare??? Qualsiasi problema non esitate a commentare.




Articoli simili

Commenti

Non ci sono commenti.

Lascia un commento.

(obbligatorio)

(obbligatorio)


Moderazione dei commenti attiva. Il tuo commento non apparirà immediatamente.