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.

gif animé

  • Par

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

    Pin it!

    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. : Gee Mee"

    ** = 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

    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 "Comment insérer une image transparente et ou animée : Gee Mee"

    Lien permanent Catégories : support Haut et Fort 0 commentaire Related Posts Plugin for WordPress, Blogger...