{"id":1067,"date":"2016-09-01T12:40:38","date_gmt":"2016-09-01T10:40:38","guid":{"rendered":"https:\/\/www.cours-info.ch\/wordpress\/?p=1067"},"modified":"2018-01-10T17:57:05","modified_gmt":"2018-01-10T16:57:05","slug":"tuto-ajouter-et-gerer-des-animations","status":"publish","type":"post","link":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/2016\/09\/01\/tuto-ajouter-et-gerer-des-animations\/","title":{"rendered":"Tuto &#8211; Ajouter et g\u00e9rer des animations"},"content":{"rendered":"<p>Pour que votre pr\u00e9sentation soit moins statique, vous pouvez animer les \u00e9l\u00e9ments des diapositives. Une <strong>transition<\/strong> concerne toute la diapositive et une <strong>animation<\/strong> concerne un objet (texte, image, etc.) d&rsquo;une diapositive.<\/p>\n<p>Il y a 3 types d&rsquo;animations :<\/p>\n<ul>\n<li>L&rsquo;animation d&rsquo;<strong>ouverture<\/strong> va cacher l&rsquo;objet et ne le fera appara\u00eetre qu&rsquo;avec l&rsquo;animation d\u00e9finie, et par d\u00e9faut au clic<\/li>\n<li>L&rsquo;animation d&rsquo;<strong>accentuation<\/strong> va faire bouger l&rsquo;objet, par d\u00e9faut au clic<\/li>\n<li>L&rsquo;animation de <strong>sortie<\/strong> va faire dispara\u00eetre l&rsquo;objet de la diapositive, par d\u00e9faut au clic. L&rsquo;objet ne sera ensuite plus visible.<\/li>\n<\/ul>\n<p>On peut cumuler tous les effets qu&rsquo;on veut sur un m\u00eame objet, le faire entrer, se promener, sortir, rerentrer, etc., mais lors d&rsquo;une pr\u00e9sentation r\u00e9elle, un exc\u00e8s d&rsquo;animations sera souvent malvenu.<\/p>\n<p>Pour ajouter une animation :<\/p>\n<ol>\n<li>Cliquez sur l&rsquo;objet \u00e0 animer (on l&rsquo;oublie parfois)<\/li>\n<li>Allez dans l&rsquo;onglet <strong>Animations<\/strong> et choisissez dans l&rsquo;une des 3 cat\u00e9gories, l&rsquo;animation souhait\u00e9e<\/li>\n<li>Une fois une animation appliqu\u00e9e \u00e0 l&rsquo;objet, une case avec un num\u00e9ro (1 si c&rsquo;est la premi\u00e8re animation) appara\u00eet pr\u00e8s de l&rsquo;objet. Cette case n&rsquo;est visible que lorsqu&rsquo;on est sur l&rsquo;onglet animation et permet de s\u00e9lectionner l&rsquo;animation et non l&rsquo;objet.<\/li>\n<\/ol>\n<p>Pour modifier une animation :<\/p>\n<ol>\n<li>Allez dans l&rsquo;onglet <strong>Animations<\/strong><\/li>\n<li>Cliquez sur le num\u00e9ro de l&rsquo;animation \u00e0 modifier<\/li>\n<li>La plupart des effets ont des <strong>Options d&rsquo;effets<\/strong> \u00e0 droite des animation, permettant par exemple de choisir l&rsquo;amplitude ou la direction de l&rsquo;animation<\/li>\n<li>A droite de ces options, on peut choisir quand doit d\u00e9marrer notre animation<br \/>\n<strong>Au clic<\/strong> la fait d\u00e9marrer quand je vais cliquer ou appuyer sur les fl\u00e8ches droite ou bas du clavier<br \/>\n<strong>Avec la pr\u00e9c\u00e9dente<\/strong> fait d\u00e9marrer l&rsquo;animation en m\u00eame temps que celle qui la pr\u00e9c\u00e8de, ou avec la diapositive si c&rsquo;est la premi\u00e8re animation<br \/>\n<strong>Apr\u00e8s la pr\u00e9c\u00e9dente<\/strong> enclenche l&rsquo;animation d\u00e8s que celle qui la pr\u00e9c\u00e8de a termin\u00e9 son animation<\/li>\n<li>La <strong>Dur\u00e9e<\/strong> de l&rsquo;animation est le temps qu&rsquo;elle va prendre pour faire son effet<\/li>\n<\/ol>\n<p><strong>R\u00e9organiser les animations sur une diapositive<\/strong><br \/>\nPar d\u00e9faut, un cadre de texte si on appliquer une animation va mettre le premier \u00e9l\u00e9ment au clic et tous les suivants en m\u00eame temps, ils auront donc tous le m\u00eame num\u00e9ro. Si je souhaite les d\u00e9caler, je vais donc aller cliquer sur le 2e num\u00e9ro et d\u00e9finir un d\u00e9clenchement <strong>Au clic<\/strong>.<\/p>\n<p>Par d\u00e9faut, les animations vont avoir lieu dans l&rsquo;ordre o\u00f9 je les aurai d\u00e9finies. Il peut arriver qu&rsquo;avec beaucoup d&rsquo;animations, j&rsquo;aie besoin de red\u00e9finir cet ordre. Pour r\u00e9organiser cet ordre :<\/p>\n<ol>\n<li>Allez dans l&rsquo;onglet <strong>Animations<\/strong><\/li>\n<li>Cliquez tout \u00e0 droite sur <strong>R\u00e9organiser<\/strong><\/li>\n<li>Avec les fl\u00e8ches sous la liste, vous pouvez monter ou descendre un \u00e9l\u00e9ment dans la liste et changer l&rsquo;ordre des animations<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Pour <a href=\"https:\/\/www.cours-info.ch\/wordpress\/index.php\/2016\/09\/01\/tuto-ajouter-et-gerer-des-animations\/\" class=\"read-more\">Cliquez pour voir la suite<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":["post-1067","post","type-post","status-publish","format-standard","hentry","category-powerpoint"],"_links":{"self":[{"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/1067","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=1067"}],"version-history":[{"count":2,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/1067\/revisions"}],"predecessor-version":[{"id":1667,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/1067\/revisions\/1667"}],"wp:attachment":[{"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=1067"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=1067"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cours-info.ch\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=1067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}