Come creare un oggetto volante in una pagina Web

September 29

Come creare un oggetto volante in una pagina Web


L'aggiunta di effetti speciali a un sito web, come l'improvvisa apparizione di un UFO zippare attraverso una pagina web, può essere un trattamento accattivante per i visitatori. Fortunatamente, il raggiungimento di questo effetto speciale, spesso non è così difficile come sembra. Il vero trucco sta usando questo effetto in maniera giudiziosa: animazioni in Flash sono fastidiosi per i visitatori che vogliono solo di esaminare il contenuto e non vogliono essere disturbati da picchiata UFO. Come tale, è necessario distribuire solo un effetto speciale come questo, se è artisticamente molto buona e fa una sorta di dichiarazione di significato.

istruzione

1 Produrre un'immagine statica della pagina web di destinazione. Se si tratta di una home page, produrre un'immagine JPG o GIF della pagina. Assicurarsi che la risoluzione di questa immagine è piuttosto elevato, come ad esempio 300 o 600 dpi. Impostare le dimensioni dell'immagine per i perimetri identiche della tua pagina web. Il concetto è di produrre un'immagine statica di una pagina web attiva che può essere sostituito al posto della pagina web stessa.

2 Salvare questa immagine statica come immagine di sfondo web nel vostro sito web kit di strumenti di progettazione. È necessario essere in grado di scegliere questa immagine come il supporto statico per una nuova pagina web design.

3 Aprire un nuovo progetto di design della pagina web. Scegli l'immagine pagina web statica come sfondo del pannello. Si dovrebbe vedere una buona rappresentazione del sito quando lo sfondo riempie lo schermo del progetto. Prova questo contesto nel vostro strumento di anteprima HTML: il nuovo progetto ha bisogno di guardare come se fosse un vero e proprio, pagina web attiva. Regolare la dimensione di fondo e del progetto se necessario per raggiungere questo obiettivo perfetto stand-in effetti.

4 Salvare questa immagine di sfondo senza ulteriori aggiunte come il primo "slide" in un progetto di animazione Flash. Questa è la prima diapositiva di un progetto a più scorrevole. Etichettarlo "Step 1."

5 Aprire un altro nuovo progetto pagina e applicare l'immagine della pagina web statica come sfondo. Ora aggiungere un'immagine di un oggetto, come un UFO, appena entrati la vista da un angolo o lato della pagina web statica. Questa immagine sarà sovrapposta al sfondo della pagina web statica. Salvare questo progetto come una diapositiva Flash anime, con l'etichetta "Fase 2."

6 Continuare a creare nuovi progetti con la pagina web di sfondo, e l'immagine "step" UFO mentre si muove attraverso la pagina. Potrebbe essere necessario creare ben 20 guide scorrevoli in flash per ottenere l'effetto.

7 Compilare il filmato Flash completato. La prima diapositiva dovrebbe essere della pagina web statica. La seconda diapositiva dovrebbe rivelare una scheggia del UFO entrare nello spazio pagina. La terza slitta dovrebbe rivelare un po 'più del UFO. Gli ultimi due scivoli dovrebbero mostrare l'UFO appena lasciare la pagina, e il risultato in una diapositiva finale della sola pagina web statica di nuovo. Salva come un file Flash SWF con un nome come "ufoattack.swf."

8 Tweak il filmato Flash in modo che sia liscia e veloce. Lasciate che l'immagine home page statica correre per due o tre secondi prima che l'immagine UFO comincia ad apparire. Aggiungere codice al fine del film flash, come ad esempio:. "Window.location =" http://www.yourdomain.com/homepage.html "Questo, a conclusione del film, crea un istante reindirizzamento al vera e propria home page del tuo sito web.

9 Caricare il film d'animazione Flash per il tuo sito web in modo che quando i visitatori arrivano al vostro URL del filmato flash inizia immediatamente a giocare. Quando il filmato Flash conclude, il visitatore sarà portato alla home page vera e propria per il sito web.

Consigli e avvertenze

  • Se l'immagine statica sito web è nitido nella risoluzione e le stesse dimensioni di una home page vero e proprio sito web, lo spettatore dovrebbe essere in grado di discernere che si sta utilizzando un "doppio" all'inizio della animazione flash.
  • Apertura di filmati Flash e gli effetti speciali di questo tipo stanno affondando in popolarità con i visitatori web. Essere molto sicuri che il "bang" vale il fastidio "buck". Se il filmato Flash corre troppo lunghi o carichi lentamente o goffamente, i visitatori stanno andando a lasciare.