{"id":503,"date":"2022-12-13T10:37:01","date_gmt":"2022-12-13T10:37:01","guid":{"rendered":"https:\/\/www.animaker.fr\/blog\/?p=503"},"modified":"2022-12-13T10:37:03","modified_gmt":"2022-12-13T10:37:03","slug":"comment-animer-un-cycle-de-marche","status":"publish","type":"post","link":"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/","title":{"rendered":"Comment animer un cycle de marche ?"},"content":{"rendered":"<p><span id=\"rgb(200, 249, 217)\"><\/span><\/p>\n\n\n<p>Chaque fois que nous regardons des films d&#8217;animation ou des dessins anim\u00e9s, il y a un facteur crucial qui ne manque jamais de nous impressionner, parmi d&#8217;innombrables autres choses.<\/p>\n\n\n\n<p>C&#8217;est la fa\u00e7on dont ces personnages de dessins anim\u00e9s marchent, bien s\u00fbr !<\/p>\n\n\n\n<p>Regardez comme Mickey marche avec gr\u00e2ce !<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/giphy.gif\" alt=\"\"\/><\/figure><\/div>\n\n\n<p>L&#8217;animation d&#8217;un tel cycle de marche peut \u00eatre consid\u00e9r\u00e9e comme un processus tr\u00e8s complexe, m\u00eame par les animateurs experts. Mais il n&#8217;est pas n\u00e9cessaire de le d\u00e9sapprouver ainsi !<\/p>\n\n\n\n<p>Au bout du compte, il suffit de d\u00e9placer les personnages d&#8217;un point A \u00e0 un point B de mani\u00e8re \u00e9l\u00e9gante. Et c&#8217;est ce que cet article vous apprend !&nbsp;<\/p>\n\n\n\n<ol><li>Qu&#8217;est-ce qu&#8217;une animation de cycle de marche ?<\/li><li>Les quatre \u00e9tapes du Cycle de marche&nbsp;<\/li><li>Comment cr\u00e9er un Cycle de marche ?<\/li><li>Pourquoi le Cycle de marche est-il important ?<\/li><li>Meilleures pratiques pour une animation de cycle de marche sans faille<\/li><\/ol>\n\n\n\n<p>Lisez la suite pour apprendre tout ce que vous devez savoir sur les cycles de marche !<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Qu&#8217;est-ce qu&#8217;une animation de cycle de marche ?<\/strong><\/h3>\n\n\n\n<p>Le Cycle de marche est une animation en boucle constitu\u00e9e d&#8217;une s\u00e9rie d&#8217;images dessin\u00e9es dans une boucle s\u00e9quentielle pour imiter le style d&#8217;un personnage qui marche.&nbsp;<\/p>\n\n\n\n<p>Un cycle de marche est cr\u00e9\u00e9 lorsque ces images s\u00e9quentielles sont jou\u00e9es en boucle.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Les quatre \u00e9tapes du Cycle de marche&nbsp;<\/strong><\/h3>\n\n\n\n<p>Le Cycle de marche est compos\u00e9 de quatre images cl\u00e9s diff\u00e9rentes : &#8211;<\/p>\n\n\n\n<p>1. <strong>Point de contact avant<\/strong> &#8211; Le premier pas sur le sol est appel\u00e9 point de contact avant. Dans cette position, le pied arri\u00e8re du personnage est positionn\u00e9 \u00e0 mi-chemin pour toucher le sol, et le pied avant est pos\u00e9 talon en bas, comme s&#8217;il planait juste au-dessus du sol.<\/p>\n\n\n\n<p>2. <strong>Pose du premier passage<\/strong> &#8211; La pose du premier passage est l&#8217;expression du mouvement lorsque la jambe arri\u00e8re passe la jambe avant ou vice versa. C&#8217;est l&#8217;inverse du point de contact avant, o\u00f9 votre personnage d\u00e9place le poids d&#8217;une jambe \u00e0 l&#8217;autre, cr\u00e9ant ainsi un mouvement.<\/p>\n\n\n\n<p>3. <strong>Point de contact arri\u00e8re<\/strong> &#8211; Le point de contact arri\u00e8re est l&#8217;exact oppos\u00e9 du point de contact avant, o\u00f9 la jambe arri\u00e8re est \u00e0 l&#8217;avant fermement pos\u00e9e sur le sol, et la jambe avant est \u00e0 l&#8217;arri\u00e8re lev\u00e9e sur le sol.<\/p>\n\n\n\n<p>4. <strong>Deuxi\u00e8me pose de passe<\/strong> &#8211; La deuxi\u00e8me pose de passe est l&#8217;oppos\u00e9 de la premi\u00e8re pose de passe, o\u00f9 le personnage passe au deuxi\u00e8me pas. ICI, le pied avant recule, et le personnage est positionn\u00e9 perpendiculairement au sol.&nbsp;<\/p>\n\n\n\n<p>Voici une photo de ces cadres pour vous permettre de mieux comprendre &#8211;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/How-to-create-a-walk-animation-banner-1-1024x438.png\" alt=\"\" width=\"698\" height=\"298\"\/><\/figure><\/div>\n\n\n<p>Source: <a href=\"https:\/\/bit.ly\/3PXiZZe\">https:\/\/bit.ly\/3PXiZZe<\/a>&nbsp;<\/p>\n\n\n\n<p>Sans ces images fondamentales, un cycle de marche ne peut \u00eatre cr\u00e9\u00e9.&nbsp;<\/p>\n\n\n\n<p>Passons maintenant \u00e0 l&#8217;apprentissage de la cr\u00e9ation d&#8217;une animation de cycle de marche.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Comment cr\u00e9er un Cycle de marche ?<\/strong><\/h3>\n\n\n\n<p>En g\u00e9n\u00e9ral, une fois que les \u00e9l\u00e9ments fondamentaux du cycle de marche sont d\u00e9finis, des d\u00e9tails suppl\u00e9mentaires comme le timing de l&#8217;animation, la vitesse de marche, le mouvement des parties du corps, etc. sont ajout\u00e9s, ce qui donne un cycle de marche comme celui-ci&#8230;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/4-frame-walk-cycle-149x299.gif\" alt=\"\"\/><\/figure><\/div>\n\n\n<p>Source \u2013 <a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?curid=36977219\">https:\/\/commons.wikimedia.org\/w\/index.php?curid=36977219<\/a><\/p>\n\n\n\n<p>L&#8217;exemple ci-dessus est un cycle de marche court qui comprend 4 images au total. Mais un cycle de marche anim\u00e9 de mani\u00e8re complexe peut d\u00e9passer les dix images en ajoutant plus de d\u00e9tails au style de marche.&nbsp;<\/p>\n\n\n\n<p>Une animation d\u00e9taill\u00e9e de cycle de marche ne s&#8217;apprend pas en un seul jour. Au contraire, elle n\u00e9cessite une vaste courbe d&#8217;apprentissage, depuis les bases du dessin jusqu&#8217;\u00e0 sa concr\u00e9tisation \u00e0 l&#8217;aide d&#8217;applications d&#8217;animation 2D ou 3D.<\/p>\n\n\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/2y6aVz0Acx0\" title=\"ALAN BECKER - Animating Walk Cycles\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe><\/p>\n\n\n<p>Jetez un \u0153il \u00e0 cette vid\u00e9o pour d\u00e9couvrir les subtilit\u00e9s de l&#8217;animation de cycles de marche.<\/p>\n\n\n\n<p>Un peu compliqu\u00e9, n&#8217;est-ce pas ?<\/p>\n\n\n\n<p>Mais si vous voulez sauter la partie difficile de l&#8217;apprentissage des bases et vous plonger directement dans la cr\u00e9ation d&#8217;animations, laissez-moi vous pr\u00e9senter Animaker, une plate-forme de cr\u00e9ation vid\u00e9o en ligne. Suivez les \u00e9tapes ci-dessous pour cr\u00e9er votre propre animation de cycle de marche sans exp\u00e9rience pr\u00e9alable.<\/p>\n\n\n\n<p>Ou, si vous voulez apprendre comment animer un cycle de marche \u00e0 partir d&#8217;un guide vid\u00e9o, jetez un coup d&#8217;\u0153il \u00e0 ceci !<\/p>\n\n\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/OEDCPJm9oz0\" title=\"How to animate a walk cycle? [The easiest walk cycle tutorial for Beginners!]\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe><\/p>\n\n\n<p>Voici les \u00e9tapes \u00e0 suivre pour cr\u00e9er un cycle de marche.<\/p>\n\n\n\n<p><strong>\u00c9tape 1 : Inscription et connexion&nbsp;<\/strong><\/p>\n\n\n\n<p>Pour commencer, rendez-vous sur <a href=\"https:\/\/www.animaker.fr\/\">Animaker<\/a> et cliquez sur le bouton &#8220;Cr\u00e9er votre premi\u00e8re vid\u00e9o&#8221;. Vous serez redirig\u00e9 vers la page d&#8217;inscription\/de connexion, o\u00f9 vous pourrez entrer vos coordonn\u00e9es et cr\u00e9er votre compte. Ou, vous pouvez simplement vous connecter avec Google ou Facebook.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/1-1024x403.png\" alt=\"\" class=\"wp-image-504\" width=\"674\" height=\"265\" srcset=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/1-1024x403.png 1024w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/1-300x118.png 300w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/1-768x302.png 768w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/1.png 1297w\" sizes=\"(max-width: 674px) 100vw, 674px\" \/><\/figure><\/div>\n\n\n<p><strong>\u00c9tape 2 : Cr\u00e9er un nouveau projet<\/strong><\/p>\n\n\n\n<p>Une fois connect\u00e9, vous serez redirig\u00e9 vers le tableau de bord d&#8217;Animaker. Ensuite, cliquez sur le bouton &#8220;Cr\u00e9er &gt; Cr\u00e9er une vid\u00e9o &gt; Projet vierge&#8221; pour cr\u00e9er un nouveau projet vierge.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/2-1024x349.png\" alt=\"\" class=\"wp-image-505\" width=\"699\" height=\"238\" srcset=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/2-1024x349.png 1024w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/2-300x102.png 300w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/2-768x262.png 768w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/2.png 1388w\" sizes=\"(max-width: 699px) 100vw, 699px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/3-1024x348.png\" alt=\"\" class=\"wp-image-506\" width=\"699\" height=\"237\" srcset=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/3-1024x348.png 1024w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/3-300x102.png 300w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/3-768x261.png 768w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/3.png 1380w\" sizes=\"(max-width: 699px) 100vw, 699px\" \/><\/figure><\/div>\n\n\n<p>Voici \u00e0 quoi ressemble l&#8217;interface de l&#8217;application Animaker. Au centre se trouve l&#8217;espace de travail, \u00e0 gauche la biblioth\u00e8que, \u00e0 droite la section des sc\u00e8nes, et en bas la timeline.<\/p>\n\n\n\n<pre class=\"wp-block-verse\"><\/pre>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/4-1024x507.png\" alt=\"\" class=\"wp-image-507\" width=\"710\" height=\"351\" srcset=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/4-1024x507.png 1024w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/4-300x148.png 300w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/4-768x380.png 768w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/4.png 1403w\" sizes=\"(max-width: 710px) 100vw, 710px\" \/><\/figure><\/div>\n\n\n<p><strong>\u00c9tape 3 : ajouter un arri\u00e8re-plan<\/strong><\/p>\n\n\n\n<p>Avant de cr\u00e9er notre cycle de marche, ajoutons un arri\u00e8re-plan \u00e0 la sc\u00e8ne pour que notre personnage puisse marcher. Pour ajouter un arri\u00e8re-plan, cliquez sur la section arri\u00e8re-plan et s\u00e9lectionnez un arri\u00e8re-plan.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/5-1024x476.png\" alt=\"\" class=\"wp-image-508\" width=\"719\" height=\"334\" srcset=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/5-1024x476.png 1024w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/5-300x139.png 300w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/5-768x357.png 768w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/5.png 1406w\" sizes=\"(max-width: 719px) 100vw, 719px\" \/><\/figure><\/div>\n\n\n<p>Le BG est appliqu\u00e9 comme ceci&#8230;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/6-1024x578.png\" alt=\"\" class=\"wp-image-509\" width=\"705\" height=\"398\" srcset=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/6-1024x578.png 1024w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/6-300x169.png 300w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/6-768x434.png 768w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/6.png 1038w\" sizes=\"(max-width: 705px) 100vw, 705px\" \/><\/figure><\/div>\n\n\n<p><strong>\u00c9tape 4 : ajouter un personnage<\/strong><\/p>\n\n\n\n<p>Pour ajouter un personnage, cliquez sur l&#8217;onglet personnage dans la biblioth\u00e8que. Vous pouvez soit utiliser un personnage pr\u00e9construit, soit cr\u00e9er votre personnage anim\u00e9. Cliquez sur un personnage pr\u00e9construit pour l&#8217;ajouter \u00e0 l&#8217;espace de travail.<\/p>\n\n\n\n<pre class=\"wp-block-verse\"><\/pre>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/7-1024x509.png\" alt=\"\" class=\"wp-image-510\" width=\"717\" height=\"356\" srcset=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/7-1024x509.png 1024w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/7-300x149.png 300w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/7-768x382.png 768w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/7.png 1217w\" sizes=\"(max-width: 717px) 100vw, 717px\" \/><\/figure><\/div>\n\n\n<p>C&#8217;est ainsi que le personnage est ajout\u00e9 \u00e0 l&#8217;espace de travail.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/Screenshot-2022-08-24-at-6.22.09-PM-scaled-e1661523628151-1024x584.jpg\" alt=\"\" width=\"678\" height=\"387\"\/><\/figure><\/div>\n\n\n<p>Une fois le personnage ajout\u00e9 \u00e0 l&#8217;espace de travail, cliquez dessus. Cela ouvre <strong>l&#8217;onglet Actions<\/strong>. ICI, recherchez <strong>Marche<\/strong> dans la barre de recherche et s\u00e9lectionnez l&#8217;action de marche sp\u00e9cifique que vous souhaitez appliquer \u00e0 votre personnage.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/9-1024x506.png\" alt=\"\" class=\"wp-image-511\" width=\"716\" height=\"354\" srcset=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/9-1024x506.png 1024w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/9-300x148.png 300w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/9-768x380.png 768w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/9.png 1402w\" sizes=\"(max-width: 716px) 100vw, 716px\" \/><\/figure><\/div>\n\n\n<p>C&#8217;est ainsi que l&#8217;action est appliqu\u00e9e au personnage.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/L2NWE0BOOA83IAPZ.gif\" alt=\"\" width=\"647\" height=\"364\"\/><\/figure><\/div>\n\n\n<p><strong>\u00c9tape 5 : Ajouter un cycle de marche \u00e0 votre personnage<\/strong><\/p>\n\n\n\n<p>Vous remarquerez que le personnage marche dans la m\u00eame position. Maintenant, il est temps d&#8217;ajouter le cycle de marche et de faire en sorte que le personnage traverse la sc\u00e8ne !&nbsp;<\/p>\n\n\n\n<p>Cliquez sur votre personnage et s\u00e9lectionnez l&#8217;option<strong> Smart Move <\/strong>dans le menu. En utilisant cette option, nous allons faire en sorte que le personnage traverse l&#8217;\u00e9cran.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/12-1024x296.png\" alt=\"\" class=\"wp-image-512\" width=\"679\" height=\"195\" srcset=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/12-1024x296.png 1024w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/12-300x87.png 300w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/12-768x222.png 768w, https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/12.png 1222w\" sizes=\"(max-width: 679px) 100vw, 679px\" \/><\/figure><\/div>\n\n\n<p>Une fois que vous avez s\u00e9lectionn\u00e9 l&#8217;option smart move, vous remarquerez que deux images du personnage apparaissent sur l&#8217;espace de travail et la timeline. Maintenant, nous allons placer ces deux cadres \u00e0 deux points diff\u00e9rents pour \u00e9muler le cycle de marche.&nbsp;<\/p>\n\n\n\n<p>S\u00e9lectionnez la premi\u00e8re image et placez-la \u00e0 l&#8217;ext\u00e9rieur du bord gauche de l&#8217;espace de travail pour que le personnage entre dans la sc\u00e8ne par la gauche. De m\u00eame, dans la timeline, d\u00e9placez le cadre \u00e0 la premi\u00e8re seconde.<\/p>\n\n\n\n<p>Voici un GIF qui explique ce point.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/ezgif.com-gif-maker-6.gif\" alt=\"\"\/><\/figure><\/div>\n\n\n<p>De m\u00eame, s\u00e9lectionnez la deuxi\u00e8me image et placez-la en dehors du bord droit de l&#8217;espace de travail pour que le personnage sorte de la sc\u00e8ne. Dans la timeline, d\u00e9placez le cadre \u00e0 la derni\u00e8re seconde. Voici un GIF qui explique ce point &#8211;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/ezgif.com-gif-maker-7.gif\" alt=\"\"\/><\/figure><\/div>\n\n\n<p>Voici le r\u00e9sultat final \u2013<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/0C8KNNBPPFLQHS4B.gif\" alt=\"\" width=\"577\" height=\"325\"\/><\/figure><\/div>\n\n\n<p>Boom ! Vous avez cr\u00e9\u00e9 votre cycle de marche. Tu peux exp\u00e9rimenter avec diff\u00e9rents caract\u00e8res, vitesses, et plus encore.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Pourquoi le Cycle de marche est-il important ?<\/strong><\/h3>\n\n\n\n<p>Le Cycle de marche est le meilleur moyen de visualiser le mouvement d&#8217;un personnage. Mais la fa\u00e7on dont le personnage marche peut d\u00e9finir bien d&#8217;autres choses que le simple fait de le d\u00e9placer d&#8217;un point A \u00e0 un point B. Des choses simples comme le langage corporel, le rythme de marche et la pose peuvent affiner le mouvement du personnage et faire en sorte qu&#8217;il ne marche pas comme un personnage de jeu vid\u00e9o glitchy !&nbsp;<\/p>\n\n\n\n<p>Le cycle de marche peut \u00eatre appliqu\u00e9 \u00e0 n&#8217;importe quel personnage, qu&#8217;il ait quatre jambes, huit jambes, ou m\u00eame plus. La cr\u00e9ation d&#8217;une s\u00e9rie de cycles de marche pour diff\u00e9rentes sc\u00e8nes peut donner vie \u00e0 votre animation et la rendre encore plus r\u00e9aliste.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Meilleures pratiques pour une animation de cycle de marche sans faille :<\/strong><\/h3>\n\n\n\n<p>Maintenant que vous savez ce qu&#8217;est un cycle de marche et comment il fonctionne, il y a quelques points \u00e0 retenir avant de cr\u00e9er un cycle de marche.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/walkWeightShift.jpeg\" alt=\"\" width=\"533\" height=\"331\"\/><\/figure><\/div>\n\n\n<p>Source: <a href=\"https:\/\/bit.ly\/3dW1YB0\">https:\/\/bit.ly\/3dW1YB0<\/a>&nbsp;<\/p>\n\n\n\n<ol><li><strong>Points de contact &#8211; <\/strong>Un point de contact est un point o\u00f9 le personnage entre en contact avec le sol. Ces points sont essentiels pour cr\u00e9er un rythme pour votre animation de cycle de marche. En outre, le fait de marquer les points de mouvement pour chaque pas peut \u00e9viter des mouvements maladroits dans d&#8217;autres parties du corps pendant la cr\u00e9ation d&#8217;une animation.<\/li><li><strong>Transfert de poids &#8211; <\/strong>Lorsqu&#8217;un personnage se d\u00e9place d&#8217;un point \u00e0 un autre, le mouvement doit \u00eatre r\u00e9aliste. Pour ce faire, la gravit\u00e9 doit \u00eatre un facteur critique dans votre animation. Le transfert de poids d&#8217;un pied \u00e0 l&#8217;autre doit \u00eatre d\u00e9fini par le mouvement du corps. Par exemple, la pouss\u00e9e des pieds qui s&#8217;arrachent du sol peut \u00eatre soulign\u00e9e par la contre-action d&#8217;autres parties du corps chaque fois que le personnage l\u00e8ve un pied.<\/li><li><strong>Coh\u00e9rence &#8211; <\/strong>Maintenir la coh\u00e9rence d&#8217;un cycle de marche peut mieux d\u00e9finir un personnage. Cela garantira la meilleure exp\u00e9rience visuelle pour le public et un voyage ininterrompu dans l&#8217;animation.&nbsp;<\/li><\/ol>\n\n\n\n<p>Nous esp\u00e9rons que cet article sur le Cycle de marche vous a \u00e9t\u00e9 utile.&nbsp;<\/p>\n\n\n\n<p>Si vous voulez plonger plus profond\u00e9ment et apprendre comment cr\u00e9er des vid\u00e9os de dessins anim\u00e9s avec des personnages, consultez le lien de l&#8217;article fourni.<\/p>\n\n\n\n<p>Si vous avez des doutes, n&#8217;h\u00e9sitez pas \u00e0 les exprimer dans la section des commentaires ci-dessous. Nous serons heureux de vous aider !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Chaque fois que nous regardons des films d&#8217;animation ou des dessins anim\u00e9s, il y a un facteur crucial qui ne manque jamais de nous impressionner, parmi d&#8217;innombrables autres choses. C&#8217;est la fa\u00e7on dont ces personnages de dessins anim\u00e9s marchent, bien s\u00fbr ! Regardez comme Mickey marche avec gr\u00e2ce ! L&#8217;animation d&#8217;un tel cycle de marche [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":513,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[62],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment animer un cycle de marche ?<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment animer un cycle de marche ?\" \/>\n<meta property=\"og:description\" content=\"Chaque fois que nous regardons des films d&#8217;animation ou des dessins anim\u00e9s, il y a un facteur crucial qui ne manque jamais de nous impressionner, parmi d&#8217;innombrables autres choses. C&#8217;est la fa\u00e7on dont ces personnages de dessins anim\u00e9s marchent, bien s\u00fbr ! Regardez comme Mickey marche avec gr\u00e2ce ! L&#8217;animation d&#8217;un tel cycle de marche [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog sobre Cria\u00e7\u00e3o e Marketing de V\u00eddeo\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-13T10:37:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-13T10:37:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/How-to-create-a-walk-animation-banner-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1170\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"aksara\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"aksara\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/\",\"url\":\"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/\",\"name\":\"Comment animer un cycle de marche ?\",\"isPartOf\":{\"@id\":\"https:\/\/www.animaker.fr\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/How-to-create-a-walk-animation-banner-1.png\",\"datePublished\":\"2022-12-13T10:37:01+00:00\",\"dateModified\":\"2022-12-13T10:37:03+00:00\",\"author\":{\"@id\":\"https:\/\/www.animaker.fr\/blog\/#\/schema\/person\/eb0c38173e641da859ba98cb1289cc53\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/#primaryimage\",\"url\":\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/How-to-create-a-walk-animation-banner-1.png\",\"contentUrl\":\"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/How-to-create-a-walk-animation-banner-1.png\",\"width\":1170,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.animaker.fr\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comment animer un cycle de marche ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.animaker.fr\/blog\/#website\",\"url\":\"https:\/\/www.animaker.fr\/blog\/\",\"name\":\"Blog sobre Cria\u00e7\u00e3o e Marketing de V\u00eddeo\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.animaker.fr\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.animaker.fr\/blog\/#\/schema\/person\/eb0c38173e641da859ba98cb1289cc53\",\"name\":\"aksara\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.animaker.fr\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1b22af1acb69ffec868a5b85cb2c4c76?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1b22af1acb69ffec868a5b85cb2c4c76?s=96&d=mm&r=g\",\"caption\":\"aksara\"},\"url\":\"https:\/\/www.animaker.fr\/blog\/author\/aksara\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment animer un cycle de marche ?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/","og_locale":"en_US","og_type":"article","og_title":"Comment animer un cycle de marche ?","og_description":"Chaque fois que nous regardons des films d&#8217;animation ou des dessins anim\u00e9s, il y a un facteur crucial qui ne manque jamais de nous impressionner, parmi d&#8217;innombrables autres choses. C&#8217;est la fa\u00e7on dont ces personnages de dessins anim\u00e9s marchent, bien s\u00fbr ! Regardez comme Mickey marche avec gr\u00e2ce ! L&#8217;animation d&#8217;un tel cycle de marche [&hellip;]","og_url":"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/","og_site_name":"Blog sobre Cria\u00e7\u00e3o e Marketing de V\u00eddeo","article_published_time":"2022-12-13T10:37:01+00:00","article_modified_time":"2022-12-13T10:37:03+00:00","og_image":[{"width":1170,"height":500,"url":"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/How-to-create-a-walk-animation-banner-1.png","type":"image\/png"}],"author":"aksara","twitter_card":"summary_large_image","twitter_misc":{"Written by":"aksara","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/","url":"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/","name":"Comment animer un cycle de marche ?","isPartOf":{"@id":"https:\/\/www.animaker.fr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/#primaryimage"},"image":{"@id":"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/#primaryimage"},"thumbnailUrl":"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/How-to-create-a-walk-animation-banner-1.png","datePublished":"2022-12-13T10:37:01+00:00","dateModified":"2022-12-13T10:37:03+00:00","author":{"@id":"https:\/\/www.animaker.fr\/blog\/#\/schema\/person\/eb0c38173e641da859ba98cb1289cc53"},"breadcrumb":{"@id":"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/#primaryimage","url":"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/How-to-create-a-walk-animation-banner-1.png","contentUrl":"https:\/\/www.animaker.fr\/blog\/wp-content\/uploads\/2022\/12\/How-to-create-a-walk-animation-banner-1.png","width":1170,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/www.animaker.fr\/blog\/comment-animer-un-cycle-de-marche\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.animaker.fr\/blog\/"},{"@type":"ListItem","position":2,"name":"Comment animer un cycle de marche ?"}]},{"@type":"WebSite","@id":"https:\/\/www.animaker.fr\/blog\/#website","url":"https:\/\/www.animaker.fr\/blog\/","name":"Blog sobre Cria\u00e7\u00e3o e Marketing de V\u00eddeo","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.animaker.fr\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.animaker.fr\/blog\/#\/schema\/person\/eb0c38173e641da859ba98cb1289cc53","name":"aksara","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.animaker.fr\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1b22af1acb69ffec868a5b85cb2c4c76?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1b22af1acb69ffec868a5b85cb2c4c76?s=96&d=mm&r=g","caption":"aksara"},"url":"https:\/\/www.animaker.fr\/blog\/author\/aksara\/"}]}},"_links":{"self":[{"href":"https:\/\/www.animaker.fr\/blog\/wp-json\/wp\/v2\/posts\/503"}],"collection":[{"href":"https:\/\/www.animaker.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.animaker.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.animaker.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.animaker.fr\/blog\/wp-json\/wp\/v2\/comments?post=503"}],"version-history":[{"count":1,"href":"https:\/\/www.animaker.fr\/blog\/wp-json\/wp\/v2\/posts\/503\/revisions"}],"predecessor-version":[{"id":514,"href":"https:\/\/www.animaker.fr\/blog\/wp-json\/wp\/v2\/posts\/503\/revisions\/514"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.animaker.fr\/blog\/wp-json\/wp\/v2\/media\/513"}],"wp:attachment":[{"href":"https:\/\/www.animaker.fr\/blog\/wp-json\/wp\/v2\/media?parent=503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.animaker.fr\/blog\/wp-json\/wp\/v2\/categories?post=503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.animaker.fr\/blog\/wp-json\/wp\/v2\/tags?post=503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}