Dynamiser vos Documents avec des Animations dans Adobe InDesign

Les objets interactifs - Animations
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtriser InDesign CC 2021 - Techniques avancées
Revoir le teaser Je m'abonne
Description Programme Avis

L'objectif de cette vidéo est d'apprendre à utiliser les outils d'animation et de minutage dans Adobe InDesign pour créer des documents interactifs et dynamiques.

Découvrez comment donner vie à vos documents numériques à l'aide d'animations dans Adobe InDesign. Dynamisez vos présentations grâce à des animations spécifiques pour chaque objet.

L'animation peut apporter un dynamisme considérable dans la présentation de vos documents numériques. En sélectionnant un objet dans une mise en page et en lui attribuant une animation spécifique, vous pouvez rendre vos documents plus attrayants et interactifs. Plus vos objets seront dissociés, plus vous pourrez les animer de manière individuelle. Par exemple, des objets tels que des cercles, des filets de séparation, des losanges blancs, des blocs de texte et des photos peuvent être animés soit collectivement, soit individuellement.

Il est également possible de gérer la chronologie des animations. Commencez par définir les objets à animer en premier, puis avancez progressivement. Vous pouvez choisir parmi une liste d'animations disponibles, en évitant celles qui peuvent devenir fatigantes à la longue. Une fois que vous avez assigné une animation à un objet, vous pouvez ajuster la trajectoire de cette animation en modifiant sa longueur pour déterminer la durée et le point de départ de l'animation.

En plus de l'animation d'objets, vous pouvez aussi utiliser le panneau de minutage. Ce panneau vous permet de gérer l'ordre et le timing des animations, offrant ainsi une flexibilité maximale dans la création de documents interactifs. Enfin, même les blocs de texte peuvent être animés, permettant des apparitions plus douces et progressives pour améliorer l'expérience de lecture.

En conclusion, avec Adobe InDesign, il est tout à fait possible de créer des animations interactives et dynamiques sans recours à des logiciels tiers, rendant vos documents plus engageants et attrayants.

