Pulsante RollOver

Di Michele Ranieri ALyAS M_Photoshop

Dal menu file nuovo.

Selezionando lo strumento secchiello ,applicate un colore al livello.
Dupplichiamo questo livello,trascinandolo sull'icona aggiungi livello.

Nascondete il livello 1 ,cliccando sull'icona " occhio" di fianco allo stesso.
Evidenziate il livello precedentemente dupplicato,dalla barra degli strumenti
scegliete lo strumento selezione rettangolare tenendo pemuto il puntatore
trascinate fino ad ottenere una selezione rettangolare al centro.Premete canc
per cancellare la parte interna della selezione.

Applichiamo adesso uno stile ai livelli.Nella paletta dei stili in alto a
destra c'e' una piccola freccia cliccandoci sopra potrete 
visualizzare altri stili scegliete quello che piu' vi si addice.

Creiamo 2 livelli di testo digitiamo ad esempio ,nel primo
home page,nel secondo vai.

Possiamo ad Image Ready,ma prima nascondiamo
il livello del testo vai.. Dalla barra dei strumenti in basso
cliccate qui "Shift+ctrl+m".(Passaggio ad Image Ready)
Per il momento e' necessario visualizzare queste palette.
1) Barra dei strumenti, 2)Area di lavoro (ovvio.D;) 3)Livelli,
4)Stili, 5) Contenuti web, 6)barra d'animazione.

Image ready imposta una slice non attiva.
Dalla barra dei strumenti selezionate lo strumento seleziona slice
cliccategli su con il tasto dx e convertitela in modalita' utente per attivarla .

Dalla paletta Contenuti web cliccate in alto a destra su
questa freccettina ,dal menu visualizzato scegliete nuovo stato.
Ripetete quest'ultima procedura per creare un'altro stato..

Applichiamo uno stile ai stati di rollover appena creati.
Dalla paletta dei livelli evidenziate il livello 1.
Dalla paletta Contenuti web evidenziate prima lo stato Over/sopra
dopo lo stato Down/Giu' e applicategli uno stile.
(N.B...Paletta Stili) Dato che abbiamo creato manualmente i livelli
di stato rollover evitate di scegliere i stili indicati con l'angolino nero
quelli hanno e posizionano uno stato di rollover in automatico.

Selezionate lo strumento sposta (barra dei strumenti)
Selezionate rollover over/sopra (Paletta Contenuti web)
Selezionate Livello testo HomePage (Paletta Livelli) e
dalla barra d'animazione cliccate su dupplica fotogramma .
Premete shift+freccia dx per spostare il livello del testo verso dx,
o semplicemente trascinatelo con lo strumento sposta.

Selezionate l'effetto Tween (barra animazione)
e impostatelo come da figura.

Restando fermi sul fotogramma n° 5,nascondete il livello
homePage e attivate il livello vai ..Dal menu posizionato
sotto il 1° fotogramma selezionate l'opzione x1 (Ciclo animazione)
Adesso selezionate lo stato rollover Down/giu' (Paleta Contenuti Web)
e rinascondete il livello vai.

Dalla barra dei strumenti riselezionate lo strumento seleziona slice
con lo stesso cliccate 2 volte sulla slice ,visualizzerete la paletta
opzioni Slice .Compilatela secondo le vostre esigenze.

Proviamo a visualizzare l'anteprima, dalla barra dei strumenti
selezionate Anteprima documento e interagite sull'area di lavoro.
Selezionate Anteprima explorer (ctrl+alt+p) Per visualizzare
l'anteprima in exporer .

Ok il pulsante e' pronto,dobbiamo solo esportare e salvare il tutto.
Cliccate prima sull'opzione Ottimizza,e dal menu file
salva ottimizzato come......!

quindi html e immagini...

Per ulteriori informazioni non esitate a CONTATTARMI

A presto  *eL_Mr*

Home-Tutorials