lunedì 3 giugno 2013

Menu web 2.0 con Photoshop CS6

Vi proponiamo questo 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.

Nessun commento:

Posta un commento

Lascia il tuo Commento ...