Voir plus
Questions réponses
Quelle est l'utilité principale de l'animation dans un document numérique?
L'animation permet d'apporter du dynamisme et de rendre la présentation d'un document numérique plus attrayante et interactive.
Comment peut-on ajuster la durée et le point de départ d'une animation dans InDesign?
On peut ajuster la durée et le point de départ d'une animation en modifiant la longueur de la trajectoire de l'animation dans le panneau d'animation d'InDesign.
Pourquoi est-il important de gérer le timing des animations avec le panneau de minutage?
Gérer le timing des animations avec le panneau de minutage permet de définir l'ordre d'apparition des objets, assurant ainsi une séquence cohérente et agréable à l'utilisateur.
Que pourrait vous apporter l'animation par rapport aux hyperliens et aux boutons et ainsi que les états d'objets que nous avons vus précédemment ? Eh bien l'animation pourrait vous apporter un petit peu de dynamisme dans la manière de présenter votre document numérique. Animer, c'est tout simplement décider de sélectionner un objet dans une mise en page et de lui attribuer une animation spécifique. Plus vos objets seront dissociés et plus vous pourrez les animer de manière individuelle. C'est pourquoi ici vous avez le cercle qui est un objet séparé, le filet de séparation ici qui est un objet séparé, le losange blanc qui est ici, le texte image dans un bloc et les photos du site dans un autre bloc. Eh bien tous ces objets-là pourront être animés soit avec la même animation en une seule fois, soit avec des animations individuelles séparément. Alors après il y a une question de chronologie, en tout cas il serait plutôt prudent de sélectionner dans un premier temps les objets que vous voulez animer en premier et puis petit à petit comme ça avancer. Alors en supposant que la priorité ce serait d'animer le petit losange qui est en bas, je commence par le sélectionner, je décide ici dans la palette d'animation d'aller chercher une animation dans la liste qu'on me propose, au moins qu'on puisse dire c'est qu'il y a le choix. Alors vous avez toutes ces animations-là un petit peu on va dire marrantes entre guillemets mais qui risquent de devenir fatigantes un petit peu à la longue, donc on va peut-être éviter celles-là, on va rester sur les animations de premier plan ici qui sont assez classiques et je pourrais par exemple demander ici est-ce que mon objet arrive par le bas. Alors ça va être assez petit à voir, assez subtil, regardez bien ici le texte s'affiche et vous voyez que le losange arrive ici en montant, donc tout simplement se déplaçant du bas vers le haut. Ici le bouton de lecture me permet de tester l'aperçu, de lire l'aperçu, donc je vais continuer pour étoffer un petit peu tout ça. Vous notez une fois que vous avez associé une animation à un objet que vous faites apparaître une sorte de flèche de trajectoire sur laquelle pour info il est possible d'intervenir, c'est-à-dire modifier sa longueur, la rapprocher, l'éloigner et ainsi demander à ce que le losange démarre de plus bas ou parte de plus haut suivant que vous souhaitez une animation longue ou courte et ainsi de suite. Donc ici je peux aussi pourquoi pas sélectionner le cercle ou alors peut-être commencer par le filet. Pareil, je vais lui associer une animation et on va demander à cette fois-ci à faire une animation de type entrée par le haut. Voilà et je teste, je regarde ce que ça donne, ça me permettra de modifier si ça ne me plaît pas. Vous voyez que le losange est arrivé d'abord et le filet est arrivé par le haut ensuite. J'étoffe un peu, je vais sélectionner cette fois-ci le cercle. Là je pourrais me poser la question de savoir si je dois faire un agrandissement ou un zoom avant. Alors pour info si vous faites un agrandissement c'est particulier parce que l'objet va partir de sa position actuelle et s'agrandir. Le risque c'est ça, c'est de vous retrouver avec un objet qui va déborder de sa position d'origine. Vous allez voir que c'est le cas ici, hop et l'objet s'agrandit. Alors ça peut être assez sympa, le problème évidemment c'est que j'ai une mise en page qui cette fois-ci n'est plus tout à fait je dirais en accord avec ce que j'avais prévu au départ. Donc il vaut mieux ici demander un zoom avant, vous allez voir que c'est plus subtil parce que le zoom avant il a une particularité, c'est de permettre d'effectuer un zoom en gardant à l'arrivée la taille d'origine, c'est à dire la taille de cet objet là. Vous allez voir tout de suite la nuance en lecture. Donc le losange, le filet et le zoom qui s'arrête à la position d'origine. Donc je commence finalement à faire une petite animation un petit peu sympa autour de ce titre là, et j'aimerais ensuite vous parler tranquillement du panneau de minutage pour compléter un petit peu ce qu'on vient de raconter sur l'animation. Et en fait le minutage a une particularité, c'est qu'il vous fait apparaître des sortes de calques qui correspondraient en fait à l'ordre dans lequel vous avez animé vos différents objets. Carré pour ça, ligne pour ça, et cercle pour ça. Et donc on a bien le carré qui s'aligne d'abord, la ligne qui s'aligne ensuite, qui s'affiche ensuite, et le cercle qui s'affiche ensuite. Alors je vais profiter de ce truc là pour vous montrer que je pourrais aussi choisir non seulement l'ordre d'arrivée de mon minutage, mais aussi le timing de mon minutage. Donc ici je vais commencer volontairement par afficher ce texte là, je vais lui associer une animation, alors très simple, de type apparition, voilà, avec une durée de x secondes. Et dans le minutage que vous avez ici, vous avez le délai. Et le délai c'est quoi ? C'est le temps qui va se passer entre la durée de l'animation et l'animation suivante, c'est-à-dire que le délai ici, si je le mets à une seconde, eh bien il faudra attendre une seconde entre le moment où le cercle se sera affiché et le texte pourra s'afficher à ce moment-là au bout d'une seconde. Je vais tester, on passe en lecture comme d'habitude. Donc regardez bien l'ordre, losange, filet, cercle, puis le texte qui s'affiche. Il a fallu attendre un petit peu. Alors très bien, ça fonctionne, donc je retourne ici dans animation, je masque ce panneau là, je sélectionne mon texte numéro 2, je lui attribue également une apparition. Alors si vous voulez quelque chose d'un petit peu plus doux, vous pouvez faire du fondu en entrée, ça permet une arrivée un petit peu plus soft, on va dire, de l'élément. Donc là pareil, je vais demander un fondu en entrée finalement. Et regardez bien, l'ordre évidemment dans lequel l'apparition va se faire, c'est naturellement l'ordre dans lequel j'ai construit mes animations. Donc d'abord le nom du site, puis image. Et comme le délai d'image est assez court, j'ai presque la sensation que l'image s'affiche en même temps que l'élément, parce qu'il y a un délai de 0 seconde. Donc là, vous posez un petit peu les choses, et vous faites en sorte que le délai soit d'au moins une seconde après l'affichage de cette action. Donc je recommence, et vous allez voir que l'image va s'afficher un petit peu moins vite. Cette fois-ci, juste après l'affichage du site. Losange, filet, cercle, nom du site, et un petit peu plus tard l'image. Vous voyez ça, c'est un petit peu plus progressif. Dernière chose, en imaginant que l'ordre d'apparition de mes éléments ne me convienne pas, je voudrais d'abord afficher le texte image, puis afficher le nom du site. Eh bien la bonne nouvelle, c'est que dans le panneau de minutage, il me suffit tout simplement, comme si je jouais avec des calques, de bouger l'ordre des éléments, de telle sorte que l'ordre chronologique soit cohérent ici par rapport à la liste qui m'intéresse. Donc ici, notez bien que le texte image étant avant le texte les photos du site, eh bien je vais naturellement faire jouer d'abord l'animation 1 avant l'animation 2. On teste, on voit ce que ça donne. Losange, filet, cercle, image, puis au bout d'une seconde, le nom du site. Vous voyez donc ce qui est assez génial finalement, c'est que chaque objet peut être animé individuellement. Le panneau de minutage vous sert à gérer les affichages, le timing, la chronologie, et vous allez ainsi pouvoir dynamiser un petit peu vos titres, vos publications numériques. Alors juste pour vous rassurer éventuellement si besoin était, sur le fait qu'on peut animer n'importe quoi dans ce panneau d'animation, je vais aller chercher ici dans ma palette de pages, une page dans laquelle j'aurai un bloc de type texte, par exemple celui-ci, et vous allez voir qu'on peut aussi animer évidemment un bloc de texte normal. Donc je retourne dans animation, je retourne dans la liste d'animation qui m'intéresse, je décide par exemple de faire une arrivée par la gauche. On va changer un petit peu, voilà. Je regarde un petit peu ce que ça donne, et je vais voir apparaître mon bloc de légende tranquillement sur la partie gauche. Alors si cette action ne me plaît pas, évidemment je vais la modifier en faisant un fondu, voilà, avec une durée relativement longue pour l'animation et ainsi donner une certaine sensation de douceur dans l'affichage progressif de ma légende. Donc ça fonctionne également de la même manière pour un bloc de texte tout à fait conventionnel. Donc voilà quelques éléments que je voulais aborder avec vous. Alors évidemment, on pourrait passer un temps infini sur les réglages compris dans cette palette d'animation, dans cette palette de minutage, mais ça vous donne déjà quelques pistes de réflexion autour de l'animation d'un document à partir d'InDesign, et on aurait pu penser souvent en voyant ce type de fichier apparaître sur des tablettes de type iPad par exemple, que ça a été totalement développé dans des logiciels à part. Mais pas du tout, on peut déjà envisager un certain nombre d'éléments interactifs, en tout cas efficaces et assez sympa graphiquement, directement dans InDesign sans passer par un logiciel tiers.

