Come Creare Un Pulsante Animato

Sommario:

Come Creare Un Pulsante Animato
Come Creare Un Pulsante Animato

Video: Come Creare Un Pulsante Animato

Video: Come Creare Un Pulsante Animato
Video: Come CREARE un Pulsante Mi Piace e Campanella Animato |Filmora Tutorial ITA 2024, Maggio
Anonim

Il design dei siti è molto importante per il modo in cui vengono percepiti dai visitatori. Le persone dovrebbero provare piacere estetico mentre si trovano sulle pagine del sito, così come queste pagine dovrebbero essere comode e funzionali per loro. Nessun sito è completo senza pulsanti di navigazione e il tuo sito apparirà funzionale e bello allo stesso tempo se rendi questi pulsanti animati.

Come creare un pulsante animato
Come creare un pulsante animato

Istruzioni

Passo 1

I pulsanti grafici, a differenza dei pulsanti di testo, sono evidenti sulle pagine e sono facili da ricordare per i lettori. Usa Corel Draw per creare pulsanti animati. Crea un nuovo documento e disegna uno spazio vuoto sul quale il pulsante verrà visualizzato in più viste, sia nello stato premuto che non premuto.

Passo 2

Per disegnare un pulsante, seleziona lo strumento appropriato dalla casella degli strumenti e disegna un rettangolo arrotondato. Riempi il rettangolo con il nero, quindi copialo e sposta la copia a sinistra e in alto. Riempi il secondo rettangolo con il bianco.

Passaggio 3

Sul pulsante vuoto, scrivi il suo nome, aggiungendo un contorno nero al testo. Rendi il testo bianco. Ora apri il menu Effetti rollover evidenziando il pulsante e facendo clic sull'opzione Crea rollover. Vedrai Normale sulla barra di stato Rollover.

Passaggio 4

Ora, per modificare l'immagine di un pulsante, fai clic con il pulsante destro del mouse su di esso e seleziona l'opzione Modifica rollover nel menu contestuale. Si aprirà una nuova barra degli strumenti Internet. Disegna ulteriori posizioni dei pulsanti, che cambieranno poi una dopo l'altra, creando un effetto di animazione.

Passaggio 5

Sul lato sinistro del pannello Internet, fai clic sul pulsante Sopra e modifica il pulsante per rimuovere il contorno del testo. Riempi il testo con il nero per crearne una seconda versione nell'animazione. Ora premi il pulsante Giù e disegna l'ultima versione del pulsante quando viene premuto.

Passaggio 6

Sposta il testo e il rettangolo bianco in basso a destra e fai scorrere il rettangolo nero in alto a sinistra. Ora fai clic sul pulsante Termina modifica rollover.

Passaggio 7

Salva il pulsante insieme al codice che puoi utilizzare per modificare l'aspetto degli oggetti nella pagina web. In questo modo, puoi disegnare qualsiasi tipo di pulsante con qualsiasi disegno.

Consigliato: