Visicom Media Softwares acheter société english
 
Vos paramètres actuels vous empêchent peut-être d'accéder à toutes les fonctionnalités de ce site Web. Visitez la page des Prérequis pour le site de Visicom Média.
 

Accueil/ Produits/ GIF Movie Gear/ Support/
gifmoviegear - Accueil Produit
gifmoviegear - Nouveautés
gifmoviegear - Caractéristiques
gifmoviegear - Support

Téléchargements
Version d'évaluation gratuite
Mises à jour correctives
Achat
Mise à jour
Commentaires ?
Merci de nous transmettre
vos commentaires et
suggestions
>
Produit vedette
WebExpert 6
Concevez un site à la fine pointe de la technologie, présentez un site Web professionnel et augmentez la satisfaction de vos visiteurs.

Détails
 
Didacticiel

 Comment charger les cadres
Ouvrez d'abord GMG puis sélectionnez Insérer cadre(s) dans le menu Fichier ou cliquez sur le bouton de la barre d'outils. Trouvez les fichiers d'exemples que vous avez téléchargés séparément. Il s'agit de quatre fichiers appelés extraterrestre1.gif, extraterrestre2.gif, extraterrestre3.gif, et extraterrestre4.gif. Ces fichiers ont été créés avec CorelDRAW et Adobe Photoshop. Cliquez sur le fichier extraterrestre1.gif. Maintenant, en tenant enfoncée la touche de changement, cliquez sur le fichier extraterrestre4.gif. Vous devriez ainsi avoir sélectionné les quatre fichiers GIF. Cliquez sur OK pour ouvrir les fichiers dans GMG (figure 1).

Vous pouvez aussi utiliser la commande Ouvrir pour charger les cadres d'animation. Cependant, si vous utilisez la commande Ouvrir, GMG lancera toujours une nouvelle animation. Si vous avez déjà chargé des cadres, vous pouvez ajouter d'autres cadres à l'animation au moyen de la commande Insérer cadre(s), mais si vous utilisez la commande Ouvrir, GMG lancera une nouvelle animation (en vous invitant d'abord à enregistrer tous les changements effectués à l'animation déjà ouverte).

 Comment réorganiser les cadres
Bien que ce ne soit pas évident à prime abord, tous les cadres de l'animation ont été ouverts dans l'ordre approprié. Le premier cadre de l'animation est censé représenter le petit vaisseau spatial/extraterrestre sans l'anneau jaune en dessous. Dans le second cadre, un grand anneau jaune est censé apparaître sous le vaisseau spatial, alors que, dans les deux derniers cadres, l'anneau jaune rapetisse et s'éloigne du vaisseau spatial.

Ces cadres ont été importés dans le bon ordre parce qu'ils ont été enregistrés dans cet ordre et aussi parce que GMG importe les fichiers GIF en fonction du nom qu'on leur a donné. En d'autres mots, on aura nommé extraterrestre1.gif, le fichier GIF représentant le premier cadre, puis extraterrestre2.gif le fichier du deuxième cadre, et ainsi de suite. GMG classe les fichiers GIF dans l'ordre alphanumérique. Ainsi, puisque tous les fichiers GIF comportent le même nom mais un numéro différent à la fin, GMG a utilisé les numéros pour établir l'ordre des cadres. À titre d'exemple supplémentaire, si nous avions des fichiers nommés a.gif, b.gif, et c.gif, etc., GMG placerait le fichier a.gif en premier et le fichier c.gif en dernier.

GMG vous permet de voir simultanément tous vos cadres. Cliquez sur le bouton Agrandir dans la barre d'outils si vous n'arrivez pas à voir tous les cadres dans vos animations. Maintenant, cliquez et tenez enfoncé le bouton de la souris sur le premier cadre de l'animation puis faites-le glisser vers la droite. Pendant cette opération, vous remarquerez l'apparition d'une ligne d'insertion entre les cadres (dans les bordures en gris séparant les cadres). Cette ligne d'insertion indique où le cadre sera placé lorsque vous relâcherez le bouton de la souris. Faites glisser le premier cadre complètement vers la droite et relâchez la souris lorsque la ligne d'insertion apparaît dans la bordure grise à l'extrême droite du dernier cadre. Cette opération vous permettra de repositionner le premier cadre qui deviendra maintenant le dernier cadre.

Si le dernier cadre n'est pas sélectionné, sélectionnez-le de nouveau. Maintenant, sélectionnez Couper dans le menu Éditer ou utilisez le raccourci-clavier standard (Ctrl+X). Ensuite, cliquez sur le premier cadre de l'animation et sélectionnez Coller dans le menu Éditer ou appuyez sur Ctrl+V. Le cadre sera alors repositionné au début de l'animation. On constate ainsi que GMG colle les cadres en avant du cadre sélectionné. Vous pouvez donc réorganiser les cadres soit en les glissant et en les déposant en position, soit en les coupant-collant. Incidemment, un collage se retrouvera à la fin de l'animation lorsqu'aucun cadre n'a été sélectionné et que la commande Fichier>Insérer cadre(s) correspond aux mêmes positions de collage que la commande Coller.

