Come fare un video camminare davanti della tua pagina web

November 22

Come fare un video camminare davanti della tua pagina web


La creazione di un effetto speciale pagina web che lo fa apparire come se l'immagine o il video "camminare" attraverso o sulla pagina web è spesso una mera illusione che coinvolge la programmazione di animazione Flash. Un modo è possibile evocare questo po 'di magia web è la creazione di un filmato Flash Intro che si carica quando un visitatore arriva a casa vostra pagina del sito.

istruzione

Creare le immagini di diapositiva Flash

1 Fare una copia statica GIF Immagine di vera e propria pagina principale del tuo sito web utilizzando il programma di authoring web preferito, come Dreamweaver o MS FrontPage. Aprire il file di pagina e quindi salvare il lavoro come immagine, in formato GIF, piuttosto che come un documento HTML. Prima di salvare il file immagine, impostare la risoluzione dell'immagine a 600 dpi. Questo file è un semplice "snap shot" del Web pagina, non è una vera e propria pagina. Si desidera che questo snap shot di essere croccante (da qui l'impostazione di 600 dpi) in modo che appaia identica a una pagina web vero e proprio. Gli spettatori non dovrebbero essere in grado di capire la differenza tra il reale della pagina Home e questa immagine della home page. Nome di questo file immagine "Home_Page_Background."

2 Creare un nuovo progetto GIF Immagine. Scegli il tuo immagine "Home_Page_Background", come la progettazione di sfondo per la nuova pagina web. Salvare il file come un file di immagine GIF con il nome di "Slide 1.gif."

3 Costruire un altro nuova pagina di immagine GIF. Scegli il tuo immagine "Home_Page_Background" come sfondo per la pagina di nuovo. Questa volta aggiungere un'immagine in cima a questa sfondo, una piccola porzione di immagine che si vuole "camminare" sul sito web. Se la "passeggiata" immagine è quella di una scatola di visualizzatore video, per esempio, fare una immagine GIF di appena un frammento della parte destra del video box spettatore. Inserire questo "frammento" di immagine sul lato più a sinistra della immagine di sfondo della pagina web come se il video box spettatore è solo "Peek" sulla pagina web. Salvare il file come un documento di immagine GIF con il nome di "Slide 2.gif."

4 Costruire un altro GIF scivolo immagine, questa volta in movimento l'immagine della scatola visualizzatore video sullo sfondo della pagina web un po 'di più. Salvare il file come documento GIF con il nome di "Slide 3.gif."

5 Continuare a creare nuovi GIF "diapositive", come molti come si potrebbe essere necessario per animare in modo efficace l'immagine del video box spettatore a venire "su" la pagina web, lo spostamento verso il centro della pagina, e poi fermarsi. Nome tutte queste diapositive con precisione, "Slide 4.gif," "Slide 5.gif," "Slide 6.gif" e così via. I più diapositive si fanno, la casella di più agevolmente il video sembreranno "attraversare" la pagina web.

6 Aprire il file di pagina HTML vero e proprio originale. Effettuare una copia di questa pagina HTML, il nome "VideoBox.html," e salvare il file.

7 Aprire il file di progetto HTML "Video". Inserire codice attivo nella pagina web che renderanno la vostra preferita visualizzazione di video box java applet apparirà al centro della pagina web. Individuare la casella visualizzatore video sulla pagina web esattamente dove si trova l'immagine finale diapositiva creato in precedenza in.

8 Programmare l'applet Visualizzatore video in modo che il video che si desidera riprodurre all'interno di questa scatola visualizzatore di video inizia infatti quando il visitatore clicca "Play" carichi di direzione o della pagina. Aggiungere un comando finale al video viewer applet in modo che poi passa automaticamente al tuo URL reale pagina originale (ad esempio: http://mywebsite.com/homepage/index.html) quando il video clip è terminata. Salva questo lavoro.

9 Carica il file "Video HTML" nella directory del server web. Caricare il video clip reale al server pure.

Making The Flash Intro

10 Creare un'animazione Flash filmato standard "Intro" utilizzando tutte le diapositive che hai fatto, programmati nella sequenza corretta. Se non si possiede software di creazione Flash Intro, acquistare e scaricare un programma come Amara o SwishZone, da Internet e imparare a utilizzare il software. La maggior parte delle applicazioni software Flash Intro sono pronti a dominare. L'ultimo comando in questa animazione Flash Intro film dovrebbe "punto" al file di programma "Video HTML" discusso nel passaggio precedente. Lo script sequenza Flash verrà eseguito qualcosa di simile a questo: Slide1 / Slide2 / slide3 / slide4 / slide5 / Slide6 / VideoBoxHTML.

11 Programma questo filmato Flash Intro di essere la prima cosa che un visitatore web vede dopo il suo arrivo presso l'indirizzo URL del sito web. le applicazioni del programma Flash Intro vi aiuterà a creare una tale impostazione. Salva questo film d'animazione Flash Intro con un nome come "VideoWalkOnIntro."

12 Carica il file Flash Intro di animazione, "VideoWalkOnIntro," e tutte le immagini delle diapositive che vanno con esso, al vostro web server. Posizionarlo nella directory appropriata in base alle istruzioni per una particolare applicazione Flash Intro. Nella maggior parte dei casi, si caricare questo file nella directory "root" per il tuo sito.

13 Prova il tuo lavoro. Passare al tuo sito web utilizzando il browser. Quando si arriva a l'indirizzo URL del sito, il filmato Flash Intro creato dovrebbe iniziare subito a giocare. Si dovrebbe vedere il normale home page del sito (anche se è davvero solo un'immagine GIF di una home page) per un secondo o due. Poi la casella visualizzatore video dovrebbe apparire come se sta cominciando a entrare nella pagina web sul lato sinistro della pagina web. La scatola lettore video dovrebbe apparire come se fosse "a piedi attraverso" la pagina web al centro della pagina. Il video box spettatore dovrebbe quindi iniziare a riprodurre il video clip prescelto (la pagina VideoBox HTML è attiva ora). Quando il video è terminato, la pagina web dovrebbe passare immediatamente al reale sito web di file pagina. Si dovrebbe ora essere in grado di navigare verso altre pagine collegate sul sito web normalmente.

14 Tweak e risolvere le impostazioni o le immagini grafiche per ottenere l'effetto liscio. Lo spettatore deve avere poca consapevolezza che essi sono, (a) guardando una foto di una home page in un primo momento, (b), allora la visione di un filmato di animazione Flash, e, (c) infine essere reindirizzato al vero home page del sito. L'illusione deve essere che essi sono arrivati ​​a un normale sito web, il video box spettatore cammina attraverso la pagina e riproduce il video, e quindi l'intera esperienza sito web è a loro disposizione.

Consigli e avvertenze

  • Assicurarsi che qualsiasi trucchi Flash Intro come questo non prendono un sacco di tempo per caricare o completa: 30 secondi dall'inizio alla fine sarebbe la quantità di tempo massimo consentito per questo trucco a giocare fuori. i visitatori web sono facilmente annoiato o infastidito da tali introduzioni e possono fare clic di distanza dal tuo sito se devono aspettare i "trucchi" per porre fine. Assicurarsi che la clip video che si desidera loro di vedere ha importanza, qualcosa che un visitatore deve vedere per apprezzare appieno il sito web. Assicurarsi il contenuto video è appropriata se non hanno altra scelta se guardare il video o no: non lo fanno i visitatori agguato con video di cattivo gusto che sono costretti a guardare.