Passer au contenu

Comment animer textes et images

Pour mettre vos textes et images en mouvement, pour les enrichir de séquences sonores, la solution s’appelle Flash… mais aussi Swish, un shareware qui met l’animation à la portée de tous.

Flash est la référence du Web pour les menus animés, les diaporamas explosifs ou les jeux interactifs. Créée par Macromedia, ce logiciel est en effet devenu un standard du graphisme sur le Web. Mais il faut bien distinguer les deux logiciels Flash : le lecteur et l’outil de création.Les internautes ont l’habitude d’utiliser un module qui doit avoir été téléchargé au préalable. Il s’agit d’un plug-in gratuit, qui s’ajoute aux fonctions du navigateur et qui est désormais intégré aux dernière versions. Ce plug-in sert à afficher tous les animations créées avec le logiciel Flash, outil de programmation pour la conception des animations. Ce logiciel professionnel, actuellement disponible dans sa version 5 est onéreux (439 euros/ 2 880 francs), mais on peut le télécharger en version limitée à 30 jours sur Macromedia.frJusque-là, la création d’animation en Flash était réservée aux experts. En effet, bien que conviviale et dotée de nombreux outils, l’interface de Flash demande un temps d’adaptation et exige une bonne connaissance du dessin vectoriel ainsi que de la gestion des calques (les éléments de la page qui peuvent se superposer les uns sur les autres). De quoi rebuter le novice.Mais heureusement il y a Swish. Ce shareware en anglais (vendu entre 34 et 57 euros (entre 223 et 374 francs) selon les versions) permet de réaliser des animations au format Flash avec une facilité déconcertante. En quelques clics, on met en place les textes, les sons et les images. Ensuite, on applique à chaque élément les effets que l’on veut, et le tour est joué. Certes, le logiciel ne dispose pas de fonctions aussi étendues que Flash, mais celles-ci sont suffisamment nombreuses pour faire du bon travail.

Télécharger Swish

Rendez-vous sur Swishzone.com La version légère de Swish 1.5, en shareware, y est proposée pour 30 dollars (environ 34 euros/ 223 francs). Elle ne pèse que 1,5 Mo, ce qui permet un téléchargement rapide. A signaler qu’après téléchargement l’enregistrement du logiciel est obligatoire afin d’obtenir une animation valide au format Flash. Plus complète et plus coûteuse (environ 57 euros/374 francs), la version 2.0, dont une version de démonstration est téléchargeable sur Telecharger.com, pèse quant à elle 4,6 Mo (ce qui exige près d’un quart d’heure de téléchargement avec un modem de 56 kbit/s).

Se familiariser avec l’interface

Swish dispose d’une interface tout en longueur, décomposée en onglets.Bien qu’en anglais, ce logiciel est simple à utiliser. Voici ses différentes fonctions et leurs principes.Menu général

De nombreuses options sont présentes sur le menu général, les voici en détail :

?”File : permet d’ouvrir, d’enregistrer ou d’exporter l’animation ;

?”Edit : annuler, copier, coller, modifier ;

?”View : afficher le visualiseur ;

?”Modify : permet d’insérer une scène, du texte, etc. ;

?”Control : pour jouer la scène ;

?”Samples : quelques exemples fournis (peu utiles) ;

?”Help : aide et liens vers différents sites Web ;

?”Purchase : pour acheter Swish.Barre d’outils

La palette d’outils est ici divisée en quatre zones :
?”Gestion des fichiers ;
?”Gestion de l’animation ;
?”Contrôle de l’animation ;
?”Exportation-visualisation.Liste des scènes

La liste des scènes représente l’arborescence de l’animation. Elle est équivalente à la palette de gestion des calques que l’on retrouve dans Flash. On y retrouve les informations importantes concernant son travail.

La zone de travail

Elle comporte différents onglets selon les éléments utilisés.General

On contrôle les dimensions (Height et Weight) et la vitesse de lecture de l’animation (Frames per second). On définit également la couleur de fond (Background color) :Content

Cet onglet concerne la gestion du contenu (sons et images) qui a été intégré dans l’animation. Cliquez sur le bouton Import pour insérer des éléments. Swish supporte l’import de fichiers aux formats Jpeg, Gif, PNG, Wav et MP3 :Timeline

La timeline affiche tous les éléments (textes, images et sons) comme sur une table de montage. Sur la droite, le bouton Add action permet d’ajouter des actions simples sur l’objet comme Stop (arrêt), Play Sound (jouer un son), Go to URL (lien vers une page Web).En sélectionnant un élément (texte, image), puis en cliquant sur le bouton Add effect (ajouter un effet), on accède à de nombreux d’effets :

?”Show : visible ;

?”Hide : caché ;

?”Transform : transformations multiples ;

?”Fade in et out : fondu ;

?”Slide in et out : glissement ;

?”Blur : flou ;

?”Squeeze : mouvement de lettres ;

?”Explode : explosion ;

?”Typewriter : machine à écrire ;

?”Wave : vague ;

?”Scale characters : variation de l’échelle ;

?”Alternate characters : variation d’un caractère sur deux ;

?”Revert characteres : inversion ;

?”3D spin : rotation 3D ;

?”Vortex : effet d’aspiration du texte.Text

En cliquant sur l’icône T, située dans la barre d’outils, on active l’onglet Text, où se trouvent plusieurs options pour créer un titre ou l’élément d’un menu :

?”Sélection de la police : taille, gras et italique ;

?”Alignement : centré, droite ou gauche ;

?”Couleur.

On y trouve également les options suivantes :

?”Align : position du texte sur la scène ;

?”Kerning : espace entre les lettres ;

?”Leading : espace entre les lignes ;

?”Show PS Fonts : possibilité d’inclure des polices PostScript.ActionsIl s’agit des différentes actions que déclenchera la souris de l’internaute lorsqu’elle passera sur l’objet ou sur une scène. Il faut cliquer sur le bouton Add event et choisir l’événement qui déclenchera l’action :

?”On Press : clic sur l’objet ;

?”On Release : relâchement du bouton de la souris lorsque le pointeur est sur l’objet ;

?”On Roll Over : quand le pointeur passe sur l’objet ;

?”On Roll Out : quand le pointeur est passé sur l’objet et s’éloigne ;

?”On Drag Over : déplacement du pointeur à l’intérieur de l’objet, bouton de la souris enfoncé ;

?”On Drag Out : déplacement du pointeur hors de l’objet, bouton enfoncé ;

?”On Release Outside : déplacement du pointeur dans l’objet bouton enfoncé, puis sortie de l’objet et relâchement du bouton.Image

Cet onglet est visible lorsqu’on insère une image. Le bouton Change permet de modifier l’image insérée. Grâce aux champs Align, X et Y, on peut aligner avec précision son image sur la scène :Export

Cet onglet permet de régler les paramètres d’exportation vers une animation en Flash. Laissez les réglages par défaut.

🔴 Pour ne manquer aucune actualité de 01net, suivez-nous sur Google Actualités et WhatsApp.


La rédaction