{"id":3454,"date":"2017-05-09T15:17:34","date_gmt":"2017-05-09T13:17:34","guid":{"rendered":"https:\/\/blog.eoprod.com\/?p=3454"},"modified":"2023-04-14T15:23:06","modified_gmt":"2023-04-14T13:23:06","slug":"thema-blog-animation-ca-bouge-cote-motion-design","status":"publish","type":"post","link":"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/","title":{"rendered":"Animation : \u00e7a bouge du c\u00f4t\u00e9 du motion design"},"content":{"rendered":"<p>Cela fait un sacr\u00e9 bout de temps que l&rsquo;on souhaitait consacrer un thema au motion design. C&rsquo;est finalement l&rsquo;actualit\u00e9 r\u00e9cente de nos prods qui nous d\u00e9cident \u00e0 sauter le pas en ouvrant ce billet avec la derni\u00e8re mouture de notre showreel (bande d\u00e9mo) \u00ab\u00a0Animation &amp; Motion Design\u00a0\u00bb.<\/p>\n<p><!--more--><\/p>\n<div class='avia-iframe-wrap'><div class=\"video-container\"><iframe width=\"1500\" height=\"844\" src=\"https:\/\/www.youtube.com\/embed\/BtWtij8bgdw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div>\n<p>Jamais sans doute en effet nous n&rsquo;avons\u00a0 produit autant de vid\u00e9os de ce format en un si cours laps de temps, disons plus particuli\u00e8rement ce d\u00e9but d&rsquo;ann\u00e9e 2017. Signe des temps : certaines semaines, nous avons enregistr\u00e9 un ratio d&rsquo;une demande sur deux spontan\u00e9ment exprim\u00e9es par le client pour de l&rsquo;animation. Du jamais vu !<\/p>\n<p>Comme nous l&rsquo;avons titr\u00e9, le motion design et l&rsquo;animation ont indiscutablement le vent en poupe et surfent actuellement la vague du succ\u00e8s.<\/p>\n<p>Au travers de nos r\u00e9alisations les plus r\u00e9centes, mais pas que, nous allons tenter comme pour chacun de nos themas de dresser un \u00e9tat des lieux \u00e0 la fois synth\u00e9tique et concret en abordant les multiples b\u00e9n\u00e9fices qui expliquent ce succ\u00e8s.<\/p>\n<p>Mais avant cela et comme \u00e0 l&rsquo;accoutum\u00e9e, la minute Alain Decaux. Pour les plus jeunes d&rsquo;entre vous, remplacez par St\u00e9phane Bern. Bref vous l&rsquo;aurez compris, on va causer un peu histoire.<\/p>\n<h2>LE MOTION DESIGN, C&rsquo;EST QUOI CE TRUC ?<\/h2>\n<p>La traduction litt\u00e9rale la plus juste est sans aucun doute \u00ab\u00a0dessin en mouvement\u00a0\u00bb et pour le coup on l&rsquo;adopte avec plaisir. Et d&rsquo;une parce qu&rsquo;elle renvoie s\u00e9mantiquement \u00e0 la m\u00eame discipline que le terme animation, valable lui chez les latins comme chez les anglo-saxons, et de deux parce qu&rsquo;elle colle plut\u00f4t bien \u00e0 la r\u00e9alit\u00e9.<\/p>\n<p>Ainsi donc, on peut d\u00e9signer le motion design comme le fait d&rsquo;animer tout \u00e9l\u00e9ment graphique, qu&rsquo;il s&rsquo;agisse de typographies, de formes abstraites et\/ou figuratives, tels que par exemple des pictogrammes. Cette animation peut recourir \u00e0 un traitement de l&rsquo;image en 2D ou 3D.<\/p>\n<p>\u00c0 l&rsquo;origine et durant des d\u00e9cennies on exploitait uniquement le mot animation pour s&rsquo;y r\u00e9f\u00e9rer car, comme nous allons le voir, ce sont l&rsquo;\u00e9volution des outils et des comp\u00e9tences induites qui ont par la suite, et m\u00eame assez r\u00e9cemment, impos\u00e9es peu \u00e0 peu la d\u00e9nomination de motion design.<\/p>\n<p>Restons donc pour le moment sur le vocable animation. On peut bien entendu y int\u00e9grer toutes les productions de dessins anim\u00e9s, des origines jusqu&rsquo;\u00e0 aujourd&rsquo;hui quand bien m\u00eame les process de productions ne sont plus du tout les m\u00eames.<\/p>\n<p>Mais le dessin anim\u00e9 n&rsquo;est pas \u00e0 proprement parler la forme d&rsquo;animation qui se rattache le plus au motion design au sens contemporain du terme. On va plut\u00f4t en trouver les sources dans la presque int\u00e9gralit\u00e9 des \u0153uvres de <strong>Georges M\u00e9lies<\/strong> qui par la magie de la superposition et de l&rsquo;intervention physique directement sur la pellicule n&rsquo;a cess\u00e9 d&rsquo;int\u00e9grer des \u00e9l\u00e9ments graphiques (d\u00e9cors, objets ou personnages) \u00e0 ses prises de vue r\u00e9elles pour acc\u00e9der au statut de p\u00e8re fondateur et l\u00e9gitime des effets sp\u00e9ciaux et du trucage.<\/p>\n<p>Plus proche de nous on \u00e9voquera <strong>Saul Bass<\/strong>. Graphiste de formation et v\u00e9ritable g\u00e9nie de par son \u0153uvre, celui-ci a sign\u00e9 parmi les plus beaux g\u00e9n\u00e9riques de cin\u00e9ma au recours de proc\u00e9d\u00e9s \u00ab\u00a0animatiques\u00a0\u00bb. Le plus c\u00e9l\u00e8bre d&rsquo;entre eux est sans conteste celui de North by Northwest \/ La Mort aux trousses d&rsquo;Alfred Hitchcock &#8211; 1959.<\/p>\n<div class='avia-iframe-wrap'><div class=\"video-container\"><iframe width=\"1500\" height=\"844\" src=\"https:\/\/www.youtube.com\/embed\/KVUnUmPV33c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div>\n<p>Et maintenant, beaucoup plus proche de nous, visionnons le splendide opening credits (g\u00e9n\u00e9rique d&rsquo;ouverture) de la s\u00e9rie <strong>Mad Men<\/strong> que tout le monde sait largement inspir\u00e9 par le travail de Saul Bass, pour ne pas parler m\u00eame d&rsquo;un hommage \u00e9vident.<\/p>\n<div class='avia-iframe-wrap'><div class=\"video-container\"><iframe width=\"1500\" height=\"844\" src=\"https:\/\/www.youtube.com\/embed\/NJ5-sdHP0YQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div>\n<p>La diff\u00e9rence entre les 2, ou plus exactement le temps qui les s\u00e9pare ? 50 ann\u00e9es et donc les outils de productions qui d\u00e9sormais tous num\u00e9riques nous ont fait basculer de l&rsquo;\u00e8re de l&rsquo;animation \u00e0 celle du motion design.<\/p>\n<p>A ce stade de ce thema on peut donc plus pr\u00e9cis\u00e9ment d\u00e9finir le motion design comme l&rsquo;art d&rsquo;animer des textes et\/ou \u00e9l\u00e9ments graphiques via des outils num\u00e9riques, en l\u2019occurrence des logiciels de traitement de l&rsquo;image vid\u00e9o, dits de \u00ab\u00a0compositing\u00a0\u00bb. Si il fallait d&rsquo;ailleurs n&rsquo;en citer qu&rsquo;un, \u00e0 savoir le plus connu et dor\u00e9navant sans doute le plus exploit\u00e9, on \u00e9voquera <strong>After Effects<\/strong> de l&rsquo;\u00e9diteur <strong>Adobe<\/strong>.<\/p>\n<p>Avant d&rsquo;aborder ses b\u00e9n\u00e9fices, et ce plus particuli\u00e8rement dans le cadre des productions \u00ab\u00a0corporate\u00a0\u00bb, on conclura ce pr\u00e9ambule d&rsquo;une distinction entre 2 types de films motion design.<\/p>\n<h2>FULL MOTION DESIGN OU LIVE ACTION ?<\/h2>\n<p>Alors si on vous pose cette question et que vous ne savez quoi r\u00e9pondre, exactement comme lorsque le serveur prend la commande et que vous en \u00eates encore \u00e0 h\u00e9sitez entre la pizza quattro formaggi et la calzone, sachez que le distinguo est simple et pour tout dire assez \u00e9vident.<\/p>\n<p>La d\u00e9nomination \u00ab\u00a0Full Motion Design\u00a0\u00bb sera utilis\u00e9e pour d\u00e9signer un film r\u00e9alis\u00e9 d&rsquo;apr\u00e8s un mat\u00e9riau \u00e0 100 % graphique, qu&rsquo;il provienne de r\u00e9els dessins ou exclusivement de compositions num\u00e9riques. Pour vulgariser, on peut donc dire qu&rsquo;une vid\u00e9o en full motion design s&rsquo;apparente formellement \u00e0 un dessin anim\u00e9.<\/p>\n<p>Illustrons ce cas de figure avec l&rsquo;une de nos toutes r\u00e9centes productions pour la division grand public B2C de\u00a0 du groupe <strong>Engie <\/strong>: une vid\u00e9o ultra dynamique destin\u00e9e \u00e0 synth\u00e9tis\u00e9e en moins d&rsquo;une minute toutes les bonnes raisons pour chang\u00e9 pour Changer pour Engie comme fournisseur \u00e9nerg\u00e9tique.<\/p>\n<div class='avia-iframe-wrap'><div class=\"video-container\"><iframe width=\"1500\" height=\"844\" src=\"https:\/\/www.youtube.com\/embed\/lsOhnmVn4j0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div>\n<p>Et maintenant le \u00ab\u00a0Live Action\u00a0\u00bb. Si vous suivez jusqu&rsquo;ici, vous aurez forc\u00e9ment compris que ce terme se r\u00e9f\u00e8re \u00e0 contrario \u00e0 un contenu comportant des prises de vues r\u00e9elles &#8211; litt\u00e9ralement appel\u00e9es \u00ab\u00a0live\u00a0\u00bb de l&rsquo;autre c\u00f4t\u00e9 du Channel et de l&rsquo;Atlantique.<\/p>\n<p>On a affaire ici \u00e0 des films o\u00f9 le motion design joue le r\u00f4le d&rsquo;appui visuel. \u00c0 l&rsquo;instar d&rsquo;un coup de stabylo sur des mots, il offre de souligner et m\u00eame de qualifier un propos, une d\u00e9marche, un process, ou plus simplement de l&rsquo;illustrer de fa\u00e7on ultra cognitive et imm\u00e9diate, aussi simplement qu&rsquo;un pictogramme dans un a\u00e9roport.<\/p>\n<p>Restons concrets et appelons cette fois \u00e0 la barre pour t\u00e9moigner le film <strong>Sodetrel<\/strong>, premi\u00e8re vid\u00e9o corporate pour cette soci\u00e9t\u00e9 filiale d&rsquo;<strong>EDF<\/strong> et acteur majeur de la mobilit\u00e9 \u00e9lectrique.<\/p>\n<div class='avia-iframe-wrap'><div class=\"video-container\"><iframe width=\"1500\" height=\"844\" src=\"https:\/\/www.youtube.com\/embed\/95UguR6xgmw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div>\n<p>Comme vous pourrez le constater, exception faite de l&rsquo;intro et outro, la quasi int\u00e9gralit\u00e9 des plans \u00ab\u00a0live\u00a0\u00bb de ce film sont habill\u00e9s de motion design. Comme \u00e9voqu\u00e9 ci-dessus, l&rsquo;objectif principal est ici de qualifier et m\u00eame de connoter le propos, \u00e0 savoir lui conf\u00e9rer un environnement fait de haute technologie et surtout d&rsquo;innovation, sur un march\u00e9 d&rsquo;avenir et extr\u00eamement porteur. Le motion design permet encore d&rsquo;illustrer un process tel que le chargement d&rsquo;une batterie, \u00e9vident via une une animation graphique alors qu&rsquo;impossible \u00e0 restituer en images \u00ab\u00a0live\u00a0\u00bb, r\u00e9elles.<\/p>\n<p>On notera ici, dans un esprit petite parenth\u00e8se, que tous les films \u00ab\u00a0live\u00a0\u00bb qui int\u00e8grent des titres anim\u00e9s recourent de fait \u00e0 une phase motion design. Un monteur aujourd&rsquo;hui se doit presque toujours de disposer des comp\u00e9tences requises pour les titrages anim\u00e9s.<\/p>\n<p>Toujours parmi nous ? OK parfait, on peut\u00a0 donc maintenant basculer vers la seconde partie de ce thema o\u00f9 l&rsquo;on s&rsquo;int\u00e9ressera cette fois aux raisons du succ\u00e8s du motion design au travers de ses nombreux b\u00e9n\u00e9fices.<\/p>\n<p>On ne visera pas n\u00e9cessairement l&rsquo;exhaustivit\u00e9 pour privil\u00e9gier les b\u00e9n\u00e9fices principaux, qui a eux seuls doivent bien motiver 90% de la production motion design.<\/p>\n<h2>MOTION DESIGN : COMP\u00c9TITIVIT\u00c9 ET CR\u00c9ATIVIT\u00c9 NO LIMIT<\/h2>\n<p>Le premier b\u00e9n\u00e9fice est assur\u00e9ment \u00e9conomique. Il ne suffit pas \u00e0 int\u00e9gralement justifier le choix d&rsquo;un film en motion design mais il y participe toujours.<\/p>\n<p>En s&rsquo;affranchissant de toutes les contraintes inh\u00e9rentes au tournages, il offre une indiscutable comp\u00e9titivit\u00e9. Rappelons ici ce qu&rsquo;implique presque chaque tournage : mat\u00e9riels, techniciens, location d\u00e9cors, figurants voire com\u00e9diens, d\u00e9placements, restauration, h\u00e9bergements, pr\u00e9paration et suivi logistique. Sortez la calculette !<\/p>\n<p>Le choix d&rsquo;un film en motion design supprime d&rsquo;office toutes ces contraintes ou plus exactement ces charges. En contre partie desquelles la seule prestation factur\u00e9e sera celle du ou des motion designers officiant sur le projet, ainsi bien s\u00fbr que le suivi de projet et en option : l&rsquo;\u00e9criture d&rsquo;une voix off et son enregistrement.<\/p>\n<p>Et d&rsquo;un point de vu cr\u00e9atif, les possibilit\u00e9s sont sans limite. On peut absolument tout repr\u00e9senter via le motion design, de m\u00eame qu&rsquo;on le peut via le dessin : du rendu le plus r\u00e9aliste \u00e0 celui le plus stylis\u00e9. La seule \u00e9quation qui rentre alors en ligne de compte a pour valeurs : les logiciels exploit\u00e9s, les comp\u00e9tences et niveau d&rsquo;expertise requis, le nombre de technicien et enfin bien s\u00fbr le temps de travail.<\/p>\n<div id=\"attachment_3456\" style=\"width: 1040px\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-3456\" class=\"wp-image-3456 size-large\" src=\"https:\/\/blog.eoprod.com\/wp-content\/uploads\/2017\/05\/Pauline-at-work-1030x579.jpg\" alt=\"blog-Pauline-at-work\" width=\"1030\" height=\"579\" srcset=\"https:\/\/www.eoprod.com\/blog\/wp-content\/uploads\/2017\/05\/Pauline-at-work-1030x579.jpg 1030w, https:\/\/www.eoprod.com\/blog\/wp-content\/uploads\/2017\/05\/Pauline-at-work-300x169.jpg 300w, https:\/\/www.eoprod.com\/blog\/wp-content\/uploads\/2017\/05\/Pauline-at-work-768x432.jpg 768w, https:\/\/www.eoprod.com\/blog\/wp-content\/uploads\/2017\/05\/Pauline-at-work-1500x844.jpg 1500w, https:\/\/www.eoprod.com\/blog\/wp-content\/uploads\/2017\/05\/Pauline-at-work-705x397.jpg 705w, https:\/\/www.eoprod.com\/blog\/wp-content\/uploads\/2017\/05\/Pauline-at-work-450x253.jpg 450w\" sizes=\"(max-width: 1030px) 100vw, 1030px\" \/><p id=\"caption-attachment-3456\" class=\"wp-caption-text\">Pauline @ work<\/p><\/div>\n<p>\u00c0 propos justement du temps et donc du d\u00e9lai, qui entre toujours en ligne de compte lors d&rsquo;une production audiovisuelle ne serait-ce que parce qu&rsquo;elle s&rsquo;inscrit toujours dans un calendrier : salon professionnel, lancement produit, op\u00e9ration promo, etc&#8230; Pr\u00e9cisons que selon le budget et le temps imparti, nous pouvons nous adapter en jouant sur 2 curseurs.<\/p>\n<p>Tous deux sont d&rsquo;ordre \u00e0 la fois cr\u00e9atif et technique.<\/p>\n<p>Le premier curseur porte la cr\u00e9ation, le design des \u00e9l\u00e9ments : le budget et le d\u00e9lai permettent-ils de cr\u00e9er de toutes pi\u00e8ces l&rsquo;ensemble des \u00e9l\u00e9ments (personnages, objets, d\u00e9cors, etc&#8230;) devant figurer dans la vid\u00e9o ou doit-on recourir \u00e0 des templates (graphiques vectoriels, mod\u00e9lisations 3D) pr\u00eats \u00e0 l&#8217;emploi disponible en banques images ? Il est certain que la seconde option offrira de minimiser et le temps de travail et donc le co\u00fbt de la production. En revanche, la vid\u00e9o qui en r\u00e9sultera sera bien naturellement moins personnalis\u00e9e et pourra int\u00e9grer des personnages et\/ou des \u00e9l\u00e9ments graphiques exploit\u00e9s dans des productions tierces.<\/p>\n<p>Le second curseur concerne l&rsquo;animation proprement dite : doit-on parvenir \u00e0 une animation fluide voire r\u00e9aliste ou peut-on se contenter d&rsquo;une animation type \u00ab\u00a0cartoon\u00a0\u00bb, ou m\u00eame minimaliste. Ici encore le delta de temps et de co\u00fbt pourra varier du simple au double selon l&rsquo;option retenue. De m\u00eame qu&rsquo;une animation complexe pourra impliquer des techniciens tr\u00e8s qualifi\u00e9s et donc plus chers.<\/p>\n<p>\u00c0 la lumi\u00e8re de ces informations, on peut d\u00e8s lors aborder la question du co\u00fbt et des d\u00e9lais en pr\u00e9cisant pour bornes de budgets moyens une fourchette basse de l&rsquo;ordre de 3 \u00e0 5 K\u20ac HT et une fourchette haute de l&rsquo;ordre de 7 \u00e0 9 K\u20ac HT. En termes de d\u00e9lais, une valeur incompressible d&rsquo;une semaine ouvr\u00e9e et<\/p>\n<p>Et maintenant illustrons ces 2 fourchettes basse et haute \u00e0 l&rsquo;aide de 2 vid\u00e9os, toujours issues de nos r\u00e9centes productions.<\/p>\n<p>En premier lieu, cette vid\u00e9o pour la division Formation du groupe <strong>Ginger<\/strong>. De courte dur\u00e9e et compl\u00e9t\u00e9e d&rsquo;une voix off, elle recourt presque exclusivement \u00e0 des \u00ab\u00a0templates\u00a0\u00bb (sources pr\u00eates \u00e0 l&#8217;emploi) et a donc impliqu\u00e9 tr\u00e8s peu de cr\u00e9ation.<\/p>\n<div class='avia-iframe-wrap'><div class=\"video-container\"><iframe width=\"1500\" height=\"844\" src=\"https:\/\/www.youtube.com\/embed\/5_W290_ix9Q?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div>\n<p>En second lieu et donc cette fois pour illustration de la fourchette haute, cette production pour <strong>Sigvaris<\/strong> pour laquelle nous avons eu recours aux comp\u00e9tences d&rsquo;une motion designeuse \u00e9galement illustratrice puisque les personnages, les d\u00e9cors et les d\u00e9tails anatomiques sont ici tous issus de son travail cr\u00e9atif.<\/p>\n<div class='avia-iframe-wrap'><div class=\"video-container\"><iframe width=\"1500\" height=\"844\" src=\"https:\/\/www.youtube.com\/embed\/Th741J1crCk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div>\n<p>On conclura ce chapitre par une \u00e9vidence certes, mais qui m\u00e9rite toutefois d&rsquo;\u00eatre point\u00e9e. Nous n&rsquo;avons ici \u00e9voqu\u00e9es que le cas de productions \u00ab\u00a0coporate\u00a0\u00bb et de budgets \u00ab\u00a0moyens\u00a0\u00bb. Il va de soit que de m\u00eame que les possibilit\u00e9s offertes par l&rsquo;animation num\u00e9riques sont infinies, il en est de m\u00eame pour les budgets qui ne connaissent dans l&rsquo;absolu aucune limite. Certaines productions, notamment les spots publicitaires destin\u00e9s \u00e0 la diffusion en mass m\u00e9dia, \u00e0 savoir cin\u00e9ma et TV et cin\u00e9ma, vont elles graviter dans des co\u00fbts \u00e0 la minute plus proche d&rsquo;une production <strong>Disney\/Pixar<\/strong>.<\/p>\n<p>Inutile donc d&rsquo;envisager une production du niveau de celle qui suit &#8211; publicit\u00e9 2016 pour l&rsquo;annonceur <strong>Recyclum<\/strong> &#8211;\u00a0 en de\u00e7\u00e0 des 100 K\u20ac. Pour la remarque, on adore ce spot qui parvient \u00e0 reproduire l&rsquo;univers et le rendu graphique du stop motion au recours de l&rsquo;animation 3D.<\/p>\n<div class='avia-iframe-wrap'><div class=\"video-container\"><iframe width=\"1500\" height=\"844\" src=\"https:\/\/www.youtube.com\/embed\/8VpGXvxVLqg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div>\n<h2>MOTION DESIGN : VULGARISATION ET D\u00c9DRAMATISATION<\/h2>\n<p>Avec ce second chapitre consacr\u00e9 aux b\u00e9n\u00e9fices du motion design, on va s&rsquo;int\u00e9resser ici \u00e0 des notions exclusivement cognitives et se rapportant donc \u00e0 la compr\u00e9hension des films.<\/p>\n<p>D\u00e9butons donc avec la vulgarisation et proc\u00e9dons aussi simplement qu&rsquo;efficacement gr\u00e2ce \u00e0 l&rsquo;exemple de la vid\u00e9o pour notre client <strong>Stock&rsquo;it<\/strong>. Visionnez l\u00e0 et ce faisant imaginez juste devoir figurer et valoriser les avantages des solutions propos\u00e9es au recours d&rsquo;images r\u00e9elles. Un v\u00e9ritable casse t\u00eate : vous apprendrez assur\u00e9ment plus vite \u00e0 r\u00e9soudre les 6 faces du Rubix&rsquo;s Cube qu&rsquo;\u00e0 r\u00e9pondre \u00e0 cette \u00e9quation insoluble.<\/p>\n<div class='avia-iframe-wrap'><div class=\"video-container\"><iframe width=\"1500\" height=\"844\" src=\"https:\/\/www.youtube.com\/embed\/T4eUe36eV84?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div>\n<p>On touche l\u00e0 \u00e0 un b\u00e9n\u00e9fice essentiel car il est intrins\u00e8quement li\u00e9 au graphisme et \u00e0 l&rsquo;animation et donc au motion design. Tout ce qui rel\u00e8ve de processus complexe, notamment dans les domaines scientifiques, organisationnels, financiers et \u00e9conomiques, sera plus simple \u00e0 expliquer et \u00e0 valoriser gr\u00e2ce au motion design. On dit qu&rsquo;un bon dessin vaut mieux qu&rsquo;un long discours. C&rsquo;est exactement le cas ici.<\/p>\n<p>Poursuivons maintenant avec la d\u00e9dramatisation qui, toujours selon une logique cognitive, repr\u00e9sente assur\u00e9ment le second b\u00e9n\u00e9fice du recours au motion design. Pr\u00e9cisons d&rsquo;ailleurs que la cible alors concern\u00e9e n&rsquo;est pas n\u00e9cessairement exclusivement enfantine, elle peut \u00eatre \u00e9galement voire uniquement adulte.<\/p>\n<p>L&rsquo;image anim\u00e9e va cette fois permettre d&rsquo;adresser une information ou mieux encore de sensibiliser un ou plusieurs publics, l\u00e0 o\u00f9 le recours \u00e0 des images r\u00e9elles pourraient susciter appr\u00e9hensions voire rejet pur et simple. On ne fait pas ici r\u00e9f\u00e9rence au seul pouvoir ludique et attractif du motion design, parce-que chatoyant pour l\u2019\u0153il,\u00a0 mais bien \u00e0 sa capacit\u00e9 \u00e0 d\u00e9dramatiser un contexte, une situation.<\/p>\n<p>C&rsquo;est tout naturellement dans le cadre des th\u00e9matiques m\u00e9dicales et de sant\u00e9 publique que ce b\u00e9n\u00e9fice prendra tout son sens. Pour l&rsquo;illustrer, cette vid\u00e9o r\u00e9alis\u00e9e pour l&rsquo;association<strong> Vaincre la mucoviscidose<\/strong> destin\u00e9e \u00e0 informer les parents suite \u00e0 la pose du diagnostique, mais \u00e9galement accessible d&rsquo;un public beaucoup plus jeune.<\/p>\n<div class='avia-iframe-wrap'><div class=\"video-container\"><iframe width=\"1500\" height=\"844\" src=\"https:\/\/www.youtube.com\/embed\/_kRDLe_YggE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div>\n<h2>MOTION DESIGN, PH\u00c9NOM\u00c8NE DE MODE PERENNE OU \u00c9PH\u00c9M\u00c8RE?<\/h2>\n<p>Comme \u00e9voqu\u00e9 en ouverture de ce thema, le motion design est assur\u00e9ment aujourd&rsquo;hui boost\u00e9 par une tr\u00e8s forte demande, avec des clients qui parfois m\u00eame le cite spontan\u00e9ment avant de d\u00e9velopper leur besoin et probl\u00e9matique de communication. Alors oui, effet de mode il y a ind\u00e9niablement. Et naturellement celui-ci ne perdura qu&rsquo;un temps, que l&rsquo;on peut toutefois d&rsquo;ores et d\u00e9j\u00e0 inscrire dans la dur\u00e9e pour diverses raisons.<\/p>\n<p>Parmi celles-ci : le fait que les outils et logiciels progressent sans cesse, pour offrir toujours plus de possibilit\u00e9s cr\u00e9atives ainsi qu&rsquo;un gain de productivit\u00e9. Ajoutons d&rsquo;ailleurs que les fili\u00e8res de formation audiovisuelles int\u00e8grent dor\u00e9navant cette discipline et que certain cursus lui sont m\u00eame enti\u00e8rement d\u00e9di\u00e9s.<\/p>\n<p>Ainsi donc on a pas fini d&rsquo;en visionner et d&rsquo;en produire et c&rsquo;est tant mieux car les champs du possible en terme de cr\u00e9ativit\u00e9 sont d&rsquo;autant plus infinis que certains motion designer deviennent pour certains de v\u00e9ritables signatures \u00e0 l&rsquo;\u00e9chelle international, exactement de m\u00eame que pour les r\u00e9alisateurs \u00ab\u00a0live\u00a0\u00bb.<\/p>\n<p>Pour le pur plaisir des yeux, on cl\u00f4turera ce thema avec un film remarquable pour sa qualit\u00e9 technique comme sa direction artistique. Un film produit par l&rsquo;agence <strong>Eddy<\/strong>, r\u00e9alis\u00e9 par <strong>Hugo Ramirez<\/strong> d&rsquo;apr\u00e8s les cr\u00e9ations de l&rsquo;illustratrice <strong>Le\u00efla Courtillon<\/strong>. Un spot anim\u00e9 en 2D qui recourt \u00e0 l&rsquo;animation traditionnelle et qui tire sa dynamique de l&rsquo;effet plan s\u00e9quence en offrant la sensation d&rsquo;un mouvement continu.<\/p>\n<div class='avia-iframe-wrap'><div class=\"video-container\"><iframe width=\"1500\" height=\"844\" src=\"https:\/\/www.youtube.com\/embed\/WZVuR0c8FRE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Cela fait un sacr\u00e9 bout de temps que l&rsquo;on souhaitait consacrer un thema au motion design. C&rsquo;est finalement l&rsquo;actualit\u00e9 r\u00e9cente de nos prods qui nous d\u00e9cident \u00e0 sauter le pas en ouvrant ce billet avec la derni\u00e8re mouture de notre showreel (bande d\u00e9mo) \u00ab\u00a0Animation &amp; Motion Design\u00a0\u00bb.<\/p>\n","protected":false},"author":1,"featured_media":3459,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"video","meta":{"footnotes":""},"categories":[33,36],"tags":[],"class_list":["post-3454","post","type-post","status-publish","format-video","has-post-thumbnail","hentry","category-nos-productions-fiers-de-nos-clients","category-thema-creusons-le-sujet","post_format-post-format-video"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Animation et motion design, les raisons d&#039;un succ\u00e8s<\/title>\n<meta name=\"description\" content=\"Dans le blog EOProd, on s&#039;int\u00e9resse aujourd&#039;hui aux dispositifs et autres op\u00e9rations sp\u00e9ciales dont est friande la communication digitale.\" \/>\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.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Animation et motion design, les raisons d&#039;un succ\u00e8s\" \/>\n<meta property=\"og:description\" content=\"Un nouveau thema sur le blog EOProd enti\u00e8rement consacr\u00e9 \u00e0 l&#039;animation et aux motion design, un format qui rencontre depuis quelques ann\u00e9es un succ\u00e8s grandissant.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Eoprod\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-09T13:17:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-14T13:23:06+00:00\" \/>\n<meta name=\"author\" content=\"Ga\u00ebl\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.eoprod.com\/blog\/wp-content\/uploads\/2017\/05\/animation-motion-design-thema.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ga\u00ebl\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/\",\"url\":\"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/\",\"name\":\"Animation et motion design, les raisons d'un succ\u00e8s\",\"isPartOf\":{\"@id\":\"https:\/\/www.eoprod.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.eoprod.com\/blog\/wp-content\/uploads\/2017\/05\/animation-motion-design-thema.jpg\",\"datePublished\":\"2017-05-09T13:17:34+00:00\",\"dateModified\":\"2023-04-14T13:23:06+00:00\",\"author\":{\"@id\":\"https:\/\/www.eoprod.com\/blog\/#\/schema\/person\/782773d65b0b5be6dd26f282dc29d99a\"},\"description\":\"Dans le blog EOProd, on s'int\u00e9resse aujourd'hui aux dispositifs et autres op\u00e9rations sp\u00e9ciales dont est friande la communication digitale.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/#primaryimage\",\"url\":\"https:\/\/www.eoprod.com\/blog\/wp-content\/uploads\/2017\/05\/animation-motion-design-thema.jpg\",\"contentUrl\":\"https:\/\/www.eoprod.com\/blog\/wp-content\/uploads\/2017\/05\/animation-motion-design-thema.jpg\",\"width\":770,\"height\":433,\"caption\":\"animation-motion-design-thema\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.eoprod.com\/blog\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Animation : \u00e7a bouge du c\u00f4t\u00e9 du motion design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.eoprod.com\/blog\/#website\",\"url\":\"https:\/\/www.eoprod.com\/blog\/\",\"name\":\"Blog Eoprod\",\"description\":\"Contenus Vid\u00e9o &amp; Digital\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.eoprod.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.eoprod.com\/blog\/#\/schema\/person\/782773d65b0b5be6dd26f282dc29d99a\",\"name\":\"Ga\u00ebl\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.eoprod.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5a01ceb5dcc619d9a2af497fe5010e5921e081e8d2803dcaadeadbb061ed2f9f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5a01ceb5dcc619d9a2af497fe5010e5921e081e8d2803dcaadeadbb061ed2f9f?s=96&d=mm&r=g\",\"caption\":\"Ga\u00ebl\"},\"description\":\"Technicien vid\u00e9o autodidacte et passionn\u00e9 de strat\u00e9gie de marques et de communication, j'ai la chance de marier ces 2 marottes au sein de l'\u00e9quipe EO Production. Plus particuli\u00e8rement tourn\u00e9 vers la r\u00e9daction, j'interviens en amont des projet sur les recommandations strat\u00e9giques et notes d'intention.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Animation et motion design, les raisons d'un succ\u00e8s","description":"Dans le blog EOProd, on s'int\u00e9resse aujourd'hui aux dispositifs et autres op\u00e9rations sp\u00e9ciales dont est friande la communication digitale.","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.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/","og_locale":"fr_FR","og_type":"article","og_title":"Animation et motion design, les raisons d'un succ\u00e8s","og_description":"Un nouveau thema sur le blog EOProd enti\u00e8rement consacr\u00e9 \u00e0 l'animation et aux motion design, un format qui rencontre depuis quelques ann\u00e9es un succ\u00e8s grandissant.","og_url":"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/","og_site_name":"Blog Eoprod","article_published_time":"2017-05-09T13:17:34+00:00","article_modified_time":"2023-04-14T13:23:06+00:00","author":"Ga\u00ebl","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.eoprod.com\/blog\/wp-content\/uploads\/2017\/05\/animation-motion-design-thema.jpg","twitter_misc":{"\u00c9crit par":"Ga\u00ebl","Dur\u00e9e de lecture estim\u00e9e":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/","url":"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/","name":"Animation et motion design, les raisons d'un succ\u00e8s","isPartOf":{"@id":"https:\/\/www.eoprod.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/#primaryimage"},"image":{"@id":"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.eoprod.com\/blog\/wp-content\/uploads\/2017\/05\/animation-motion-design-thema.jpg","datePublished":"2017-05-09T13:17:34+00:00","dateModified":"2023-04-14T13:23:06+00:00","author":{"@id":"https:\/\/www.eoprod.com\/blog\/#\/schema\/person\/782773d65b0b5be6dd26f282dc29d99a"},"description":"Dans le blog EOProd, on s'int\u00e9resse aujourd'hui aux dispositifs et autres op\u00e9rations sp\u00e9ciales dont est friande la communication digitale.","breadcrumb":{"@id":"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/#primaryimage","url":"https:\/\/www.eoprod.com\/blog\/wp-content\/uploads\/2017\/05\/animation-motion-design-thema.jpg","contentUrl":"https:\/\/www.eoprod.com\/blog\/wp-content\/uploads\/2017\/05\/animation-motion-design-thema.jpg","width":770,"height":433,"caption":"animation-motion-design-thema"},{"@type":"BreadcrumbList","@id":"https:\/\/www.eoprod.com\/blog\/thema-blog-animation-ca-bouge-cote-motion-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.eoprod.com\/blog\/blog\/"},{"@type":"ListItem","position":2,"name":"Animation : \u00e7a bouge du c\u00f4t\u00e9 du motion design"}]},{"@type":"WebSite","@id":"https:\/\/www.eoprod.com\/blog\/#website","url":"https:\/\/www.eoprod.com\/blog\/","name":"Blog Eoprod","description":"Contenus Vid\u00e9o &amp; Digital","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.eoprod.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.eoprod.com\/blog\/#\/schema\/person\/782773d65b0b5be6dd26f282dc29d99a","name":"Ga\u00ebl","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.eoprod.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5a01ceb5dcc619d9a2af497fe5010e5921e081e8d2803dcaadeadbb061ed2f9f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5a01ceb5dcc619d9a2af497fe5010e5921e081e8d2803dcaadeadbb061ed2f9f?s=96&d=mm&r=g","caption":"Ga\u00ebl"},"description":"Technicien vid\u00e9o autodidacte et passionn\u00e9 de strat\u00e9gie de marques et de communication, j'ai la chance de marier ces 2 marottes au sein de l'\u00e9quipe EO Production. Plus particuli\u00e8rement tourn\u00e9 vers la r\u00e9daction, j'interviens en amont des projet sur les recommandations strat\u00e9giques et notes d'intention."}]}},"_links":{"self":[{"href":"https:\/\/www.eoprod.com\/blog\/wp-json\/wp\/v2\/posts\/3454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eoprod.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.eoprod.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.eoprod.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eoprod.com\/blog\/wp-json\/wp\/v2\/comments?post=3454"}],"version-history":[{"count":0,"href":"https:\/\/www.eoprod.com\/blog\/wp-json\/wp\/v2\/posts\/3454\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.eoprod.com\/blog\/wp-json\/wp\/v2\/media\/3459"}],"wp:attachment":[{"href":"https:\/\/www.eoprod.com\/blog\/wp-json\/wp\/v2\/media?parent=3454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.eoprod.com\/blog\/wp-json\/wp\/v2\/categories?post=3454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.eoprod.com\/blog\/wp-json\/wp\/v2\/tags?post=3454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}