Créer une Bannière Animée pour votre Site

Sites Web, Forums, Référencement, PhpBB, BBCode, ReWriting, Publicité, etc.

Créer une Bannière Animée pour votre Site

Message non lupar hastursoft » Mer 7 Juil 2010 23:51


Vous désirer réaliser une Bannière Animée pour votre Site ( GIF Animé, une video AVI ou un Flash SWF et vous pensez que c'est trop difficile

La solution est ici: Ci-Dessous (Inutile de Cliquer...)

Il va vous falloir 2 outils présents sur ce site. Mais vous pouvez utiliser les vôtres si vous les préférez:
  • Sqirlz Morph pour générer une animation sympathique
  • GIMP pour optimiser votre GIF animé (délai et taille)
Avec ces 2 outils, nous allons voir ci-dessous comment simplement réaliser une bannière animée de 468x60 pouvant tenir sur moins de 15 KO ... si si :D

  1. Création des Images
    1. Ouvrir GIMP
    2. Fichier | Nouvelle Image | Modèle | Web banner common (468x60) | Valider
    3. Faites votre fond si votre image de fin et de début sont différentes
    4. Fichier | Enregistrer sous | FOND.BMP
    5. Fichier | Enregistrer sous | DEBUT.BMP
    6. Faites votre image de début
    7. Fichier | Enregistrer sous | DEBUT.BMP
    8. Fichier | Ouvrir | FOND.BMP
    9. Fichier | Enregistrer sous | FIN.BMP
    10. Faites votre image de fin
    11. Fichier | Enregistrer sous | FIN.BMP
    Vous allez donc avoir 2 fichiers différents comme ci-dessous: :P
    DEBUT.BMP:
    Image
    FIN.BMP:
    Image

  2. Création de l'Animation
    1. Ouvrir Sqirlz Morph
    2. Tirer les images DEBUT.BMP et FIN.BMP dans la zone de travail
    3. Image | Animation Order | Corriger si besoin l'ordre et Valider
    4. Morph | Périod | Entrer "4" et Valider
    5. Morph | Make GIF File | Entrer son nom (exemple "sortie.gif") et Valider
    6. Frame rate | Mettre le Maximum : 100 (mais on va la changer plus tard)
    Vous allez avoir 1 fichier comme ci-dessous:
    sortie.gif:
    Image
    Ce fichier est encore volumineux, et le tempo est trop rapide pour notre besoin... :?

  3. Adapter l'Animation
    1. Retour à GIMP
    2. Fichier | Ouvrir | prendre le Fichier GIF Animé généré (sortie.gif)
    3. Filtre | Animation | Optimiser (pour GIF)
    4. Dans la Fenêtre des Calques (Ctrl+L) | Clic-Droit sur chaque image (4 générées avec Sqirlz Morph)
    5. Modifier les attributs du calque...
      Nota: /!\ Le plus en bas est le premier affiché
    6. Modifier le temps d'affichage de chaque calque
      Dans le Dernier en bas remplacer (xxms) par (2500ms) ce qui correspondra à 2.5 secondes
      Les intermédiaires (xxms) par (100ms) ce qui correspondra à 0.1 seconde chaque transition
      Pour le Premier, remplacer (xxms) par (2500ms) soit environ 2 secondes pour le final
      Nota: Bien sûr à vous de définir ce que vous voulez ... Faites des essais ...
    7. Fichier | Enregistrer sous |MaBan.gif et Valider
    8. Sélectionner Enregistrer en tant qu'animation | Exporter
    9. Ne laisser que Boucle infinie de coché | Enregistrer

    Votre Fichier est Fini:
    MaBan.gif:
    Image
    Ce fichier fait moins de 11kO, et le tempo est assez bien ajusté... :ugeek:


A vous les animations de psychopathe...
Dernière édition par hastursoft le Sam 7 Aoû 2010 18:36, édité 1 fois.
Raison: Correction du nom d´un fichier
hastursoft
Administrateur
Administrateur
 
Messages: 273
Inscription: Sam 14 Juin 2008 21:02

Si Vous avez Trouvé votre Bonheur,
ou si vous voulez aider ce site à progresser...
Merci de penser à
donate
ou bien encore, Inscrivez-Vous ! (c'est gratuit et sans publicité bloquante)
Vous pourrez suivre les évolutions, les mises à jour, et participer... MERCI.

Retourner vers Sites WEB

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité

Si Vous avez Trouvé votre Bonheur,
ou si vous voulez aider ce site à progresser...
Merci de penser à
donate
ou bien encore, Inscrivez-Vous ! (c'est gratuit et sans publicité bloquante)
Vous pourrez suivre les évolutions, les mises à jour, et participer... MERCI.