{"id":2987,"date":"2017-12-11T22:35:43","date_gmt":"2017-12-11T21:35:43","guid":{"rendered":"http:\/\/fonderie-infocom.net\/blognumerique\/?p=2987"},"modified":"2017-12-12T23:26:09","modified_gmt":"2017-12-12T22:26:09","slug":"le-motion-design-media-en-pleine-evolution","status":"publish","type":"post","link":"https:\/\/fonderie-infocom.net\/blognumerique\/index.php\/2017\/12\/11\/le-motion-design-media-en-pleine-evolution\/","title":{"rendered":"Le motion design : m\u00e9dia en pleine \u00e9volution"},"content":{"rendered":"<p><img loading=\"lazy\" class=\"alignnone wp-image-2990 size-full\" src=\"http:\/\/fonderie-infocom.net\/blognumerique\/wp-content\/uploads\/2017\/12\/Image.png\" alt=\"le motion design : m\u00e9dia en pleine \u00e9volution\" width=\"4167\" height=\"2625\" srcset=\"https:\/\/fonderie-infocom.net\/blognumerique\/wp-content\/uploads\/2017\/12\/Image.png 4167w, https:\/\/fonderie-infocom.net\/blognumerique\/wp-content\/uploads\/2017\/12\/Image-300x189.png 300w, https:\/\/fonderie-infocom.net\/blognumerique\/wp-content\/uploads\/2017\/12\/Image-768x484.png 768w, https:\/\/fonderie-infocom.net\/blognumerique\/wp-content\/uploads\/2017\/12\/Image-1024x645.png 1024w\" sizes=\"(max-width: 4167px) 100vw, 4167px\" \/><\/p>\n<h3>Qu&#8217;est-ce que c&#8217;est ?<\/h3>\n<p>Le <em>motion design<\/em> est un outil pour ajouter de l\u2019animation et de l\u2019information \u00e0 une vid\u00e9o, mais c\u2019est \u00e9galement un m\u00e9dia \u00e0 part enti\u00e8re.<\/p>\n<p>Dans cet article, on va davantage parler du <em>motion design<\/em> brut, c\u2019est-\u00e0-dire une vid\u00e9o uniquement faite \u00e0 partir d\u2019animations.<\/p>\n<p>Ces animations sont cr\u00e9\u00e9es \u00e0 partir d\u2019\u00e9l\u00e9ments graphiques, qui sont anim\u00e9s via des logiciels, et qui peuvent ensuite \u00eatre pr\u00e9sent\u00e9es \u00e0 l\u2019aide d\u2019une voix off et\/ou d\u2019une musique de fond.\u00a0Ce nouveau genre de support prend de l\u2019ampleur depuis ces 10 derni\u00e8res ann\u00e9es gr\u00e2ce \u00e0 l\u2019\u00e9volution du num\u00e9rique.<\/p>\n<p>&nbsp;<\/p>\n<h3>Les types d&#8217;utilisation pour les adeptes<\/h3>\n<p>Le <em>motion design<\/em> est davantage utilis\u00e9 par des marques ou des entreprises. Il est r\u00e9guli\u00e8rement choisi pour faire la promotion de biens et\/ou de services. Cependant, on peut \u00e9galement voir du <em>motion design<\/em> lorsqu\u2019une personne ou un groupe de personnes souhaitent expliquer un principe, une notion ou simplement \u00e9noncer des points importants sur un sujet par exemple.<\/p>\n<p>On peut \u00e9galement faire du <em>motion design<\/em> sur une vid\u00e9o film\u00e9e \u00e0 la base, en tant que post-production.<\/p>\n<p>Si on s\u2019attarde sur des m\u00e9dias du quotidien, on peut en retrouver partout. Dans le JT par exemple, les effets utilis\u00e9s pour expliquer un ph\u00e9nom\u00e8ne avec des chiffres cl\u00e9s, ou tout simplement les noms affich\u00e9s en bas de l\u2019\u00e9cran, fait partie du principe de <em>motion design<\/em>.<\/p>\n<p>&nbsp;<\/p>\n<h3>Le bon moment pour cr\u00e9er un motion design<\/h3>\n<p>On peut cr\u00e9er un <em>motion design<\/em> lorsqu\u2019on souhaite parler d\u2019un sujet de mani\u00e8re plus ludique afin d\u2019atteindre un maximum de personnes. La vid\u00e9o est un type de m\u00e9dia qui se d\u00e9veloppe de plus en plus, notamment gr\u00e2ce \u00e0 la plateforme Youtube. C\u2019est pourquoi le <em>motion design<\/em> est une pratique qui se d\u00e9marque bien des vid\u00e9os traditionnelles.<\/p>\n<p>Cependant, s\u2019il y a bien un moment pour cr\u00e9er un <em>motion design<\/em>, c\u2019est maintenant\u00a0! Ce principe est loin d\u2019\u00eatre exploit\u00e9 \u00e0 son maximum, contrairement \u00e0 d\u2019autres m\u00e9dias. D\u00e8s que l\u2019on souhaite parler d\u2019un sujet ou de faire la promotion d\u2019une entit\u00e9, on peut tout \u00e0 fait le faire par le biais du <em>motion design<\/em>.<\/p>\n<p>Il n\u2019y a pas r\u00e9ellement de freins par rapport \u00e0 cette pratique, except\u00e9 le prix et le temps de r\u00e9alisation si on n\u2019a pas \u00e9norm\u00e9ment de budget. Pour contrer ces deux points, il est possible de faire appel \u00e0 des \u00e9tudiants\/stagiaires par exemple. Tout d\u00e9pend des conditions de l\u2019entreprise et du r\u00e9sultat souhait\u00e9.<\/p>\n<p>&nbsp;<\/p>\n<h3>Il est partout<\/h3>\n<p>De mani\u00e8re g\u00e9n\u00e9rale, on retrouve plus facilement du <em>motion design<\/em> sur internet, notamment sur les r\u00e9seaux sociaux. M\u00eame si, comme mentionn\u00e9 plus haut, on peut \u00e9galement en relever dans certaines \u00e9missions ou certaines publicit\u00e9s \u00e0 la t\u00e9l\u00e9vision.<\/p>\n<p>La publicit\u00e9 de la MAIF, avec les personnages dessin\u00e9s de mani\u00e8re assez minimaliste, est une forme de <em>motion design<\/em> par exemple.<br \/>\n<img loading=\"lazy\" class=\"size-medium wp-image-2996 aligncenter\" src=\"http:\/\/fonderie-infocom.net\/blognumerique\/wp-content\/uploads\/2017\/12\/publicit\u00e9-de-la-MAIF-300x169.jpg\" alt=\"\" width=\"300\" height=\"169\" srcset=\"https:\/\/fonderie-infocom.net\/blognumerique\/wp-content\/uploads\/2017\/12\/publicit\u00e9-de-la-MAIF-300x169.jpg 300w, https:\/\/fonderie-infocom.net\/blognumerique\/wp-content\/uploads\/2017\/12\/publicit\u00e9-de-la-MAIF.jpg 560w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>La r\u00e9alisation du support<\/h3>\n<p>On peut le cr\u00e9er soi-m\u00eame si on poss\u00e8de les connaissances n\u00e9cessaires, mais on peut \u00e9galement faire appel \u00e0 une agence sp\u00e9cialis\u00e9e.<\/p>\n<p>Dans le cas o\u00f9 l\u2019on souhaite se lancer dans la cr\u00e9ation d\u2019un <em>motion design<\/em>, voici les \u00e9tapes principales\u00a0:<\/p>\n<p>Afin d\u2019organiser un minimum la vid\u00e9o, il est conseill\u00e9 de faire un storyboard pour sch\u00e9matiser les s\u00e9quences. Cela prendra ainsi moins de temps lors de l\u2019\u00e9laboration des animations sur logiciel.<\/p>\n<p>Par la suite, il peut \u00eatre r\u00e9alis\u00e9 gr\u00e2ce \u00e0 des logiciels de post-production comme After Effects par exemple. Afin de cr\u00e9er les formes au pr\u00e9alable, il est possible de se servir d\u2019Illustrator, logiciel de dessin vectoriel. Bien \u00e9videment, il existe d\u2019autres logiciels afin de faire de l\u2019animation, qu\u2019ils soient gratuits ou payants, avec plus ou moins de fonctionnalit\u00e9s. Le tout est de savoir ce que l\u2019on souhaite faire pour choisir celui qui correspond au mieux \u00e0 notre projet.<\/p>\n<p>&nbsp;<\/p>\n<h3>Les raisons de choisir ce type de m\u00e9dia<\/h3>\n<p>On peut se demander ce que ce type de m\u00e9dia peut apporter. Pourquoi faut-il privil\u00e9gi\u00e9 un <em>motion design<\/em> plut\u00f4t qu\u2019une simple vid\u00e9o ?<\/p>\n<p>Le fait que ce soit de l\u2019animation rend la vid\u00e9o plus intuitive et interactive pour les personnes qui la regarde. De plus, c\u2019est g\u00e9n\u00e9ralement assez rapide et dynamique. Cela s\u2019adapte donc \u00e0 la soci\u00e9t\u00e9 d\u2019aujourd\u2019hui, o\u00f9 la plupart des internautes n\u2019ont pas le temps de lire ou de regarder une vid\u00e9o de 20 minutes.<\/p>\n<p>Enfin, l\u2019aspect esth\u00e9tique et souvent color\u00e9 du <em>motion design<\/em> incite les internautes \u00e0 regarder ce type de contenu, car cela attire le regard.<\/p>\n<p>&nbsp;<\/p>\n<p>Au final, on peut distinguer deux types de <em>motion design<\/em>\u00a0: lorsqu\u2019il est utilis\u00e9 sur des vid\u00e9os film\u00e9s pour ajouter des informations et lorsqu\u2019il est exclusivement utilis\u00e9 pour cr\u00e9er une vid\u00e9o.<\/p>\n<p>Certaines formes de <em>motion design<\/em> sont \u00e9videment plus complexe \u00e0 distinguer que d\u2019autres, mais ce type d\u2019animation se retrouve de plus en plus. Elle fera sans doute partie de l\u2019\u00e9volution dans le web, car son utilisation apporte des avantages non n\u00e9gligeables.<\/p>\n<p>&nbsp;<\/p>\n<h3>Quelques exemples de Motion Design :<\/h3>\n<p>&nbsp;<\/p>\n<p><iframe width=\"740\" height=\"416\" src=\"https:\/\/www.youtube.com\/embed\/_OMR_gjf1UQ?feature=oembed\" frameborder=\"0\" gesture=\"media\" allow=\"encrypted-media\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p><iframe width=\"740\" height=\"416\" src=\"https:\/\/www.youtube.com\/embed\/NlseW5s-w-s?start=22&#038;feature=oembed\" frameborder=\"0\" gesture=\"media\" allow=\"encrypted-media\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p><iframe width=\"740\" height=\"416\" src=\"https:\/\/www.youtube.com\/embed\/0X0_DEGdYaY?start=9&#038;feature=oembed\" frameborder=\"0\" gesture=\"media\" allow=\"encrypted-media\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p><iframe width=\"740\" height=\"416\" src=\"https:\/\/www.youtube.com\/embed\/qK4Re_ArS3Q?start=27&#038;feature=oembed\" frameborder=\"0\" gesture=\"media\" allow=\"encrypted-media\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p><iframe width=\"740\" height=\"416\" src=\"https:\/\/www.youtube.com\/embed\/VuS4Q41O0_s?feature=oembed\" frameborder=\"0\" gesture=\"media\" allow=\"encrypted-media\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\"><em><strong>Et vous, que pensez-vous de ce nouveau m\u00e9dia ? Comptez-vous l&#8217;utiliser ?<\/strong><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Qu&#8217;est-ce que c&#8217;est ? Le motion design est un outil pour ajouter de l\u2019animation et de l\u2019information \u00e0 une vid\u00e9o, mais c\u2019est \u00e9galement un m\u00e9dia \u00e0 part enti\u00e8re. Dans cet&#8230;<\/p>\n","protected":false},"author":70,"featured_media":2990,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[7],"tags":[256,309,383],"_links":{"self":[{"href":"https:\/\/fonderie-infocom.net\/blognumerique\/index.php\/wp-json\/wp\/v2\/posts\/2987"}],"collection":[{"href":"https:\/\/fonderie-infocom.net\/blognumerique\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fonderie-infocom.net\/blognumerique\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fonderie-infocom.net\/blognumerique\/index.php\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/fonderie-infocom.net\/blognumerique\/index.php\/wp-json\/wp\/v2\/comments?post=2987"}],"version-history":[{"count":13,"href":"https:\/\/fonderie-infocom.net\/blognumerique\/index.php\/wp-json\/wp\/v2\/posts\/2987\/revisions"}],"predecessor-version":[{"id":3071,"href":"https:\/\/fonderie-infocom.net\/blognumerique\/index.php\/wp-json\/wp\/v2\/posts\/2987\/revisions\/3071"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fonderie-infocom.net\/blognumerique\/index.php\/wp-json\/wp\/v2\/media\/2990"}],"wp:attachment":[{"href":"https:\/\/fonderie-infocom.net\/blognumerique\/index.php\/wp-json\/wp\/v2\/media?parent=2987"}],"wp:term":[{"attributes":{"taxonomy":"category","embeddable":true},"href":"https:\/\/fonderie-infocom.net\/blognumerique\/index.php\/wp-json\/wp\/v2\/categories?post=2987"},{"attributes":{"taxonomy":"post_tag","embeddable":true},"href":"https:\/\/fonderie-infocom.net\/blognumerique\/index.php\/wp-json\/wp\/v2\/tags?post=2987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}