Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

31.07.2009

Créer et insérer une animation GIF avec Loogix.com

Le site Loogix.com vous aide à produire en ligne une animation simple pour l'insérer dans votre blog hautETfort.
Cette solution pour insérer un GIF animé s'ajoute à la note "Insérer une image transparente, animée, voire les deux"

** = niveau assez facile, nécessite de copier/coller un peu de code HTML


  1. Affichez le site http://www.loogix.com/
  2. clicklist.gifCliquez sur la taille de l'animation: Size
  3. clicklist.gifCliquez sur la vitesse de l'animation: Speed
  4. Désignez la première image de l'animation:
    1. Cliquez sur le bouton Parcourir
    2. Double-cliquez sur un fichier image (GIF/PNG/JPG)
  5. Désignez la seconde image de la même façon. Deux images sont indispensables pour produire l'animation.
  6. Désignez la troisième image.
  7. Au besoin, ajoutez une image dans l'animation: cliquez sur Add one more picture et désignez l'image suivante.
  8. Cliquez sur Generate Animation pour produire l'image animée.
  • • La colonne droite du cadre orange affiche l'animation GIF. Vous pouvez enregistrer l'image, lui appliquer un effet ou corriger l'animation.
  • • La colonne gauche affiche l'adresse URL et l'Embed code qui servent à insérer l'animation dans une page Web.
    Pour insérer l'animation depuis l'Embed code, cliquez sur le bouton Copy
  1. Dans l'Editeur hautEtfort, affichez la note où vous allez insérer l'animation.
  2. Cliquez sur HTML dans la barre d'outils.
  3. Dans le code HTML, faites un clic droit à l'endroit où vous voulez insérer l'animation.
  4. Dans le menu déroulant, cliquez sur la commande Coller pour insérer l'Embed code correspondant à l'animation.
  5. En bas de l'Editeur de la source HTML, cliquez sur le bouton Mettre à jour

De gauche à droite: Image1, Image2, Image3 chargées dans Loogix.com

Image3.jpg Image4.jpg Image3.jpg

Loogix.com. Animated avatars. Animation GIF obtenue insérée depuis le code fourni par Loogix.com

<a href="http://www.loogix.com/"><img src="http://www.loogix.com/img/res/1/2/4/5/2/3/12452390171089223.gif" alt="Loogix.com. Animated avatars." /></a>

Je sais qu'il faut posséder quelques bases pour manipuler le code HTML, il s'agit d'une alternative pour insérer un gif animé. Alors autant varier les plaisirs :)

i_blue_sm.jpgPour insérer l'animation depuis l'URL, suivez les instructions
"Insérer une image transparente, animée, voire les deux"

 

Cette note vous a été proposée par Kielut, du blog UpsetDiary.hautetfort.com

10:30 Écrit par Kielut dans Traitement d'image | Lien permanent | Commentaires (0) | Tags : gif animé | |  del.icio.us | | Digg! Digg |  Facebook

Les commentaires sont fermés.