{"id":1888,"date":"2020-02-10T09:37:44","date_gmt":"2020-02-10T08:37:44","guid":{"rendered":"http:\/\/pigier-lyon.com\/blogs\/comception\/?p=1888"},"modified":"2020-05-18T20:13:59","modified_gmt":"2020-05-18T18:13:59","slug":"motion-design-les-7-etapes","status":"publish","type":"post","link":"https:\/\/pigier-lyon.com\/blogs\/comception\/2020\/02\/10\/motion-design-les-7-etapes\/","title":{"rendered":"Motion design : les 7 \u00e9tapes \u00e0 savoir"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1888\" class=\"elementor elementor-1888\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2102155 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2102155\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-41cdb52\" data-id=\"41cdb52\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6a1e7e1 elementor-widget elementor-widget-heading\" data-id=\"6a1e7e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Motion design : les 7 \u00e9tapes \u00e0 savoir<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc1279b elementor-widget elementor-widget-image\" data-id=\"dc1279b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.youtube.com\/watch?v=4DrOlEwuFGQ\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1080\" height=\"720\" src=\"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-content\/uploads\/sites\/75\/2020\/02\/BLOG-COMCEPTION-motion-1080x720.gif\" class=\"attachment-dyad-banner size-dyad-banner wp-image-1928\" alt=\"motion design\" srcset=\"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-content\/uploads\/sites\/75\/2020\/02\/BLOG-COMCEPTION-motion-1080x720.gif 1080w, https:\/\/pigier-lyon.com\/blogs\/comception\/wp-content\/uploads\/sites\/75\/2020\/02\/BLOG-COMCEPTION-motion-960x640.gif 960w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3563049 elementor-widget elementor-widget-heading\" data-id=\"3563049\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><p style=\"text-align:justify\">Dans le monde de la communication et surtout du digital, il est plus efficace de s'adapter au go\u00fbt du jour. Le motion design est un outils tr\u00e8s efficace pour capter l'attention et faire passer un message. Vous souhaitez en savoir plus ? Alors les voici :<\/p><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17c1fea elementor-widget elementor-widget-heading\" data-id=\"17c1fea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">1. Le brief d'un motion design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84d7cfe elementor-widget elementor-widget-heading\" data-id=\"84d7cfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/geekehome.com\/que-signifie-graphisme-3d\/\" target=\"_blank\" rel=\"noopener\"><p style=\"text-align:justify\">Afin de mener \u00e0 bien votre projet, il faut tout d'abord r\u00e9aliser un brief cr\u00e9atif et son cahier des charges. En effet, pour le motion design, cela permettra d'orienter au maximum les informations et d\u00e9limiter votre projet. Dans ce bred, vous avez besoin de mettre en avant : vos demandes, vos besoins, vos objectifs, votre cible et le message que vous voulez que l'on se souvienne \u00e0 la fin du motion.&nbsp;<\/p><p style=\"text-align:justify\">Enfin, votre motion design doit \u00eatre bien \u00e9videment adapt\u00e9 \u00e0 votre cible (le ton et la forme) ainsi que votre identit\u00e9 de marque et vos valeurs respect\u00e9es.<\/p><\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-810aaac elementor-widget elementor-widget-heading\" data-id=\"810aaac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">2. Le script<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44d94e1 elementor-widget elementor-widget-heading\" data-id=\"44d94e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.canva.com\/fr_fr\/decouvrir\/minimalisme-design-tendance\/\" target=\"_blank\" rel=\"noopener\"><p style=\"text-align:justify\"><span style=\"color: black;background-image: initial;background-position: initial;background-size: initial;background-attachment: initial\">Le script est tout ce qui repr\u00e9sente l'\u00e9crit de votre motion, il permet formaliser sa narration. C'est une \u00e9tape primordiale pour poursuivre votre animation car il permet de se rendre compte du rendu final de votre vid\u00e9o. Cela permet de savoir combien de temps elle va durer et d'estimer le fil conducteur. Un bon moyen de s'assurer que le motion design v\u00e9hicule un message clair et s\u00fbr pour la suite de la r\u00e9alisation.<\/span><span style=\"font-size: 11pt\">&nbsp;<\/span><\/p><\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56d0f21 elementor-widget elementor-widget-image\" data-id=\"56d0f21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1000\" height=\"571\" src=\"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-content\/uploads\/sites\/75\/2020\/02\/customer-service-script@2x-1024x585.png\" class=\"attachment-large size-large wp-image-1924\" alt=\"motion design\" srcset=\"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-content\/uploads\/sites\/75\/2020\/02\/customer-service-script@2x-1024x585.png 1024w, https:\/\/pigier-lyon.com\/blogs\/comception\/wp-content\/uploads\/sites\/75\/2020\/02\/customer-service-script@2x-300x171.png 300w, https:\/\/pigier-lyon.com\/blogs\/comception\/wp-content\/uploads\/sites\/75\/2020\/02\/customer-service-script@2x-768x439.png 768w, https:\/\/pigier-lyon.com\/blogs\/comception\/wp-content\/uploads\/sites\/75\/2020\/02\/customer-service-script@2x-525x300.png 525w, https:\/\/pigier-lyon.com\/blogs\/comception\/wp-content\/uploads\/sites\/75\/2020\/02\/customer-service-script@2x.png 1400w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca15f18 elementor-widget elementor-widget-heading\" data-id=\"ca15f18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3. Le motion design et sont storyboard<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0287ac5 elementor-widget elementor-widget-heading\" data-id=\"0287ac5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><p style=\"text-align:justify\">Le storyboard repr\u00e9sente l'illustration du script en imageant les animations s\u00e9quence apr\u00e8s s\u00e9quence. L'objectif de cette \u00e9tape est d'illustrer clairement et pr\u00e9cis\u00e9ment le rendu visuel de votre motion design. Apr\u00e8s r\u00e9alisation, vous avez le top d\u00e9part pour commencer \u00e0 travailler sur le graphisme de vos dessins.<\/p><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f18c97 elementor-widget elementor-widget-image\" data-id=\"1f18c97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1000\" height=\"548\" src=\"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-content\/uploads\/sites\/75\/2020\/02\/Storyboard-1-1024x561-1.jpg\" class=\"attachment-large size-large wp-image-1922\" alt=\"motion design\" srcset=\"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-content\/uploads\/sites\/75\/2020\/02\/Storyboard-1-1024x561-1.jpg 1024w, https:\/\/pigier-lyon.com\/blogs\/comception\/wp-content\/uploads\/sites\/75\/2020\/02\/Storyboard-1-1024x561-1-300x164.jpg 300w, https:\/\/pigier-lyon.com\/blogs\/comception\/wp-content\/uploads\/sites\/75\/2020\/02\/Storyboard-1-1024x561-1-768x421.jpg 768w, https:\/\/pigier-lyon.com\/blogs\/comception\/wp-content\/uploads\/sites\/75\/2020\/02\/Storyboard-1-1024x561-1-548x300.jpg 548w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fa29ad elementor-widget elementor-widget-heading\" data-id=\"9fa29ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">4. La maquette indispensable au motion design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-810d560 elementor-widget elementor-widget-heading\" data-id=\"810d560\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/deligraph.com\/illustration-creation-graphique\/\" target=\"_blank\" rel=\"noopener\"><p style=\"text-align:justify\">A partir de ce moment-l\u00e0, le storyboard et le script seront maintenant utilis\u00e9 comme base de travail pour la cr\u00e9ation graphique de la vid\u00e9o. Un logiciel de cr\u00e9ation de vid\u00e9o et graphique sera votre outils de travail pour mettre \u00e0 bien votre charte graphique. Le petit conseil est qu'il est bien \u00e9videment important de respecter le travail pr\u00e9par\u00e9 en aval mais aussi s'int\u00e9resser aux tendances graphiques.<\/p><\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3c8038 elementor-widget elementor-widget-heading\" data-id=\"c3c8038\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">5. L'animation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9002871 elementor-widget elementor-widget-heading\" data-id=\"9002871\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><p style=\"text-align:justify\">C'est l'assemblage de tous les \u00e9l\u00e9ments travailler pr\u00e9c\u00e9demment. Gr\u00e2ce \u00e0 un logiciel, vous pourrez animer vos illustrations avec de la 3D ou 2D.<\/p><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a52663 elementor-widget elementor-widget-heading\" data-id=\"7a52663\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">6. Le son<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5152b9d elementor-widget elementor-widget-heading\" data-id=\"5152b9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><p style=\"text-align:justify\">Afin de dynamiser et rendre plus percutant votre motion, le son est l\u00e0 pour cr\u00e9er un univers qui embarquera vos cibles. C'est un travail particulier pour la seule et bonne raison qu'il va \"habiller\" votre vid\u00e9o gr\u00e2ce \u00e0 plusieurs techniques. Avec un son (libre de droit ou cr\u00e9e de toute pi\u00e8ce), les bruitages ou bien la voix off.<\/p><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf49ba9 elementor-widget elementor-widget-image\" data-id=\"cf49ba9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"666\" src=\"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-content\/uploads\/sites\/75\/2020\/02\/mixing-table-mixing-music-musician-159206-scaled.jpg\" class=\"attachment-large size-large wp-image-1941\" alt=\"motion design\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a3b104 elementor-widget elementor-widget-heading\" data-id=\"4a3b104\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">7. Les sous-titres<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac68931 elementor-widget elementor-widget-heading\" data-id=\"ac68931\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><p style=\"text-align:justify\">Sur les r\u00e9seaux sociaux par exemple, le son n'est pas n\u00e9cessairement diffus\u00e9. Il faut s'adapter \u00e0 une version avec des sous-titres. L'internaute doit en effe comprendre le message sur tous les points.<\/p><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c771ad7 elementor-widget elementor-widget-spacer\" data-id=\"c771ad7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0331b6b elementor-widget elementor-widget-heading\" data-id=\"0331b6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"http:\/\/pigier-lyon.com\/blogs\/comception\/wp-admin\/\">N'h\u00e9sitez par \u00e0 lire nos autres articles sur notre blog !<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8e4963 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"b8e4963\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/pigier-lyon.com\/blogs\/comception\/news\/%20\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Cliquez ici<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Motion design : les 7 \u00e9tapes \u00e0 savoir Dans le monde de la communication et surtout du digital, il est plus efficace de s&rsquo;adapter au go\u00fbt du jour. Le motion design est un outils tr\u00e8s efficace pour capter l&rsquo;attention et faire passer un message. Vous souhaitez en savoir plus ? Alors les voici : 1&#8230;. <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/pigier-lyon.com\/blogs\/comception\/2020\/02\/10\/motion-design-les-7-etapes\/\">En savoir plus<\/a><\/div>\n","protected":false},"author":193,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1888","post","type-post","status-publish","format-standard","hentry","category-non-classe"],"_links":{"self":[{"href":"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-json\/wp\/v2\/posts\/1888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-json\/wp\/v2\/users\/193"}],"replies":[{"embeddable":true,"href":"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-json\/wp\/v2\/comments?post=1888"}],"version-history":[{"count":31,"href":"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-json\/wp\/v2\/posts\/1888\/revisions"}],"predecessor-version":[{"id":2752,"href":"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-json\/wp\/v2\/posts\/1888\/revisions\/2752"}],"wp:attachment":[{"href":"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-json\/wp\/v2\/media?parent=1888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-json\/wp\/v2\/categories?post=1888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pigier-lyon.com\/blogs\/comception\/wp-json\/wp\/v2\/tags?post=1888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}