{"id":26646,"date":"2014-11-30T13:18:09","date_gmt":"2014-11-30T11:18:09","guid":{"rendered":"http:\/\/python.espe-bretagne.fr\/blog-plc1-arts-plastiques\/?p=26646"},"modified":"2015-10-09T08:54:37","modified_gmt":"2015-10-09T06:54:37","slug":"autour-de-lanimation-image-par-image-ou-le-stop-motion","status":"publish","type":"post","link":"https:\/\/blog.inspe-bretagne.fr\/arts-plastiques-m1m2\/?p=26646","title":{"rendered":"Autour de l’animation image par image, ou le stop-motion."},"content":{"rendered":"

\n

Technique choisie\u00a0: L’animation image par image\/ le stop-motion. Atelier de Pascal Bertrand<\/span><\/strong><\/p>\n

Le format PDF ne permettant pas d’inclure des images GIF anim\u00e9es, j’ai pr\u00e9f\u00e9r\u00e9 publier l’int\u00e9gralit\u00e9 de l’article sur le blog.<\/em><\/p>\n

Lorsque j’ai commenc\u00e9 \u00e0 rechercher et essayer des choses avec l’animation, je me suis d’abord tourn\u00e9e vers un logiciel de dessin num\u00e9rique (Alchemy) avec une tablette graphique. J’ai dessin\u00e9 gr\u00e2ce \u00e0 l’outil \u00ab\u00a0miroir\u00a0\u00bb un oiseau qui bat des ailes, ainsi que le parcours du soleil dans un paysage tr\u00e8s simple. J’ai assembl\u00e9 les quelques images du mouvement d\u00e9compos\u00e9 avec Windows Live Movie Maker. (Pour plus de lisibilit\u00e9 je les ai par la suite recr\u00e9es en format GIF avec le pendant gratuit de Photoshop, The GIMP. Cette manipulation est tr\u00e8s simple \u00e0 r\u00e9aliser et me semble \u00e0 la port\u00e9e d’\u00e9l\u00e8ves de coll\u00e8ge.)<\/span><\/p>\n

\"\"<\/a><\/span><\/p>\n

<\/p>\n

R\u00e9aliser ces tr\u00e8s courtes vid\u00e9os m’a fait prendre conscience du temps de r\u00e9alisation que n\u00e9cessite une tr\u00e8s courte animation. En effet, il faut un nombre important d’images pour qu’une fois projet\u00e9es rapidement, l’animation qu’elles forment dure suffisamment longtemps pour qu’on puisse la regarder confortablement. Avec un nombre trop r\u00e9duit d’images, l’animation dure moins de 5 secondes et on ne peut pas en appr\u00e9cier les qualit\u00e9s. Cette contrainte peut \u00eatre un obstacle \u00e0 l’utilisation de l’animation en classe d’arts plastiques.<\/span><\/p>\n

\"\"<\/a><\/p>\n

L’animation est une technique tr\u00e8s int\u00e9ressante, le r\u00e9sultat est particuli\u00e8rement satisfaisant car il garde une dimension \u00ab\u00a0fascinante\u00a0\u00bb. M\u00eame en ayant bien compris le ph\u00e9nom\u00e8ne de persistance r\u00e9tinienne, le fait de l’exp\u00e9rimenter avec des images fixes que l’on a personnellement r\u00e9alis\u00e9es para\u00eet avoir un c\u00f4t\u00e9 \u00ab\u00a0magique\u00a0\u00bb.<\/span><\/p>\n

Aujourd’hui lorsqu’on regarde un dessin anim\u00e9 ou un film d’animation au cin\u00e9ma, on ne per\u00e7oit pas cette infinit\u00e9 d’images fixes qui le composent. On regarde un dessin anim\u00e9 sans r\u00e9ellement appr\u00e9hender le travail immense qui a pr\u00e9c\u00e9d\u00e9 sa projection. Le fait de s’essayer \u00e0 la r\u00e9alisation d’une courte animation permet d’avoir en t\u00eate que l’on est en train de voir des images fixes projet\u00e9es tr\u00e8s rapidement et d’\u00eatre \u00e9merveill\u00e9 par l’illusion de mouvement qui en r\u00e9sulte. <\/span><\/p>\n

L’animation pose tout de m\u00eame un certain nombre de probl\u00e8mes et de difficult\u00e9s. Tout d’abord, d\u00e9composer un mouvement n’est pas facile. De plus, de part la dur\u00e9e tr\u00e8s courte de l’animation finale, la lecture en boucle m’appara\u00eet comme incontournable. Il faut donc prendre en compte cette contrainte lors de la r\u00e9alisation des images fixes.\"\"<\/a><\/span><\/p>\n

Ici, les images ne permettent pas une lecture en boucle, le mouvement est trop court pour \u00eatre per\u00e7u confortablement.<\/span><\/p>\n

J’ai imagin\u00e9 utiliser une vid\u00e9o qui servirait de base pour d\u00e9composer un mouvement. Avec un logiciel de montage vid\u00e9o il est possible d’extraire des images fixes. C’est ce que j’ai fait avec une vid\u00e9o de mon chat en train de se d\u00e9placer. J’ai ensuite \u00ab\u00a0d\u00e9calqu\u00e9\u00a0\u00bb les images une par une (un peu moins d’une trentaine) sur The GIMP.\"\"<\/a><\/span>Le r\u00e9sultat est satisfaisant mais est-il int\u00e9ressant, au-del\u00e0 du plaisir visuel que cr\u00e9ent le mouvement fluide et une animation anatomiquement juste, puisque calqu\u00e9s sur le r\u00e9el\u00a0? Ce que j’appr\u00e9cie dans cette animation, c’est le d\u00e9calage entre le mouvement r\u00e9aliste et le dessin qui s’affirme en tant que tel, sans essayer de produire un effet d’imitation du r\u00e9el.<\/span><\/p>\n

 <\/p>\n

A ce stade de mes recherches, j’avais du mal \u00e0 voir comment aller plus loin. Mais j’ai eu l’occasion de travailler avec une classe de CLIS. Dans le cadre d’un travail avec la Baie des Livres, l’enseignante souhaitait r\u00e9aliser de courtes animations avec ses \u00e9l\u00e8ves autour d’acrostiches qu’ils avaient \u00e9crits. J’ai donc pr\u00e9par\u00e9 avec elle une s\u00e9ance autour de cette technique et je suis intervenue une journ\u00e9e dans sa classe. Ses \u00e9l\u00e8ves \u00e9tant jeunes et peu habiles en dessin, il \u00e9tait difficile d’envisager des vid\u00e9os en dessin anim\u00e9. Nous avons donc d\u00e9cid\u00e9 de travailler en stop motion avec des formes g\u00e9om\u00e9triques d\u00e9coup\u00e9es dans du papier ou du plastique, des lettres de scrabble et du papier pli\u00e9. <\/span><\/p>\n

Une rencontre sportive avait lieu le jour que nous avions choisi pour r\u00e9aliser les vid\u00e9os, ce qui tombait tr\u00e8s bien car cela nous a permis de travailler avec des petits groupes. Nous avions donc 4 \u00e9l\u00e8ves le matin et 4 \u00e9l\u00e8ves l’apr\u00e8s-midi. Avant de travailler num\u00e9riquement, nous avons fait r\u00e9aliser rapidement aux \u00e9l\u00e8ves un thaumatrope. Nous leur avons propos\u00e9 de repr\u00e9senter un oiseau dans une cage mais certains ont choisi de leur propre chef un poisson dans un aquarium. Tous les thaumatropes ont \u00e9t\u00e9 r\u00e9ussis.\"\"<\/a><\/span><\/p>\n

Cette exp\u00e9rience ancr\u00e9e dans la r\u00e9alit\u00e9 d’une classe m’a permis de voir ce qui pouvait poser probl\u00e8me aux \u00e9l\u00e8ves mais surtout, contrairement \u00e0 ce que \u00e0 quoi je m’attendais, ce qui ne leur posait pas de probl\u00e8mes. Les thaumatropes fonctionnaient et les \u00e9l\u00e8ves ont compris tr\u00e8s vite, avant qu’on explique quoique ce soit que la vitesse expliquait l’illusion. Cependant, je ne suis pas certaine qu’ils aient bien compris le lien avec le travail suivant. <\/span><\/p>\n

Les \u00e9l\u00e8ves ont \u00e9t\u00e9 s\u00e9par\u00e9s en deux groupes de deux et se sont install\u00e9s sur les deux postes de travail disponibles dans la classe. Un \u00e9l\u00e8ve \u00e9tait charg\u00e9 de prendre la photo gr\u00e2ce au logiciel Stop-Anime et \u00e0 la webcam reli\u00e9e \u00e0 l’ordinateur tandis que l’autre d\u00e9pla\u00e7ait \u00e9tape par \u00e9tape les formes g\u00e9om\u00e9triques ou pliait l’origami. (Les r\u00f4les \u00e9t\u00e9 \u00e9chang\u00e9s au cours de la r\u00e9alisation.) Dans chaque vid\u00e9o, environ 50 images ont \u00e9t\u00e9 n\u00e9cessaires. Ce temps de prise de vues s’est d\u00e9roul\u00e9 sans accroche, les \u00e9l\u00e8ves \u00e9taient appliqu\u00e9s et \u00e9taient attentifs \u00e0 ne pas laisser une main appara\u00eetre sur l’image (on voit tout de m\u00eame qu’une ou deux ont pu leur \u00e9chapper.) Le logiciel Stop-Anime est r\u00e9ellement facile en terme de prise en main par des \u00e9l\u00e8ves, en quelques manipulations la vid\u00e9o est cr\u00e9\u00e9e. Le logiciel permet de voir en transparence de l’image en direct, l’image pr\u00e9c\u00e9dente. Ainsi il est facile d’appr\u00e9hender le d\u00e9placement d’une image \u00e0 l’autre et de rattraper un coup maladroit dans la table. En une s\u00e9ance d’environ 3h, il a \u00e9t\u00e9 possible de cr\u00e9er 2 petites vid\u00e9os. Certes, travailler en stop-motion avec une webcam avec un nombre r\u00e9duit d’\u00e9l\u00e8ve a permis de r\u00e9duire le temps n\u00e9cessaire \u00e0 la r\u00e9alisation, mais cette exp\u00e9rience m’a rassur\u00e9e. Je craignais que ce ne soit trop chronophage et fastidieux pour \u00eatre mis en place en classe, il s’av\u00e8re que c’est tout \u00e0 fait possible.<\/span><\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

Les animations pr\u00e9sent\u00e9es ici ne sont qu’une \u00e9tape dans leur travail, depuis ils les ont retouch\u00e9es, ont ajout\u00e9 en audio la lecture des acrostiches par les \u00e9l\u00e8ves et on fait le montage de la vid\u00e9o rassemblant les 4 animations, avec un titre et un g\u00e9n\u00e9rique.<\/span>Bien que ce ne fut pas avec une classe de coll\u00e8ge, ce travail avec des \u00e9l\u00e8ves de CLIS a vraiment fait partie de l’avanc\u00e9e de mes recherches.<\/span><\/p>\n

Selon moi, il pourrait \u00eatre int\u00e9ressant d’aborder la technique de l’animation et du stop-motion avec des \u00e9l\u00e8ves de 5 \u00e8me ou de 4\u00e8me. En effet le programme de 5\u00e8me am\u00e8ne la notion de narration\u00a0: \u00ab Les situations permettent aux \u00e9l\u00e8ves de fabriquer des images de <\/em><\/span>fiction. Les \u00e9l\u00e8ves sont amen\u00e9s \u00e0 : – Construire une narration \u00e0 partir d’une ou plusieurs images (story-board, bande dessin\u00e9e, film) <\/em>\u00bb. On pourrait imaginer demander aux \u00e9l\u00e8ves d’\u00e9crire un court sc\u00e9nario et de le retranscrire en story-board avant de r\u00e9aliser une courte animation en stop-motion. Ici, l’animation serait un outil utilis\u00e9 au service de la narration. <\/span>Le programme de 4\u00e8me est orient\u00e9 vers l’image en mouvement\u00a0: \u00ab<\/span> Le travail portera sur des images fixes et anim\u00e9es, analogiques ou virtuelles. L\u2019\u00e9tude du temps et du mouvement, r\u00e9els ou sugg\u00e9r\u00e9s, contribuera \u00e0 \u00e9largir aux pratiques photographiques, cin\u00e9matographiques, vid\u00e9ographiques, num\u00e9riques et au <\/em>volume<\/em>.\u00a0\u00bb L’animation me para\u00eet \u00eatre particuli\u00e8rement adapt\u00e9e pour travailler autour de l’image entre mouvement r\u00e9el et mouvement sugg\u00e9r\u00e9. Un travail autour des possibilit\u00e9s de mise en mouvement et des qualit\u00e9s plastiques des techniques du stop-motion et du dessin anim\u00e9 me semblerait plus int\u00e9ressant que leur utilisation en tant qu’outil narratif. Peut-\u00eatre pourrait-on envisage une s\u00e9quence autour du mouvement qui aboutirait \u00e0 un travail qui hybriderait une technique traditionnelle et l’animation num\u00e9rique, le mouvement sugg\u00e9r\u00e9 par des strat\u00e9gies graphiques et le mouvement \u00ab\u00a0r\u00e9el\u00a0\u00bb amen\u00e9 par l’animation.<\/span><\/p>\n

Dans tous les cas, l’animation permet d’aborder l’histoire du cin\u00e9ma et du dessin anim\u00e9. Pour cela, il est possible de convoquer les travaux de Muybridge, contemporains de l’invention du cin\u00e9ma par les fr\u00e8res Lumi\u00e8re.
\n<\/span><\/p>\n

\"\"<\/a><\/span><\/p>\n


\n<\/span><\/p>\n

\n

\n

\n

Dynamisme d’un chien en laisse <\/em>de G.Balla apporte une autre modalit\u00e9 de suggestion de mouvement dans une image fixe.<\/span><\/p>\n

\"\"<\/a>
\n<\/span><\/p>\n

\n

\n

\n

 <\/p>\n

Plus r\u00e9cemment, Ryan Woodward propose dans sa vid\u00e9o Thought of you <\/em>visible sur Youtube \u00e0 cette adresse\u00a0: https:\/\/www.youtube.com\/watch?v=OBk3ynRbtsw<\/a> un m\u00e9lange efficace entre l’image dessin\u00e9e et la mise en mouvement gr\u00e2ce \u00e0 l’animation.<\/span><\/p>\n

\n","protected":false},"excerpt":{"rendered":"

Technique choisie\u00a0: L’animation image par image\/ le stop-motion. Atelier de Pascal Bertrand Le format PDF ne permettant pas d’inclure des images GIF anim\u00e9es, j’ai pr\u00e9f\u00e9r\u00e9 publier l’int\u00e9gralit\u00e9 de l’article sur le blog. Lorsque j’ai commenc\u00e9 \u00e0 rechercher et essayer des choses avec l’animation, je me suis d’abord tourn\u00e9e vers un logiciel de dessin num\u00e9rique (Alchemy) … Continuer la lecture de « Autour de l’animation image par image, ou le stop-motion. »<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[654],"tags":[157,177,665],"class_list":["post-26646","post","type-post","status-publish","format-standard","hentry","category-selections-darticles-de-plc-des-annees-passees","tag-animation","tag-mouvement","tag-stop-motion"],"_links":{"self":[{"href":"https:\/\/blog.inspe-bretagne.fr\/arts-plastiques-m1m2\/index.php?rest_route=\/wp\/v2\/posts\/26646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.inspe-bretagne.fr\/arts-plastiques-m1m2\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.inspe-bretagne.fr\/arts-plastiques-m1m2\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.inspe-bretagne.fr\/arts-plastiques-m1m2\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.inspe-bretagne.fr\/arts-plastiques-m1m2\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26646"}],"version-history":[{"count":2,"href":"https:\/\/blog.inspe-bretagne.fr\/arts-plastiques-m1m2\/index.php?rest_route=\/wp\/v2\/posts\/26646\/revisions"}],"predecessor-version":[{"id":69681,"href":"https:\/\/blog.inspe-bretagne.fr\/arts-plastiques-m1m2\/index.php?rest_route=\/wp\/v2\/posts\/26646\/revisions\/69681"}],"wp:attachment":[{"href":"https:\/\/blog.inspe-bretagne.fr\/arts-plastiques-m1m2\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.inspe-bretagne.fr\/arts-plastiques-m1m2\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=26646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.inspe-bretagne.fr\/arts-plastiques-m1m2\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=26646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}