Comment créer un objet volant à travers une page Web

Ajout d'effets spéciaux pour un site web, comme l'apparition soudaine d'un OVNI compresser sur une page web, peut être un régal accrocheur pour les visiteurs. Heureusement, la réalisation de cet effet spécial est souvent pas aussi difficile qu'il y paraît. Le vrai truc est d'utiliser cet effet de façon judicieuse: animations Flash sont ennuyeux pour les visiteurs qui veulent juste de prendre connaissance de votre contenu et ne veulent pas être dérangés par plongeant ovnis. En tant que tel, vous ne devez déployer un effet spécial comme celui-ci si elle est artistiquement très bon et fait une sorte de déclaration significative.


Sommaire

Instructions

  1. Produire une image statique de votre page Web cible. Si il est une page d'accueil, produire une image JPG ou GIF de la page. Assurez-vous que la résolution de cette image est assez élevée, comme 300 ou 600 dpi. Définissez la taille de l'image pour les périmètres identiques de votre page web. Le concept est de produire une image statique d'une page Web actif qui peut être substitué à la place de la page Web elle-même.

  2. Enregistrer cette image statique comme une image de fond Web dans votre site web trousse d'outils de conception. Vous devez être en mesure de choisir l'image comme le support statique pour une nouvelle conception de page Web.

  3. Ouvrez un nouveau projet de conception de page Web. Choisissez l'image statique de la page web que le panneau de fond. Vous devriez voir une très bonne représentation du site lorsque le fond remplit l'écran de votre projet. Testez cette toile de fond dans votre outil de prévisualisation HTML: le nouveau projet doit regarder comme si elle est une véritable page Web active. Ajuster la taille de fond et projet comme nécessaire pour atteindre cet idéal stand-in d'effet.

  4. Enregistrer l'image d'arrière-plan sans autres ajouts comme la première "diapositive" dans un projet d'animation flash. Ceci est la première diapositive dans un projet multi-lame. Étiqueter "Étape 1."

  5. Ouvrez un autre nouveau projet de la page et appliquer l'image statique de la page web que le fond. Maintenant, ajoutez une image d'un objet, comme un OVNI, saisissant simplement le point de vue d'un coin ou sur le côté de la page web statique. Cette image sera superposée à la statique fond de page web. Enregistrer ce projet comme une diapositive flash anime, marqué "Étape 2."

  6. Continuer à créer de nouveaux projets avec la page web fond, et "étape" l'image OVNI comme il se déplace à travers la page. Vous devrez peut-être créer jusqu'à 20 crantés en flash pour obtenir l'effet.

  7. Compiler l'animation Flash terminée. La première diapositive devrait être de la page web statique. La deuxième diapositive devrait révéler un éclat de l'OVNI entrant dans l'espace de la page. La troisième diapositive devrait révéler un peu plus de l'OVNI. Les deux diapositives finales devraient montrer l'OVNI laissant juste la page, et se traduire par une lame finale de seulement la page Web statique à nouveau. L'enregistrer comme un fichier flash SWF avec un nom comme "ufoattack.swf."

  8. Tweak l'animation Flash de sorte qu'il fonctionne en douceur et rapide. Que l'image statique de page d'accueil géré pendant deux ou trois secondes avant que l'image UFO commence à apparaître. Ajoutez le code à la fin de l'animation flash, tels que: "window.location = "http://yourdomain.com/homepage.html". Ce sera, à la fin du film, de créer un instant rediriger vers la page d'accueil réelle de votre site web.

  9. Chargez le film d'animation Flash pour votre site Web de sorte que lorsque les visiteurs arrivent à votre URL de la vidéo flash commence immédiatement à jouer. Lorsque l'animation Flash conclut, le visiteur sera pris à la page d'accueil réelle pour le site.




Conseils & Avertissements








  • Si votre site image statique est aussi précise dans la résolution et la même taille que la page d'accueil réelle de site Web, le spectateur devrait être incapable de discerner ce que vous utilisez un "double" au début de l'animation flash.
  • Ouverture des animations Flash et des effets spéciaux de ce genre sont sombrer en popularité auprès des visiteurs du site Web. Soyez très sûr que le "coup" vaut le désagrément "buck." Si votre film Flash fonctionne trop longtemps ou se charge lentement ou maladroitement, vos visiteurs vont quitter.
» » » » Comment créer un objet volant à travers une page Web