Bonjour,
Un choix judicieux de transitions est suffisant pour avoir une présentation relativement
dynamique. Cela permet de casser le rythme des slides en mélangeant la continuité des
transitions idempotentes avec des discontinuités pour réveiller l’auditoire.
Mais ce que les transitions ne savent pas faire, c’est le déplacement des éléments,
faire bouger un curseur, par exemple, et les combinaisons d’apparitions ou de disparitions
différentes simultanées. Là, vous avez besoin d’animations.
La difficulté, c’est qu’il ne faut pas animer n’importe comment.
Quand je vois quelque chose comme cela, d’un côté fond fantaisie mais qui peut-être
acceptable pour un titre, police et couleurs qui vont bien, je suis un peu dans l’expectative.
Ajoutez cela et je fuis en hurlant: le Comic Sans que tout le monde déteste, et une animation
fantaisie qui n’apporte rien. Ce que vous avez là, cela s’appelle un oxymoron visuel.
Un oxymoron, c’est l’association de deux mots qui ne vont normalement pas ensemble,
comme “cette obscure clarté qui tombe des étoiles”. Un oxymoron visuel, c’est un
visuel qui dit le contraire du texte. Le texte dit “pro”, la réalisation dit “amateur”;
et elle le dit plus fort.
Si vous voulez donner un aspect quasi-cinématographique à vos présentations, vous mélangerez probablement
transitions et animations. C’est surtout vrai si vos slides sont destinées à être
transformées en vidéos, d’une part parce que l’intérêt disparaît vite à fixer
une slide statique trop longtemps, et d’autre part parce ce que ce que vous pourriez transmettre
par des gesticulations devant l’audience devra être rendu autrement.
Première chose, pourquoi animer? J’y vois trois raisons:
1) faire apparaître la visualisation, qu’elle soit textuelle ou graphique, au fur et à
mesure que l’on parle. C’est exactement ce que je suis en train de faire là.
2) représenter un mouvement qui fait partie de l’histoire. Cela peut être simple ou
complexe. 3) la mise en scène des séquences, et le
jeu sur le rythme en améliorant la continuité et la fluidité.
La premier point est, je pense, facile à comprendre. On peut facilement le réaliser,
j’en ai déjà parlé dans la troisième vidéo de cette série et je l’ai montré
dans la vidéo précédente, simplement avec des transitions. On peut aussi, et c’est
une pure question de choix, le réaliser avec des animations. Vous sélectionnez un élément
et choisissez le fondu, c’est comme l’ajouter sur une slide avec un fondu en transition.
Un certain nombre d’animations sont équivalentes à des transitions, avec deux bémols:
• Tout d’abord vous pouvez déclencher plusieurs animations différentes en même
temps, alors que ce ne sera qu’un type de transition à la fois,
• Et ensuite quand vous balayez par exemple, l’animation répondra un poil plus vite
à votre clic sur la télécommande puisqu’une transition en balayage balaie l’intégralité
de la slide. Ce sera d’autant plus sensible que le nouvel élément est éloigné de l’endroit
d’où commence le balayage. J’ai tendance à utiliser des animations
tant que je n’en ai pas plus de quatre ou cinq par slide, puis à combiner animations
et transitions. Il n’y a pas de règle. Je reviendrai sur les détails des animations
combinées plus tard.
Le mouvement qui fait partie de l’histoire est quelque chose d’un peu plus subtil.
Si vous êtes quelqu’un de visuel, le critère qui peut être déterminant, c’est la réponse
à la question “si je n’avais pas Powerpoint et si j’expliquais à quelqu’un avec une
feuille ou devant un tableau blanc, est-ce que je commencerais à griffonner des flèches”.
Si vous mourez d’envie de griffonner des flèches, cela veut dire animation. Une autre
manière de voir les choses, c’est de rédiger ce que vous voulez dire, et faire attention
aux verbes employés. Là où vous employez des verbes d’état, tels que “être”
ou “devenir”, ou des verbes qui n’évoquent aucun mouvement, cela veut dire transition.
Les verbes qui évoquent le mouvement veulent dire animation.
Cela sera beaucoup plus vrai dans une vidéo que pour une présentation devant un auditoire
physique, devant lequel vous pouvez gesticuler. Mais n’oubliez pas le critère de taille
de la salle, parce que vu du fond un point qui s’agite n’aide pas beaucoup à comprendre,
et le critère de trac, éventuellement combiné au décalage horaire, qui peut vous faire
perdre beaucoup de vos capacités gesticulatoires, même si vous êtes italien.
Prenons un exemple très simple lié à la programmation et parlons de l’assignation,
le fait de stocker une valeur en mémoire. Dans beaucoup de langages de programmation,
vous écrirez quelque chose comme cela, d’abord une ligne qui dit que vous réservez de la
mémoire pour stocker une valeur entière, integer en anglais et dont l’abrégé est
“int”, et que vous donnez à cette place en mémoire le nom “ma_variable”. Dire
ce que vous voulez stocker informe indirectement l’ordinateur de combien de mémoire il doit
réserver, et comment interpréter les 0 et les 1 qui seront stockés à cet endroit,
parce que la mémoire de l’ordinateur ne connait rien d’autre que des 0 et des 1.
La seconde instruction n’est pas une égalité, elle signifie simplement que l’on veut stocker
la valeur 42 à cet endroit.
Présenter les choses comme cela dans un cours réel est jouable, mais pendant que vous racontez
la déclaration de la variable, au moins la moitié de l’auditoire n’écoute que d’une
oreille et est en train de se demander ce que la deuxième instruction signifie.
Deuxième version, avec deux slides et une transition en fondu, vous racontez votre histoire
sur la variable, puis sur l’assignation. Un peu mieux, mais quand même pas bien excitant.
Troisième version, illustrée par cette espèce de “boîte” en mémoire que représente
la variable. Le fait de réserver de la mémoire est quelque chose qui n’évoque pas vraiment
de mouvement, une transition ou une simple animation “fondu” fait l’affaire. En
revanche, quand on passe à l’assignation, je trouve que cela ne va plus. La valeur 42
n’apparaît pas comme cela, on la met dans la variable. C’est le résultat d’une
action, d’un mouvement. Je vais donc, dans la version finale, commencer par l’apparition
en fondu pour la réservation de mémoire, puis dans la slide suivante, avec transition
en fondu, avoir une animation pour illustrer l’action. Je ne sais pas ce que vous en
pensez, mais pour moi c’est mieux. En plus, vous remarquerez que la valeur est vraiment
“dans” la boîte, pas “sur” la boîte. Dès que l’on anime, il faut faire attention
à la notion de profondeur et de plan, j’en reparlerai prochainement.
Le dernier point que j’ai mentionné, mise en scène des séquences, est lui franchement
plus délicat et demande souvent un travail d’horloger. Je l’ai dit précédemment,
une séquence correspond à une suite de slides autour de la même idée, avec des éléments
que l’on retrouve à la même place de slide en slide pour donner la continuité. Mais
retrouver un élément de slide en slide ne veut pas forcément dire que l’on retrouve
l’élément à la même position de la première à la dernière slide de la séquence.
Je vous ai parlé, toujours dans la troisième vidéo, de ce que Garr Reynolds raconte à
propos des lignes de force que sont les tiers. On peut vouloir déplacer des éléments entre
les lignes de force. Je parle de mise en scène, cela évoque le
théâtre, et illustrons la mise en scène avec un sujet qui n’est pas technique, la
présentation de quelques personnages de la Commedia dell’arte.
La mauvaise manière de faire, vous avez dû la voir autant de fois que moi, c’est la
slide Powerpoint classique et moche, avec trop de texte, affiché tout d’un coup.
Ennuyeux au possible, surtout si le présentateur se borne à lire sa slide, et parfois à la
paraphraser pour se donner l’impression de valeur ajoutée.
Un présentateur plus consciencieux comprend très bien que le texte doit être beaucoup
plus léger, et que c’est à lui de dire les points moins importants qui ne sont plus
sur la slide. La slide devient un appoint du discours, pas l’intégralité de la présentation.
Amélioration supplémentaire, une animation point par point. On guide l’auditoire, qui
n’en sera plus à Colombine quand le présentateur en est encore au Capitan. Certains présentateurs
voudront ajouter une illustration, ici brut de recherche internet, et nous l’avons vu,
si l’image se prête mal au plein écran nous avons tout intérêt à la détourer
(je l’ai fait avec Gimp, Powerpoint avait des problèmes avec la fraise).
Dans la vidéo précédente, je vous ai dit qu’il était dans un cas pareil sans doute
meilleur d’utiliser des transitions idempotentes, ici un fondu, et illustrer chacun des personnages
un par un.
A ce point se pose une question pédagogique. Qu’est-ce que je veux que mon auditoire
mémorise, nom ou apparence du personnage? J’aurais tendance à dire “apparence”,
les noms sont probablement pour la plupart déjà familiers, et si c’est le cas je
vais conserver de slide en slide, plutôt que les noms, une version réduite des images
déjà montrées (évidemment nom et apparence ne sont pas exclusifs mais cela commencerait
à être un peu chargé).
C’est le jour et la nuit par rapport à la première version basique que je vous ai
montrée. Malgré tout, on reste dans une logique “diapositive”. On voit les changements
de diapositive. Je maintiens la continuité en conservant d’une part le titre “Commedia
dell’arte” de slide en slide, et d’autre part avec les images, mais il y a malgré
tout un côté un peu tressautant.
On peut énormément améliorer la continuité et faire quasiment disparaître les slides
avec des animations, et je vais vous en donner un exemple. Commençons par Polichinelle,
puis le Capitan, puis Arlequin, Pantalon, et finalement Colombine. Vous avez le droit
de préférer une des deux versions précédentes; mais je vous montre ici ce qu’il est possible
de faire, avec très peu d’effets. On ne voit plus du tout les slides. Il y en avait
neuf dans cette séquence.
Pas assez technique pour vous? Eh bien quand j’explique que dans une base de données
quelqu’un qui commence une transaction va tout d’abord sauvegarder l’état courant
des valeurs qu’il veut changer, puis que quelqu’un qui voudrait changer la même
donnée va se retrouver bloqué parce que la donnée est verrouillée, jusqu’à ce
que le premier valide sa transaction et libère les données, quand j’explique tout cela,
j’utilise à peu près les mêmes méthodes qu’avec Arlequin et Colombine. Nous verrons
ces méthodes plus en détail la prochaine fois.