Realizzare un box menų da inserire nel nostro sito web

Iniziamo aprendo un nuovo documento con sfondo bianco (le dimensioni non sono importanti in questo momento, visto che questo tutorial potrebbe far parte della creazione di un layout completo).

Attraverso l'uso del lazo poligonale (lazo) creiamo una forma simile a quella della figura seguente:

inizio

e assegnamo le seguenti opzioni di fusione (blending options):

- Bevel and emboss: Size: 2 - Soften: 13 - Shadow Mode: Multiply (colore #929292)
- Color Overlay: #EEEEEE
- Stroke: #8B8B8B - Size: 1

Creaiamo adesso un nuovo livello e sempre con lo strumento Lazo Poligonale (Poligonal Lasso Tool) creiamo una forma simile a quella in figura:

title

e assegnamo le seguenti opzioni di fusione:

- Bevel and emboss: Size: 59 - Soften: 16 - Shadow Mode: Multiply (colore #091B5F)
- Gradient Overlay: Colore 1: #1270A6 - Colore 2: #9EE1FA
- Stroke: #858585 - Size: 1

Creiamo un nuovo livello e con lo strumento di selezione creiamo un piccolo rettangolo alla base del nostro box, riempiamo di bianco e assegnamo:

- Color Overlay: #A5D2E8
- Stroke: #858585 Size: 1;

Ed ecco la struttura del nostro box pronta all'uso:

struttura

Ed ancora, il nostro box con l'aggiunta del testo e qualche piccolo particolare.

box



Ti potrebbe interessare anche

commenta la notizia

C'č 1 commento
Lorenzo
Hai qualche domanda da fare?