Différences

Ci-dessous, les différences entre deux révisions de la page.

--- ateliers:avatar:accueil [2018/01/25 17:46]
claraaa [II - Portrait Chinois]
+++ ateliers:avatar:accueil [2020/05/11 17:23] (Version actuelle)
marion [Ateliers "Avatar"]
@@ Ligne 1: / Ligne 1: @@
 ====== Ateliers "Avatar" ======
+  * Porteur du projet : [[:user:claraaa|Clara]]
+  * Date : 2017
 {{ :ateliers:avatar:bannierewiki.jpg |}}
 Bannière réalisée à partir du site [[http://turnyournameintoaface.com/|turnyournameintoaface]]
+raccourci url : https://tinyurl.com/avatarbastide
 ===== Déroulé des ateliers =====
 ==== I - Découverte et expérimentation ====
@@ Ligne 26: / Ligne 30: @@
 === Technique de morphing avec un vidéo projecteur ===
-==== II - Portrait Chinois ====
+==== II - Portrait.gif ====
-=== Création d'un avatar animé à partir de comment on se définit ===
+=== Création d'un avatar animé à partir d"un portrait chinois ===
+<WRAP half column>
 L'idée est de répondre à un portrait chinois :
   * Si j’étais un chiffre ?
   * Si j’étais un animal imaginaire ?
@@ Ligne 39: / Ligne 42: @@
   * Si j’étais un instrument de musique ?
   * Si j’étais un super pouvoir ?
+</WRAP>
-On recherche ensuite les images qui illustrent ces réponses, pour référence.
+<WRAP half column>
+Exemple, avec les réponses de Laurène :
-Ensuite, nous allons créer des gifs sur l'outil en ligne [[https://www.piskelapp.com/|PISKEL]], qui permet de faire des dessins en pixel art ainsi que des animations.
-//Exemple, avec les réponses de Laurène//
   * Si j’étais un chiffre ? >> TROIS
   * Si j’étais un animal imaginaire ? >> LICORNE
@@ Ligne 52: / Ligne 53: @@
   * Si j’étais un instrument de musique ? >> TAMBOUR
   * Si j’étais un super pouvoir ? VOLER DANS LES AIRS
+</WRAP>
-IMAGES DE RÉFÉRENCE :
+----
-{{ :ateliers:avatar:illustrations.jpg?nolink&600 |}}
+=== Recherche iconographique ===
+On recherche les images qui correspondent aux réponses du portrait chinois, pour s'aider dans la phase d'illustration.
+<WRAP half column>
+IMAGES DE RÉFÉRENCE :
+{{ :ateliers:avatar:illustrations.jpg?nolink&600 |}}
+</WRAP>
+<WRAP half column>
+Ensuite, nous allons créer des gifs sur l'outil en ligne [[https://www.piskelapp.com/|PISKEL]], qui permet de faire des dessins en pixel art ainsi que des animations.
 GIF CREE A PARTIR DE PISKEL
-{{:ateliers:avatar:gif_test.gif?nolink&400|}}
+{{:ateliers:avatar:gif_test.gif|}}
-==== III - Trombinoscope augmenté ====
+</WRAP>
+[[https://imgur.com/a/qdmDR|>> Galerie en ligne de références en PixelArt]]
+==== III - PaperAnimation ====
+=== Fabrication du papertoy ===
+Retour aux techniques analogiques, avec la création d'un papertoy en papier !
+Nous partons sur un gabarit vide, inspiré d'un modèle présent sur [[http://www.macula.tv|MACULA.TV]], ainsi que d'un autre gabarit quadrillé pour la création d'un visage en pixel art à la main.
+<WRAP half column>
+{{:ateliers:avatar:visufichiergabarit.png?nolink&400|}}
+{{ :ateliers:avatar:gabarit.pdf |}}
+: fichier du gabarit.
+</WRAP>
+<WRAP half column>
+{{:ateliers:avatar:visufichiervisage.png?nolink&400|}}
+{{ :ateliers:avatar:visagespixels.pdf |}}
+: fichier de la partie visage.
+</WRAP>
+Nous poursuivons par la fabrication du papertoy : découpe, collage et assemblage des bras à l'aide de trombones. Le visage est colorié sur le quadrillage, puis découpé et collé sur le corps !
+{{ :ateliers:avatar:visupapertoyfini.jpg?nolink |}}
+On prendra ensuite une "photo de classe" de l'ensemble des papertoys.
+=== Animation des papertoys ===
+Nous utilisons Windows Movie Maker pour faire des stopmotions (vidéo d'animation image par image).
+TUTORIEL EN SUIVANT CE LIEN : {{ :ateliers:avatar:tuto_stop_motion.pdf |}}
+(source : sur le [[http://st2s-stl-biotechnologies.discip.ac-caen.fr/spip.php?article234|site de l'académie de Caen]])
+==== IV - Erreur et briques ====
+=== Panel de générateurs de glitch ===
+  * [[https://lingojam.com/GlitchTextGenerator|Glitch text generator]]
+  * [[http://www.errozero.co.uk/glitchatron/#|Glitchatron]]
+  * [[https://photomosh.com/|Photomosh]]
+=== Initiation à la construction 3D ===
+Expérimentation et construction de petits avatars en 3D à l'aide de [[http://3dslash.net|3DSlash]]
 ===== Ressources des ateliers =====

Wiki

Outils pour utilisateurs

Outils du site

Différences

Outils de la page