{"id":7536,"date":"2025-08-07T17:24:00","date_gmt":"2025-08-07T09:24:00","guid":{"rendered":"https:\/\/usa-wps.d5render.com\/?post_type=blog&#038;p=7536"},"modified":"2026-04-08T16:03:24","modified_gmt":"2026-04-08T08:03:24","slug":"how-to-use-keyframes-to-create-animations-in-d5-render","status":"publish","type":"blog","link":"https:\/\/www.d5render.com\/fr\/posts\/how-to-use-keyframes-to-create-animations-in-d5-render","title":{"rendered":"Comment utiliser les images cl\u00e9s pour cr\u00e9er des animations dans D5 Render ?"},"content":{"rendered":"<p class=\"wp-block-paragraph\">De nos jours, de plus en plus d'architectes utilisent des animations pour illustrer leurs id\u00e9es et pr\u00e9senter le r\u00e9sultat final de la conception. Pourquoi l'animation est-elle devenue si attrayante ? Pensez au monde r\u00e9el : la pluie tombant du ciel ; des personnes se promenant pendant leur temps libre ; la brise soufflant \u00e0 travers les arbres... Tout cela ajoute une touche de vie \u00e0 vos \u0153uvres. Le langage de la cam\u00e9ra dans l'animation contribue \u00e9galement \u00e0 rendre le rendu plus narratif. Ainsi, vous pouvez essayer les animations pour transmettre davantage d'id\u00e9es \u00e0 vos clients ou coll\u00e8gues.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Heureusement, gr\u00e2ce \u00e0 D5 Render, vous pouvez cr\u00e9er une animation impressionnante en toute simplicit\u00e9 et avec plaisir.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Conception et rendu d&#x27;un espace de coworking | D5 Render\" width=\"1440\" height=\"810\" src=\"https:\/\/www.youtube.com\/embed\/MFCOCQOVjX8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Qu'est-ce qu'une image cl\u00e9 et comment l'utiliser ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une s\u00e9quence d&#x27;animation est compos\u00e9e d&#x27;images qui s&#x27;encha\u00eenent de mani\u00e8re continue. Les images cl\u00e9s sont les 2 ou 3 images qui d\u00e9terminent les \u00e9tats de d\u00e9but et de fin de l&#x27;action. Dans D5 Render, vous pouvez utiliser les images cl\u00e9s pour cr\u00e9er facilement une animation, notamment pour <strong>mod\u00e8les dynamiques<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apr\u00e8s avoir ajout\u00e9 le plan de d\u00e9but et le plan de fin \u00e0 la chronologie, vous pouvez d\u00e9finir le Ease Ease et l'intervalle d'images cl\u00e9s selon vos envies.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/usa-official.d5cdn.com\/wp-content\/usa-website-assets\/a7b68dfd4753ba91078c40a0\/688c3c554bf9a26a91bc11cf_6355f66d0af27d55e9dcaec3_1.png\" alt=\"\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Observez le personnage anim\u00e9 que vous souhaitez cr\u00e9er et d\u00e9finissez une image cl\u00e9. Avancez-le et d\u00e9finissez une autre image cl\u00e9. Cliquez maintenant sur le bouton Lecture et vous verrez le personnage commencer \u00e0 faire du v\u00e9lo. C'est tout ce que vous avez \u00e0 faire.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">N'oubliez pas d'activer l'option Rate Matching afin que la vitesse de d\u00e9placement du personnage suive celle des images cl\u00e9s.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/usa-official.d5cdn.com\/wp-content\/usa-website-assets\/a7b68dfd4753ba91078c40a0\/688c3c554bf9a26a91bc11dd_6355f66c0af27d1b71dcaea5_2.png\" alt=\"\"><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/usa-official.d5cdn.com\/wp-content\/usa-website-assets\/a7b68dfd4753ba91078c40a0\/688c3c554bf9a26a91bc11d2_6355f66d2cf250518873acfb_3.png\" alt=\"\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Comment cr\u00e9er des animations d'ouverture\/fermeture de porte<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dans D5 Render 2.3, une nouvelle fonctionnalit\u00e9 \"<strong>Synchroniser Pivot<\/strong>\" a \u00e9t\u00e9 ajout\u00e9e. Avec cette fonctionnalit\u00e9, les mod\u00e8les dans D5 peuvent conserver leur point (0,0,0) du logiciel de mod\u00e9lisation. Dans ce cas, nous pouvons remplacer ou mettre \u00e0 jour un mod\u00e8le sans avoir \u00e0 modifier sa position dans D5. Cela est particuli\u00e8rement utile pour cr\u00e9er une animation d'ouverture\/fermeture de porte.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00e9lectionnez le mod\u00e8le de la porte et faites un clic droit pour choisir \"Sync Pivot\". Vous constaterez alors que le pivot de la porte est synchronis\u00e9.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/usa-official.d5cdn.com\/wp-content\/usa-website-assets\/a7b68dfd4753ba91078c40a0\/688c3c554bf9a26a91bc11d5_6355f66e0af27d261bdcaec4_4.png\" alt=\"\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Allez maintenant au rendu vid\u00e9o. S\u00e9lectionnez la porte et ajoutez une image cl\u00e9. Faites pivoter la porte autour de l'axe Z dans le plan suivant, et enfin, ajustez le ralenti et l'intervalle entre les images cl\u00e9s.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/usa-official.d5cdn.com\/wp-content\/usa-website-assets\/a7b68dfd4753ba91078c40a0\/688c3c554bf9a26a91bc11da_6355f66d9ee2d1e1dd1b4c0a_5.png\" alt=\"\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Termin\u00e9 ! Voici comment cr\u00e9er une animation de porte en utilisant \"Sync Pivot\" dans D5.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Comment fabriquer une grande roue\/une aiguille d'horloge anim\u00e9e<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Avant de r\u00e9aliser des animations de la Grande roue, basculez d'abord sur <strong>Syst\u00e8me de coordonn\u00e9es local (SCL)<\/strong> avec les raccourcis clavier <strong>Alt + `<\/strong>. Les coordonn\u00e9es locales sont un syst\u00e8me de coordonn\u00e9es ind\u00e9pendant du mod\u00e8le lui-m\u00eame, ce qui facilite grandement la cr\u00e9ation de cercles en rotation car il n'y a pas de restrictions sur l'angle de rotation comme avec les coordonn\u00e9es mondiales.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apr\u00e8s avoir d\u00e9fini l'image cl\u00e9 de d\u00e9part de la grande roue dans le premier plan, faites-la tourner et enregistrez un autre plan. Cliquez sur le bouton Lecture et vous obtiendrez l'animation termin\u00e9e.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/usa-official.d5cdn.com\/wp-content\/usa-website-assets\/a7b68dfd4753ba91078c40a0\/688c3c584bf9a26a91bc11f4_6355f66bd6b8bbc701291dce_7.gif\" alt=\"\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe0a7de2 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button auto-utm-link\"><a class=\"wp-block-button__link has-custom-font-size wp-element-button\" href=\"\/fr\/downloading\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--50);font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.156), 16px);\">T\u00e9l\u00e9charger D5 maintenant<\/a><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>D\u00e9couvrez comment cr\u00e9er de superbes animations dans D5 Render \u00e0 l&#x27;aide d&#x27;images cl\u00e9s ! Ma\u00eetrisez le contr\u00f4le du mouvement, les transitions et l&#x27;optimisation du flux de travail pour obtenir des visualisations 3D r\u00e9alistes.<\/p>","protected":false},"author":1,"featured_media":7668,"parent":0,"template":"","meta":{"_acf_changed":false,"_vp_format_video_url":"","_vp_image_focal_point":[]},"blog-category":[17],"class_list":["post-7536","blog","type-blog","status-publish","has-post-thumbnail","hentry","blog-category-how-to"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.d5render.com\/fr\/wp-json\/wp\/v2\/blog\/7536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.d5render.com\/fr\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.d5render.com\/fr\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.d5render.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.d5render.com\/fr\/wp-json\/wp\/v2\/media\/7668"}],"wp:attachment":[{"href":"https:\/\/www.d5render.com\/fr\/wp-json\/wp\/v2\/media?parent=7536"}],"wp:term":[{"taxonomy":"blog-category","embeddable":true,"href":"https:\/\/www.d5render.com\/fr\/wp-json\/wp\/v2\/blog-category?post=7536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}