Realizzare un box stile XP

[Tutorial]

« Older   Newer »
 
  Share  
.
  1. SUPREMO KING™
        Like  
     
    .

    User deleted


    Apriamo un nuovo documento 160 px X 300 px e riempiamo lo sfondo con #F0EEDC.
    Creiamo un nuovo livello e con LO "Strumento di selezione rettangolare" disegnamo un rettangolo alla base dell'area di lavoro.

    image



    Riempiamo di bianco (#FFFFFF), apriamo quindi il pannello delle opzioni di fusione (image) e impostiamo:
    Sovrapposizione sfumatura:

    image



    Creiamo un nuovo livello.
    Andiamo su "Selezione - Tutto" e quindi su "Modifica - Traccia".
    Impostiamo a 10 px, nero (#000000) e premiamo "ok", quindi apriamo il pannello delle opzioni di fusione:

    Smusso ed effetto rilievo:

    image



    Sovrapposizione colore:

    image



    Prendiamo adesso lo "Strumento Rettangolo" e senza creare un nuovo livello disegnamo un quadrato in cima all'area di lavoro.

    image



    Questo rettangolo prenderà le opzioni di fusione della cornice.

    Creiamo adesso un nuovo livello e prendiamo lo "Strumento Rettangolo Arrotondato" .
    Impostiamo il raggio a 2 e disegnamo un piccolo rettangolo sul footer:

    image



    Apriamo le opzioni di fusione e impostiamo:

    Smusso ed effetto rilievo:

    image



    Sovrapposizione colore:

    image



    Bene adesso sarà sufficiente aggiungere nell'header un po' di testo con carattere Verdana, bianco, 11px (dalle opzioni di fusione aggiungete anche un'ombra discendente) e nel footer, un Verdana, bianco (senza anti alias) di 9px di dimensione.

    image



    Prendiamo lo "Strumento Rettangolo Arrotondato" con un raggio di 2px e, in un nuovo livello disegnamo un piccolo quadrato perfetto (ottenuto premendo Shift mentre si disegna).

    image



    Apriamo le opzioni di fusione e impostiamo:

    Smusso ed effetto rilievo:

    image



    Sovrapposizione colore:

    image



    Traccia:

    image



    Duplichiamo adesso il livello per due volte, e dal pannello delle opzioni di fusione modifichiamo "Sovrapposizione colore" in #596EED.
    Per inserire i simboli nei quadrati usate il font: Webdings.

    image



    Ed ecco il risultato finale con la mia personalizzazione:

    image



    fonte http://tutorialweb.org

    Edited by SUPREMO KING™ - 11/11/2007, 21:45
     
    .
0 replies since 19/9/2007, 22:18   143 views
  Share  
.