Un altro sabato, un altro PSD, ormai lo sapete. Sono in vacanza in questo momento, in Spagna per la precisione, tuttavia non ho rinunciato a fornirvi il PSD di questa settimana, programmando l’articolo in anticipo, perché la nostra rubrica non va mai in vacanza.

È con questa breve introduzione che vi presento il ventitreesimo appuntamento con “Il PSD della settimana”: il layout per un header.

Dopo aver scaricato il file tramite il bottone posto qui sotto, troverete una cartella con al suo interno il PSD della settimana. Ovviamente sarà dovere vostro poi ritagliare ed esportare le immagini e scrivere l’eventuale codice HTML per l’utilizzo che ne volete fare.

Struttura

La struttura di questo file è molto semplice e sono sicuro che non vi sarà difficile muovervi all’interno dei diversi livelli di cui si compone il PSD, anche considerando l’esperienza che dovreste aver accumulato se avete seguito la rubrica dalla sua nascita.

Per agevolarvi ulteriormente il compito, ogni livello è dotato di un nome che vi aiuterà sicuramente a capire a quale elemento del progetto si riferisce.

Cercando poi tra i livelli vi sarà possibile trovare l’effetto hover dei bottoni dell’header.

Utilizzi

Come per molti altri PSD di questa rubrica, l’utilizzo di questo file è abbastanza scontato, tuttavia il vero spunto di questo file potrebbe essere lo sfondo dell’header, con le sue strisce luminose.

Per farle ho utilizzato lo strumento penna e, giocando un po’ con i punti della linea che avevo creato, sono riuscito a dargli l’effetto di incurvatura.