Avant de poursuivre, voici quelques suggestions et remarques qu'il est important de porter à votre attention. D'abord, dans le présent exemple, les fichiers sont numérotés extraterrestre 1-4. Si votre animation comporte plus que 9 cadres, nous vous suggérons d'utiliser des numéros à deux chiffres. Par exemple, le cadre 1 correspondra à «cadre01.gif», le cadre 5 à «cadre05.gif», le cadre 10 à «cadre10.gif», et ainsi de suite. Vous vous assurez ainsi que les animations comportant plus de 9 sont organisées dans le bon ordre lorsque vous importez plusieurs cadres à la fois. Notez cependant que les noms ne sont pertinents que lorsque vous ouvrez plusieurs cadres à la fois. Car il n'y a pas de réorganisation automatique lorsque vous importez un cadre à la fois.


 Comment afficher un aperçu
Affichons maintenant un aperçu de l'animation. Cliquez sur le bouton Afficher aperçu d'animation dans la barre d'outils ou utilisez le raccourci-clavier : Ctrl+P. L'animation sera alors exécutée dans la boîte de dialogue Aperçu d'animation exactement tel qu'elle apparaîtra sur une page Web, incluant le minutage cadre par cadre (que nous aborderons tout de suite).

La boîte de dialogue Aperçu d'animation comporte plusieurs options pratiques avec lesquelles nous vous suggérons de vous familiariser. Notez d'abord qu'il vous est possible d'effectuer un grossissement pendant que vous affichez un aperçu de l'animation. Vous pouvez redimensionner la boîte de dialogue d'aperçu afin de pouvoir grossir votre animation et examiner l'animation dans ses moindres détails pendant qu'elle s'exécute. Notez aussi la présence des boutons standard, semblables aux commandes d'un magnétoscope VCR, pour arrêter, aller au premier cadre (rebobinage), passer au dernier cadre, et passer d'un cadre au cadre suivant ou précédent.

Remarquez que la couleur de l'arrière-plan de la boîte de dialogue d'aperçu passe par défaut au gris moyen. Vous pouvez changer cette couleur. Pour ce faire, cliquez sur le bouton Voir l'arrière-plan comme (le petit icône sous forme d'écranen bas et au centre de la boîte de dialogue). Vous ouvrirez ainsi la boîte de dialogue Couleurs de Windows. Cliquez sur le petit rectangle noir dans le coin inférieur gauche de la section «Couleurs de base» de la boîte de dialogue Couleurs et cliquez sur OK.

On aperçoit maintenant l'animation sur un fond noir. Cette fonction vous permet d'avoir un aperçu de l'apparence qu'aura votre animation selon la couleur de l'arrière-plan; ce qui peut s'avérer très pratique si vous utilisez des arrière-plan de couleur unie sur votre site Web. Par exemple, si vous regardez très attentivement, vous remarquerez que, bien que l'arrière-plan de l'animation semble noir, il est effectivement gris très foncé. Par conséquent, la bordure de l'animation se distingue de l'arrière-plan. En d'autres mots, si l'animation était placée sur une page Web page à fond noir, elle ne se fondrait pas complètement avec la couleur en arrière-plan. Nous allons maintenant voir comment résoudre ce problème.

Pour fermer la fenêtre Aperçu d'animation, cliquez sur le X dans le coin droit supérieur ou appuyez sur le bouton Ech (Esc).


 Comment modifier les couleurs
Cliquez sur le bouton Éditer palette globale sur la barre d'outils ou sélectionnez Éditer palette globale au menu Animation. Cela fait surgir le dialogue Éditer la palette. Placez votre curseur quelque part sur l'arrière-plan noir dans la fenêtre d'aperçu de l'animation. Le curseur de la souris prendra la forme d'un compte-gouttes. Une petite étiquette instantanée affichera les valeurs de rouge, de vert et de bleu sous la pointe inférieure gauche du curseur en compte-gouttes. Cliquez lorsque l'étiquette surgissante indique quelque chose comme «R=18, G=20, B=21».

Vous aurez ainsi sélectionné le premier carré de couleur dans le tableau des couleurs à la gauche de la fenêtre d'aperçu. L'aplat de couleurs sélectionné est identifié par un pourtour rouge. Entrez maintenant 0 pour les valeurs de rouge (R), de vert (G), et de bleu (B) (situées sous les aplats de couleurs). Vous avez maintenant modifié la couleur de l'arrière-plan qui est complètement noir. Si vous regardez dans la fenêtre d'aperçu, vous verrez que vous ne pouvez plus distinguer la bordure de l'animation de l'arrière-plan.


 Comment changer le minutage
