RIATMP1167-Photoshop Tutorial - Button riflessa / Header

Oggi stiamo andando a fare una barra dei menu. Questo è molto semplice ma è possibile utilizzare questo stesso tasto o barra dei menu o intestazione per diversi tipi di sito. A causa del suo colore e lo stile può essere adatto per molti soggetti. Anche è possibile cambiare i colori e rendere il tuo look personalizzato o semplicemente andare avanti e possibile utilizzare questo pulsante premade per i vostri progetti. Così ecco il tutorial.

Creare un nuovo documento di Photoshop. Scegliere lo strumento rettangolo intermittente e creare un rettangolo largo. Non importa di che colore è perché si aggiungerà stili di livello.

Ampio rettangolo

Ora andate su Livello / Stile livello / Sovrapposizione sfumatura. Per riferimento si prega di seguire l'immagine mostrata qui sotto.

Sovrapposizione sfumatura

Quindi, con stile di livello si otterrà il risultato come questo.

barra dei menu

Ora è il momento di aggiungere un po 'dramma nella nostra barra dei menu. Create un nuovo livello e chiamatelo buio. Ora selezionare una porzione della nostra barra dei menu e riempitelo con qualsiasi colore. Ora di nuovo si aggiungerà Sovrapposizione sfumatura in questo strato. Quindi andate su Layer / Layer Styles / Sovrapposizione sfumatura. Per riferimento si prega di seguire l'immagine mostrata qui sotto.

Stili livello / Sovrapposizione sfumatura

Quindi, con stile di livello si otterrà il risultato come questo.

testata

Abbiamo bisogno di creare linee divisorie. Per questo creare un nuovo livello e con lo strumento selezione rettangolare crea una linea sottile rettangolo. Compila questo con il colore (# 616161). Ora copiate questo livello e riempire che, con colore più chiaro (# 999999). Ora allineare e posizionare entrambi i lati le linee a fianco e unire questi 2 strati in uno solo. Fai pochi copia più di quella linea e allineare correttamente. Unire tutte le linee in un unico nome di livello "Line".

linee

Ora è il momento di aggiungere il nostro testo del menu, è possibile anche aggiungere il proprio testo menu.

menu di testo

Photoshop Tutorial

Create un nuovo livello sopra la barra dei menu e il duplicato. Effettuare una selezione usando lo strumento Selezione rettangolare. Selezionate lo strumento Sfumatura, impostare la sfumatura lineare e quindi aprire l'editor del gradiente. Scegliere "in primo piano a trasparente". Impostate il colore di primo piano (# 2a2727) e trascinare lo strumento gradiente all'interno della selezione sul nuovo livello. E si dovrebbe avere qualcosa come mostrato qui sotto! E questo ci porta alla fine di questo tutorial Photoshop. Cheers!

Menu o il tasto o intestazione o banner