Prima di Photoshop CS3 , web designer creati pulsanti rollover con Photoshop e Image Ready , che in precedenza erano confezionati insieme . Adobe interrotto con Image Ready quando ha acquistato Macromedia Dreamweaver , supponendo che i web designer possono utilizzare questo programma specializzato con Photoshop per creare i loro rollover . È possibile creare i pulsanti rollover in Photoshop stesso modo. Quindi, è possibile utilizzare Dreamweaver , altri editori web o un editor di testo per creare il codice di rollover . Scopri come creare pulsanti rollover in Photoshop CS3 . Cose che ti serviranno
Web editor
Show More Istruzioni
1

Aprire un nuovo documento che è la dimensione appropriata per i pulsanti. Questa può essere la dimensione del sito web o le dimensioni del banner pulsante . Fare clic su "File > Nuovo" e inserire le dimensioni nelle caselle corrispondenti .
2

creare il primo pulsante che verrà visualizzato quando non è selezionata . Selezionate lo strumento forma corretta dal " Tools Palette " e disegnare il pulsante . Quindi, selezionare la funzione " Tipo" e inserire il testo all'interno del pulsante .
3

Applicare gli effetti desiderati nel pulsante o di testo . Adobe mette a disposizione diversi modi per voi di applicare effetti . Per applicare i vostri effetti personalizzati , selezionate il livello dalla tavolozza " Layer" . Quindi, selezionare l' effetto desiderato dalla casella "FX" a tendina che si trova sul fondo del "Layer " palette.Photoshop CS3 fornisce stili predefinite per il web progettato specificamente per i pulsanti web . Se il "Stili" palette non è visibile, selezionare " Windows> Stili ". Dal " Stili " menu a discesa , selezionare " Stili web . " Assicurarsi che sia selezionato il livello pulsante e scegliere il livello desiderato dal "Stili" tavolozza .
4

Creare i pulsanti rimanenti . Tenere premuto " Control" per selezionare il testo e il pulsante . Pulsante destro del mouse all'interno della tavolozza "Layer " e selezionare " Duplica livello ". Spostare gli strati copiato nella posizione del pulsante successivo . Modificare il testo per il nome del nuovo pulsante . Ripetere questo passaggio per creare tutti i pulsanti .
5

Affettare i pulsanti . Selezionare la funzione " Slice" e disegnare un riquadro intorno a ogni pulsante . Fare doppio clic su ogni pulsante per aggiungere le opzioni di sezione . Assicurarsi che l '" immagine " è selezionato in "Tipo Slice" discesa . Immettere un nome che descrive il pulsante spento , come ad esempio " [ tasto ] _OFF . " Immettere le informazioni relative al sito nelle caselle restanti .
6

Selezionare "File> Salva per il web ... " Premere il pulsante "Salva" . Nel " Salva ottimizzato come " finestra di dialogo , selezionare il percorso per le immagini. Creare una nuova cartella chiamata " Off". Se hai inserito le informazioni per il sito web , modificare il "Formato" per " HTML e immagini . " Fare clic su " OK ".
7

Selezionare "Windows > Composizione livelli . " Create un nuovo livello comp selezionando il pulsante " Crea nuovo livello Comp " . Il nome è qualcosa che descrive l'attuale serie di pulsanti come "Off".
8

Modifica i pulsanti per applicare lo stato di rollover . Applicare gli stili, colori o effetti ai pulsanti attuali . Creare un altro strato comp e il nome " On". Ripetere il passaggio 7 per salvare i pulsanti in una nuova cartella chiamata " On". Aprire la cartella che contiene questi pulsanti e rinominarli per riflettere lo stato "on" .
9

creare il codice rollover in un editor web . Utilizzare Dreamweaver , un altro editor web o un editor di testo per creare il codice di rollover . Ecco il codice JavaScript per il tasto home in questo tutorial : < img alt =" " name = " home_off home_off "src =" images /off /home_off.jpg "width = " 130 " height = " " class = " 47 style9 " border = " 0 " /> < /a>