Comment faire une promenade vidéo en face de votre page Web

Création d'un effet spécial de page Web qui fait apparaître comme si une image ou une vidéo est "marche" à travers ou sur la page Web est souvent une simple illusion impliquant flash émissions d'animation. Une façon vous pouvez évoquer ce peu de magie web est de créer une animation Flash Intro qui charge quand un visiteur arrive sur votre page d'accueil du site.

Choses que vous devez

  • Logiciel d'animation Intro Flash

Création des Flash slide Images

  1. Faire une copie statique GIF Image réelle Page d'accueil de votre site Web en utilisant votre programme de création web préféré, comme Dreamweaver ou FrontPage MS. Ouvrez votre fichier de la page d'accueil, puis enregistrer le travail comme une image, au format GIF, plutôt que comme un document HTML. Avant de vous enregistrez ce fichier de l'image, réglez la résolution de cette image à 600 dpi. Ce fichier est un simple "SnaPshot" de votre page d'accueil web, pas une vraie page d'accueil. Vous voulez ce composant logiciel enfichable plan à être croquante (d'où le paramètre 600 ppp) de sorte qu'il semble identique à une véritable page web. Les téléspectateurs ne devraient pas être en mesure de faire la différence entre la page d'accueil réelle et cette image de votre page d'accueil. Nommez ce fichier d'image "Home_Page_Background."

  2. Créez un nouveau projet GIF Image. Choisi ton "Home_Page_Background" l'image que la conception d'arrière-plan pour la nouvelle page web. Enregistrez ce fichier comme un fichier image GIF avec le nom "Faites glisser 1.gif."

  3. Construire une autre nouvelle page d'image GIF. Choisi ton "Home_Page_Background" image comme fond pour la page à nouveau. Cette fois, ajouter une image en haut de cette arrière-plan, une petite portion de l'image que vous voulez "marcher" sur le site Web. Si votre "fouler" l'image est d'une boîte de lecteur de vidéo, par exemple, faire une image GIF de seulement un ruban de la droite; côté de la boîte vidéo spectateur. Placez ce "mèche" de l'image sur le côté gauche de l'image de la page Web d'arrière-plan, comme si la boîte de lecteur de vidéo est juste "furtivement" sur la page Web. Enregistrez ce fichier comme un document d'image GIF avec le nom "Faites glisser 2.gif."

  4. Construire une autre image GIF diapositive, cette fois déplaçant l'image de la boîte de lecteur de vidéo sur le fond de page web un peu plus. Enregistrez ce fichier comme un document de GIF avec le nom "Faites glisser 3.gif."




  5. Continuer à créer de nouveaux GIF "diapositives," autant que vous pouvez avoir besoin pour animer efficacement l'image de la boîte vidéo spectateur à venir "sur" la page Web, le déplacement du centre de la page, puis arrêter. Nommez tous ces diapositives précision, "Glisser 4.gif," "Glisser 5.gif," "Glisser 6.gif" et ainsi de suite. Les plus diapositives que vous faites, la vue boîte de vidéo plus fluide sembleront "marcher à travers" la page Web.

  6. Ouvrez votre vrai fichier HTML d'origine de la page d'accueil. Faites une copie de cette page HTML, le nommer "VideoBox.html," et enregistrez ce fichier.

  7. Ouvrez le "Boîte à Vidéos" Fichier de projet HTML. Insérer le code actif dans la page Web qui rendra votre préféré visionnage de la vidéo boîte applet Java apparaît au centre de la page web. Localiser cette boîte de visionneuse de vidéo sur la page web exactement où il se trouve dans l'image finale de diapositive que vous avez créé précédemment.

  8. Programmer l'applet vidéo spectateur de sorte que la vidéo que vous voulez jouer à l'intérieur de cette boîte de visionneuse de vidéo commence en effet lorsque le visiteur clique sur le "jouer" une flèche ou la page se charge. Ajouter une commande finale à votre vidéo applet de visualisation de sorte qu'il passe alors automatiquement à votre page d'accueil réelle originale URL (par exemple: http://mywebsite.com/homepage/index.html) Lorsque le clip vidéo est terminée. Enregistrer ce travail.

  9. Télécharger ce "Boîte à Vidéos HTML" déposer à votre répertoire du serveur web. Chargez le clip vidéo réelle à votre serveur ainsi.

Making The Intro Flash




  1. Créer une animation Flash norme "Intro" film en utilisant toutes les diapositives que vous avez faites, programmées dans le bon ordre. Si vous ne possédez pas de logiciel de création Intro Flash, acheter et télécharger un programme tel que Amara ou SwishZone, de l'Internet et apprendre à utiliser le logiciel. La plupart des applications logicielles intro Flash sont prompts à maîtriser. La dernière commande de ce film d'animation Intro Flash ne devrait "point" au "Boîte à Vidéos HTML" fichier de programme discuté à l'étape précédente. Votre script de séquence Flash se déroulera quelque chose comme ceci: Slide1 / Slide2 / Slide3 / Slide4 / Slide5 / Slide6 / VideoBoxHTML.

  2. Ce programme d'animation Flash Intro pour être la première chose qu'un visiteur web voit après son arrivée à l'adresse URL du site Web. Applications du programme intro flash vont vous aider à créer un tel cadre. Enregistrer ce film d'animation Intro Flash avec un nom tel que "VideoWalkOnIntro."

  3. Télécharger ce fichier d'animation Intro Flash, "VideoWalkOnIntro," et toutes les images de diapositives qui l'accompagnent, à votre serveur web. Placez-le dans le répertoire approprié selon les instructions de votre application Flash Intro particulier. Dans la plupart des cas, vous pourrez charger ce fichier à la "racine" répertoire pour votre site web.

  4. Testez votre travail. Accédez à votre site Web en utilisant votre navigateur. Lorsque vous arrivez à l'adresse URL du site, l'animation Flash Intro vous avez créé doit immédiatement commencer à jouer. Vous devriez voir votre régulière la page d'accueil du site (si elle est vraiment seulement une image GIF d'une page d'accueil) pendant une seconde ou deux. Ensuite, la boîte de lecteur de vidéo doit regarder comme si il commence à entrer dans la page web sur le côté gauche de la page Web. La boîte de lecteur vidéo devrait ressembler comme si elle est "marchant à travers" la page web du centre de la page. La boîte vidéo spectateur devrait alors commencer à jouer votre clip vidéo choisi (la page VideoBox HTML est maintenant actif). Lorsque le clip vidéo est terminé, la page Web doit immédiatement changer pour le fichier de la page d'accueil du site Web réel. Vous devriez maintenant être en mesure de naviguer vers d'autres pages liées sur le site normalement.

  5. Tweak et dépanner les paramètres ou les images graphiques pour obtenir l'effet lisse. Le spectateur ne devrait guère avoir conscience qu'ils sont, (a) en regardant une photo d'une page d'accueil au début, (b) regarder puis un film d'animation Flash, et (c) d'être finalement redirigé vers le vrai site web la page d'accueil. L'illusion devrait être qu'ils sont arrivés à un site web normal, la boîte vidéo spectateur se promène à travers la page et joue la vidéo, puis toute l'expérience du site web est à leur disposition.

Conseils & Avertissements

  • Assurez-vous que toutes les astuces intro flash comme ce ne prennent pas beaucoup de temps pour charger ou complète: 30 secondes du début à la finition serait le montant maximum de temps alloué pour cette astuce pour jouer. Les internautes sont facilement ennuyé ou agacé par ces introductions et peuvent cliquer loin de votre site si ils doivent attendre pour le "ruses" finir. Assurez-vous que le clip vidéo que vous voulez qu'ils voient a de l'importance, quelque chose que le visiteur doit voir pour apprécier pleinement le site. Soyez sûr que le contenu vidéo est approprié si ils ont pas le choix si vous souhaitez regarder la vidéo ou non: ne pas les visiteurs embuscade avec vidéos désagréables qu'ils sont obligés de regarder.
» » » » Comment faire une promenade vidéo en face de votre page Web