Maintenant, nous allons voir comment modifier le minutage et l'itération de l'animation dans GMG. Cliquez sur le premier cadre. Maintenant, cliquez deux fois dans le champ adjacent à l'icône représentant une petite horlogesur la barre d'outils. Entrez une valeur de 50. Dans les animations GIF, les délais d'intervalle sur les cadres sont mesurés en centièmes de cadre par demi-seconde. Par défaut, la durée de chaque cadre est de 10, c'est-à-dire, 1/10 de seconde. En d'autres mots, les animations sont implicitement exécutées à une vitesse de 10 cadres par seconde dans GMG. (On peut modifier la valeur implicite dans le dialogue Éditer>Propriétés.)

Nous avons changé le délai d'intervalle pour le premier cadre seulement. Les trois autres cadres sont encore définis à 10 ou 1/10 de seconde. Cliquez sur le bouton Aperçu dans la barre d'outils. Vous remarquerez que l'animation fait une pause brève au premier cadre, exécute rapidement les trois derniers cadres, puis refait une pause sur le premier cadre. Vous pouvez laisser la fenêtre d'aperçu ouverte pendant que vous faites les changements de minutage suivants. La fenêtre d'aperçu de GMG reflétera automatiquement tous les changements que vous aurez effectués dans la boîte de dialogue d'aperçu.

Vous pouvez aussi régler les délais d'intervalle pour chaque cadre au moyen de la boîte de dialogue Propriétés du cadre. Cliquez deux fois sur le troisième cadre ou sélectionnez le troisième cadre en cliquant sur le bouton Propriétés du cadre

dans la barre d'outils ou sélectionnez le troisième cadre et sélectionnez Propriétés dans le menu Cadre. Cliquez deux fois sur le premier champ sous la section Animation de la boîte de dialogue (le champ qui est suivi du texte «1/100 de seconde d'intervalle après le cadre»). Entrez une valeur de 200 et cliquez sur OK. Que se produit-il? Eh bien, nous venons de changer la valeur à 200/100 de seconde. Ce cadre sera maintenant affiché pendant 2 secondes comme vous pourrez le constater si vous regardez à nouveau l'aperçu de l'animation.

Vous conviendrez que cette animation a piètre apparence, avec un cadre 1 réglé pour un affichage d'une demi-seconde alors que le cadre 3 dure deux secondes. C'était beaucoup mieux lorsque tous les cadres étaient réglés au même délai d'intervalle. Heureusement, GMG vous permet d'effectuer des changements globaux dans une animation, incluant les modifications de délais d'intervalle. Pour ce faire, sélectionnez Propriétés globales au menu Cadre. Vous remarquerez que le dialogue est identique au dialogue Propriétés du cadre; à la différence que tout changement effectué s'applique globalement; entrez le numéro 5 et cliquez sur OK. Tous les délais d'intervalle des cadres passent alors à 5/100 de seconde. Regardez maintenant l'animation dans la boîte de dialogue Aperçu d'animation et regardez-le aller!


 Comment contrôler l'itération
Maintenant nous allons définir le paramètre d'itération. Fermez la fenêtre Aperçu. Maintenant, cliquez deux fois dans le champ adjacent à la flèche d'itérationsur la barre d'outils. Entrez une valeur de 5. Cliquez sur le bouton Aperçu et vous verrez l'animation s'exécuter cinq fois puis arrêter. Comme dans le cas du minutage, vous pouvez aussi définir les itérations

Vous constaterez que le paramètre d'itération indique le nombre de réexécutions de l'animation. Vous pouvez définir toutes les valeurs possibles entre une seule exécution et une boucle infinie. Une valeur «0» correspond à l'exécution en boucle continue de l'animation et tout autre nombre déterminera le nombre d'itérations de l'animation. Par exemple, si vous entrez 10 comme paramètre d'itération, l'animation s'exécutera 10 fois avant d'arrêter. GMG vous permet de régler les paramètres d'itération soit par le biais de la barre d'outils, soit par la boîte de dialogue Propriétés d'animation.


 Comment sauvegarder
Nous pouvons maintenant sauvegarder l'animation au moyen du menu Fichier. Sauvegarder l'animation équivaut essentiellement à la créer. Lorsque vous créez une animation, vos seules options de sortie sont Sauvegarder sous et Exporter sous. Utilisez Sauvegarder sous pour créer votre animation. Par la suite, vous pouvez utiliser Sauvegarder pour sauvegarder toutes les modifications ultérieures d'une animation et Sauvegarder sous afin de sauvegarder une version unique de l'animation. La commande Exporter sous vous permet d'exporter une animation sous forme de fichier AVI, de Filmstrip GIF, ou de curseur animé.

 Comment ajouter une page Web
L'animation est maintenant prête à ajouter à une page Web (comme celle-ci). Sélectionnez l'élément HTML au menu Fichier. La boîte «Code HTML» au bas du dialogue contient le code HTML qu'il faut ajouter à votre page Web afin d'y placer l'animation. Des options sont prévues pour l'ajout d'un label ou d'une astuce, d'un lien ou d'une bordure. Par exemple, l'animation finale ci-dessous a été placée sur cette page accompagnée d'un énoncé HTML semblable au suivant :
<img src="alienani.gif" width="111" height="158" border="0" alt="Alien Animation">