Programme détaillé de la formation

11 commentaires
4,6
11 votes
5
4
3
2
1
Sophie.S
Il y a 1 year
Commentaire
Une formation claire, explicite qui améliore et conforte mes compétences sur Indesign. Un orateur très pédagogue. A recommander ++++.
rilana.picard
Il y a 1 year
Commentaire
Très bonne formation avec un formateur qui est facile à suivre. Qui m'a permis encore d'apprendre de nouvelles choses et d'en affiner d'autres. Je recommande cette formation.
minaraifa
Il y a 2 years
Commentaire
Très pédagogique! voix agréable, calme, posée facilitant l'écoute longue de modules en modules.
Air2
Il y a 2 years
Commentaire
Excellente formation, avec une parfaite pédagogie, des exercices, tout y est !
Un grand merci à Stephane LEMOINE, un excellent formateur
maxmad
Il y a 2 years
Commentaire
Formation très intéressantes ! J'ai beaucoup appris sur certaines fonctionnalités comme les documents interactifs ou les EPUB. Tout est clair est expliqué dans le détail. Les exemples sont fournis.
David.missonnier
Il y a 3 years
Commentaire
La formation est très intéressante,
je n'ai malheureusement rien appris, la formation m'a été imposée par ma hiérarchie, mais pour une mise à niveau des fonctions que je n'utilise que peu car interdite par mon service informatique (Publish online, ou le cloud adobe), c'était intéressant.
Merci beaucoup pour cette formation, sincèrement,
vero.legras19
Il y a 3 years
Commentaire
Formation bien conçu, intéressante, captivante. Je dirai simplement que les exercices sont assez pauvres et pas assez complexes. Sinon, je sais utiliser le logiciel dans des travaux de production de revues et de livres, donc ça me va.
aristote797
Il y a 3 years
Commentaire
Excellent. Très clair. Voix agréable. De quoi prendre en main largement et simplement le logiciel. Merci beaucoup
riversebastien1
Il y a 3 years
Commentaire
Le formateur est excellent, ce n'est pas lui que je vise mais ne serait ce pas la même formation que in design 2020?
lang.baptiste18
Il y a 3 years
Commentaire
Très bon tuto !
eugene.compaore
Il y a 3 years
Commentaire
Les vidéos dans les modules 6 et 7 ont quelques ont tendance à ne pas avancer et tournent en boucle sauf si on ne clique pas sur la suivante.
Nos dernières formations InDesign
  • Créer une couverture de livre avec InDesign & Photoshop
    Découvrir
    À travers cette formation, vous maîtrisez les logiciels InDesign et Photoshop et vous mettez en pratique vos compétences pour la création d’une couverture de livre.
    6h16 39 leçons
  • Atelier InDesign et Scribus - Réaliser un article de presse
    Découvrir
    Comparer les logiciels PAO de référence, InDesign et Scribus, en réalisant un article de presse.  
    1h47
  • Pack 2 formations
    Pack Indesign CC 2021 - 15h de vidéos
    Découvrir
    Maîtriser Indesign CC 2021, des fonctions de bases jusqu'aux dernières fonctionnalités. Ce pack de formation de 2 vidéos de plus de 15 heures est adapté aussi bien aux débutants, qu'aux personnes souhaitant se mettre à jour sur les dernières nouveautés de Indesign CC 2021. Vous allez apprendre la création et la gestion des blocs, la mise en forme typographie et style de texte, l'importation et la gestion des images ainsi que la diffusion efficace de vos fichiers. Vous allez également pouvoir aller plus loin en abordant la gestions des styles de texte ou la technique d'automatisation qui va vous permettre de booster votre créativité.   A la fin de cette formation basé sur des exemples et des exercices concrets, vous maîtrisez votre production et votre créativité sera renforcée. Profitez de ce pack de plus de 15 heures de formation pour devenir un professionnel sur Indesign CC 2021.
    16h05 191 leçons
  • Apprendre InDesign CC 2021 - Les fondamentaux
    Découvrir
    A la fin de cette formation, vous serez entièrement autonome sur la création de mise en page de type brochure flyer ou autre document. .tb_button {padding:1px;cursor:pointer;border-right: 1px solid #8b8b8b;border-left: 1px solid #FFF;border-bottom: 1px solid #fff;}.tb_button.hover {borer:2px outset #def; background-color: #f8f8f8 !important;}.ws_toolbar {z-index:100000} .ws_toolbar .ws_tb_btn {cursor:pointer;border:1px solid #555;padding:3px} .tb_highlight{background-color:yellow} .tb_hide {visibility:hidden} .ws_toolbar img {padding:2px;margin:0px}
    6h52 103 leçons 4,96 / 5
  • Apprendre Indesign CC - Niveau expert
    Découvrir
    Être capable de maîtriser les fonctionnalités les plus avancées d'InDesign CC.
    5h57 49 leçons 5 / 5