Homepage Site Map


   
PROGRAMMAZIONE
   FARE WEB
   HTML
   CSS
   PHP
   MySQL
   XML - XSL
GRAFICA
   PAINT SHOP
   ANIMATION SHOP
   SWISH
   SWISHMAX
SCRIPT
   JAVASCRIPT
   PHP
   APPLET JAVA
   CSS GENERATOR
   WEB TOOLS
DOWNLOAD
   FONTS
   ICONE E AVATAR
   SMILES
   GIF ANIMATE
   CURSORI
   CALENDARI
   KAOANI
   BASI BANNER
   SCREENMATES
   MEEGOS
   GIOCHI
   VIDEO E PPS
ARTICOLI
   ARTICOLI
   GUADAGNA SITO
LINKS
   LINK TO ME
   VOTAMI
   SCAMBIO LINK
   SCAMBIO BANNER


zanox Partner promuovono Partner




 
  

Home -> Manuali e Tutorials -> Guida Paint Shop Pro -> Bottone  


Scarica il tutorial      |    Stampa il tutorial      |    Cerca nel sito      



REALIZZARE UN MENU' VERTICALE



  1. Create una nuova immagine di sfondo bianco; inserite poi una forma rettangolare di colore grigio scuro e contorno nero.


  2. Applicate ora l'Effetto 3D -> Inner Bevel con le seguenti impostazioni:




    Fig. 1



    Si ottiene cosė il menų di Fig. 2.




    Fig. 2



  3. Ora usate lo Strumento Pen con le impostazioni di Fig. 3 per disegnare delle linee nere che andranno a delineare i bordi dei vari bottoni.




    Fig. 3






    Fig. 4



  4. Ora, invece, create delle linee bianche adiacenti a quelle nere, per creare un effetto di luce.




    Fig. 5



  5. A tal punto il menų č pronto; non rimane altro che creare l'immagine mappata, File -> Export -> Image Mapper e selezionare uno ad uno i vari bottoni, impostare l'estensione dell'immagine su JPEG e l'Effetto Rollover ( dovete scegliere l'immagine per l'effetto "Mouse Over" e quella per l'effetto "Mouse out" ). Quindi l'immagine per l'effetto "Mouse out" č quella di sopra, mentre dovete creare le immagini per l'effetto "Mouse Over"; queste devono avere la stessa dimensione di quella precedente ed in pių un bottone alla volta deve essere modificato come segue. Selezionate quindi un primo bottone con lo Strumento Selection ed applicate poi l'Effetto 3D -> Cutout con le seguenti impostazioni.




    Fig. 5








    Fig. 6



  6. Realizzate tutte le immagini siete in grado di realizzare l'immagine mappata:



    Fig. 7



    Ecco un altro esempio:



    Fig. 8





Torna su      |    Indice Guida      |    Pagina << 59 >>    


Vai al W3C CSS Validator toolkit.
Realizzato con PHP. Vai al sito ufficiale del PHP.
Testato anche con Mozilla Firefox. Vai al sito ufficiale.

Home     Contacts     Forum     FAQ     Newsletter     Mappa     Cerca     Link to me

  Vedi gli RSS del sito.      

-->  [Il tuo link qui]