memo | collège

Étiquette : GIF

  • Boucle de vitesse

    Boucle de vitesse

    Appropriez-vous les possibilités du logiciel GIMP, afin de créer un GIF animé satisfaisant la proposition suivante : le décor défile à toute vitesse.

    #vitesse #boucle #animation #gif animé #cinemagraph

    Qu’est-ce que l’animation ?

    Dans le domaine de l’audiovisuel, l’animation est un ensemble de techniques qui, par une succession d’images, donne à un public l’illusion que des personnages, des objets, des décors en réalité immobiles sont dotés de mouvement naturel.

    Ces techniques sont le résultat d’une recherche étalée sur plus d’un siècle pour obtenir des ouvrages visuels ou audiovisuels donnant l’illusion que des dessins, des peintures, des objets inertes divers (maquettes, poupées, marionnettes, etc.) ou des images de synthèse, sont doués de mouvements et de déplacements propres, comme s’ils étaient vivants, d’où l’utilisation du terme « animation » du latin animalis « animé, vivant, animal ». Source Wikipédia

    Qu’est-ce qu’un GIF animé ?

    GIF est l’acronyme de Graphics Interchange Format. Il fait partie des formats d’images les plus partagés sur le web. Ce format d’image numérique a pour particularité de permettre la réalisation de très courtes animations tournant en boucle.

    Créé en 1987 par l’ingénieur informatique Steve Wihilte, un Américain qui se verra remettre le Lifetime Achievement Award 26 ans plus tard au gala des Webby, le GIF survit miraculeusement aux progrès technologiques et aux multiples mutations de l’internet. Universellement supporté, tant par les vieux PC jaunis que l’iPhone ou l’appareil Android dernier cri, ce fichier ultra compressé (256 couleurs au lieu de 16,7 millions pour le JPEG) est en quelque sorte l’équivalent contemporain du folioscope. Source Wikipédia

    Tutoriel

    Au préalable, définissez clairement votre projet d’animation et avec méthode, notamment, afin de faciliter l’organisation des calques nécessaires à l’animation image par image.

    1. Lancez GIMP puis cliquez sur Fichier, Nouvelle image et définissez la taille de l’image (1920×720 px) qui va vous servir comme support à la création de l’ensemble du décor.
    2. Utilisez les outils habituels (: outil pinceau, outil de remplissage, outil de barbouillage, etc.) pour représenter votre décor et quelques effets si vous le souhaitez à partir de l’onglet Filtres.

    L’animation GIF se présentant nécessairement sous la forme d’une boucle, il faut que les deux extrémités de l’image puissent visuellement se rejoindre. Pour se faire :

    1. Copiez votre image : CTRL+C ou à partir du menu contextuel Édition et Copier.
    2. Doublez la largeur de la zone de travail. Sélectionnez Image et Taille du canevas. Saisissez la nouvelle taille de l’image : 3840 px de large par 720 px de haut (décalage : 0, 0), cliquez Redimensionner.
    3. Dans le menu Édition, utilisez Coller comme, Nouveau calque pour coller l’image précédemment copiée.
    4. Utilisez sur le calque l’Outil retournement puis déplacez-le à droite afin d’obtenir un effet miroir.
    5. Fusionnez vers le bas le calque supérieur en utilisant le menu contextuel de la fenêtre Calques.
    6. Retouchez l’image en préservant les extrémités.

    Le GIF animé est composé de plusieurs calques dont la lecture successive donne l’illusion du mouvement. L’étape suivante propose une solution simple pour créer les calques utiles à l’effet recherché.

    1. Réduisez la largeur de l’image à 1280 px : sélectionnez Image et Taille du canevas. Saisissez la nouvelle largeur de l’image.
    2. Dans la fenêtre des calques contenant la première image, cliquez sur Dupliquer le calque puis déplacez de 320 px la copie du calque vers la gauche : utilisez le menu contextuel du calque dupliqué et cliquez Modifier les attributs du calque puis saisissez un Décalage X de -320 px.
    3. Répétez cette manœuvre à partir du calque supérieur en baissant la valeur du décalage X : -640, -960, -1280, -1600, -1920, -2240 et -2560. Vous devriez avoir 8 calques et un arrière-plan.
    4. Par défaut, la durée entre chaque image est de 100 millisecondes. Vous pouvez prévisualiser le résultat final en lançant la lecture de l’animation. Pour cela, cliquez sur le menu Filtres puis sur Animation et Rejouer l’animation. Une nouvelle fenêtre s’ouvre, dans laquelle vous disposez de boutons pour lancer et arrêter la lecture et faire défiler les images les unes après les autres.

    Si le résultat ne vous convient pas, vous pouvez augmenter ou réduire le délai entre chaque image.

    1. Cliquez sur le menu déroulant situé dans la partie inférieure gauche de la fenêtre puis sélectionnez une vitesse de transition qui est réglée par défaut sur 1x. Vous pouvez également jouer sur le nombre d’images par seconde. Vous pouvez appliquer ces modifications en cours de lecture pour en voir les effets instantanément.
    2. Une fois que votre animation est prête, vous allez l’optimiser. Pour cela, cliquez successivement sur Filtres, Animations et Optimiser (pour GIF).

    Dernière étape, l’enregistrement de l’animation.

    1. Cliquez sur Fichier puis Export As.
    2. Dans la fenêtre qui s’ouvre, placez le curseur dans le champ Nom et tapez le nom de fichier suivi de l’extension .gif
    3. Puis, dans le menu déroulant de la partie inférieure de la page, sélectionnez le format de fichier Image GIF (*.gif). Cliquez sur Exporter.
    4. Dans la fenêtre qui s’ouvre, vous cocher l’option As animation. Si vous n’avez pas spécifié de délai au moment de créer l’animation, vous pouvez encore le faire en modifiant la valeur proposée. Cliquez enfin sur Exporter pour finaliser la création de votre GIF animé. 

    Questionnement

    Comment les modifications du décor peuvent-elles suggérer la vitesse ? Quels procédés graphiques et principes formels analysés dans les œuvres en référence sont-ils à convoquer pour créer l’effet attendu ? Dans quelle mesure le numérique révèle-t-il des qualités expressives ? En quoi son usage dépasse-t-il une solution technique ?

    Références du CRCN

    • 3.2./ Développer des documents multimédia/ Produire une image, un son ou une vidéo avec différents outils numériques
    • 3.3/ Adapter les documents à leur finalité/ Convertir un document numérique en différents formats
    • 5.2/ Évoluer dans un environnement numérique/ Utiliser les fonctionnalités élémentaires d’un environnement numérique
    Paul ROBERTSON, Expedition, 2014, GIF animé

    Extensions les plus courantes de formats d’images

    • JPEG ou JPG : Joint Photographic Experts Group
    • PNG : Portable Network Graphics
    • GIF : Graphics Interchange Format
    • PSD : Photoshop Document
    • AI : Adobe Illustrator Document
    • SVG : Scalable Vector Graphics
    • HEIF : High Efficiency Image File Format – format utilisé par Apple depuis 2017
    • WebP : Web Picture – format développé et mis à disposition par Google
    • XCF : eXperimental Computing Facility – format natif de GIMP

    Références artistiques possibles

    • Louis Carrogis de CARMONTELLE, les transparents de Carmontelle (1801) se composent d’un long rouleau de feuilles peintes collées bout à bout. Tendu entre deux bobines et éclairé par transparence, ce rouleau défilait devant les yeux des spectateurs en leur donnant l’impression de se mouvoir à travers un paysage.
    • Étienne Jules MAREY, Le Coup de marteau, 1895, chronophotographie
    • Auguste et Louis LUMIÈRE, L’Arrivée d’un train en gare de la Ciotat, 1895, film
    • Eugène ATGET, Angle de la rue des Nonnains d’Hyères et de l’Hôtel de Ville, 1899, photographie
    • Giacomo BALLA, Dynamisme d’un chien en laisse, 1912, huile sur toile, 90,8 x 110 cm, Albright-Knox Art Gallery
    • Marcel DUCHAMP, Nu descendant un escalier n°2, 1912, huile sur toile, 147 x 89,2 cm, Philadelphia Museum of Art, Philadelphie
    • Jacques-Henri LARTIGUE, Grand Prix de l’ACF, automobile Delage, circuit de Dieppe, 26 juin 1912, 1912, photographie
    • Luigi RUSSOLO, Automobile in corsa (Dynamisme d’une automobile), 1912-1913, huile sur toile, 106 x 140 cm, Centre Pompidou, Paris
    • Umberto BOCCIONI, Dinamismo di un ciclista (Dynamisme d’un cycliste), 1913, huile sur toile, 70 x 95 cm, Collection Peggy Guggenheim, Venise
    • Émile COHL, Les Allumettes ensorcelées, 1913, animation
    • Robert DELAUNAY, Hommage à Blériot, 1914, huile sur toile, 46×46 cm, Musée des Beaux-Arts de Grenoble
    • Norman McLAREN, Dots, 1940, Boogie Doodle, Spook Sport
    • Carol-Anne BELZIL-NORMAND, carolann.cool, GIF animés
    • David WHYTE, Bees & Bombs, GIF animés

    Questionnement(s)

    • La représentation plastique et les dispositifs de présentation : les différentes catégories d’images, leurs procédés de fabrication, leurs transformations.

    Expérimenter, produire, créer (D1, D2, D4, D5)

    • Rechercher une expression personnelle en s’éloignant des stéréotypes.
    • Intégrer l’usage des outils informatiques de travail de l’image et de recherche d’information, au service de la pratique plastique.

    Mettre en œuvre un projet artistique (D2, D3, D5)

    • Identifier les principaux outils et compétences nécessaires à la réalisation d’un projet artistique.
    • Se repérer dans les étapes de la réalisation d’une production plastique individuelle ou collective, anticiper les difficultés éventuelles.

    * D1 Les langages pour penser et communiquer – D2 Les méthodes et outils pour apprendre – D3 La formation de la personne et du citoyen – D4 Les systèmes naturels du monde et l’activité humaine – D5 Les représentations du monde et l’activité humaine

    En bandeau, GIF animé obtenu à partir d’une capture de Cowboy Bebop S1 Ep7 | Heavy Metal Queen | 1998

  • Détour

    Détour

    Rappel de la dernière proposition :
    1 mètre de fil de fer devient sculpture.
    Tirer des lignes et dessiner dans l’espace en utilisant de nouvelles méthodes…

    Détournez le projet précédent. Imaginez que le fil prenne vie sous vos yeux et devienne la sculpture.
    Dans ce cas que montreriez-vous ?
    L’iPad mis à votre disposition vous permettra ici de réaliser un stopmotion de la scène imaginée.

    L’oral avec les élèves s’articule autour des questions se rapportant au parcours, parfois au détour, ou au processus créatif plutôt qu’à la sculpture finale.
    Dans quelle mesure la réalisation devient-elle le seul objet d’exposition ?
    Comment mettre en valeur le processus ? Qu’en est-il de sa perception a posteriori  ?
    En quoi les actions peuvent-elles être définies comme une œuvre d’art réelle ?

    Références artistiques possible :

    • Alexander CALDER, Le Cirque, 1926-1931, spectacle
    • Alexander CALDER, The Brass Family, 1929 (en bandeau)
    • Hans NAMUTH, Jackson Pollock: II. Jackson Pollock Peaks, 1951, 10 min
    • Henri-Georges CLOUZOT, Le mystère Picasso, 1955-56, 78 min
    • Joseph BEUYS, I like America and America likes Me, performance du 21 au 25 mai 1974, galerie René Block, New York
    • Peter FISCHLI et David WEISS, Le cours des choses (Der Lauf der Dinge), 1988, 30 min

    Questionnement(s) :

    • L’œuvre, l’espace, l’auteur, le spectateur : la présence matérielle de l’œuvre dans l’espace, la présentation de l’œuvre .

    Mettre en œuvre un projet artistique (D2, D3, D4, D5) :

    • Confronter intention et réalisation dans la conduite d’un projet pour l’adapter et le réorienter, s’assurer de la dimension artistique de celui-ci.

    S’exprimer, analyser sa pratique, celle de ses pairs, établir une relation avec celle des artistes, s’ouvrir à l’altérité (D1, D3, D5) :

    • Dire avec un vocabulaire approprié ce que l’on fait, ressent, imagine, observe, analyse ; s’exprimer pour soutenir des intentions artistiques ou une interprétation d’œuvre.
    • Établir des liens entre son propre travail, les œuvres rencontrées ou les démarches observées.
    • Expliciter la pratique individuelle ou collective, écouter et accepter les avis divers et contradictoires.

    Se repérer dans les domaines liés aux arts plastiques, être sensible aux questions de l’art (D1, D3, D5) :

    • Interroger et situer œuvres et démarches artistiques du point de vue de l’auteur et de celui du spectateur.

    D1 Les langages pour penser et communiquer – D2 Les méthodes et outils pour apprendre – D3 La formation de la personne et du citoyen – D4 Les systèmes naturels du monde et l’activité humaine – D5 Les représentations du monde et l’activité humaine

  • Je le vois ! je ne le vois plus !

    Je le vois ! je ne le vois plus !

    À partir d’un dessin personnel ou d’une image numérique libre de droit que vous aurez préalablement choisie sur Internet, créer une animation dans GIMP mettant en évidence l’effet d’apparition, de disparition et de mouvement sous-entendu dans la proposition : je le vois, je ne le vois plus !

    Références techniques proposées à propos de l’animation :

    • Planche de zootrope : jouet optique inventé en 1834 se fondant sur la persistance rétinienne et l’effet phi, le zootrope permet de donner l’illusion de mouvement d’un personnage dessiné.
    • Folioscope (1860) ou flipbook : petit livret de dessins ou de photographies qui représentent une scène en mouvement (par exemple, un personnage ou un animal). Feuilleté rapidement, un folioscope procure à l’œil l’illusion que le sujet représenté est en mouvement
    • Praxinoscope (1876) : jouet optique donnant l’illusion du mouvement et fonctionnant sur le principe de la compensation optique.
    • Dessin animé (1892) : un film d’animation consistant à communiquer aux spectateurs l’illusion du mouvement de personnages ou d’objets en enregistrant image par image une suite de dessins représentant les différentes phases de ce mouvement.
    • Stopmotion (1897) : technique d’animation utilisée avec des objets réels. Différents types d’objets sont utilisés à cette fin : des figurines articulées, des maquettes articulées, du papier plié, de la pâte à modeler, etc.
    • Pixilation : technique d’animation en volume, où des acteurs réels (ou des objets) sont filmés image par image.
    • Rotoscopie (1915) : technique cinématographique qui consiste à relever image par image les contours d’une figure filmée en prise de vue réelle pour en transcrire la forme et les actions dans un film d’animation. Ce procédé permet de reproduire avec réalisme la dynamique des mouvements des sujets filmés.
    • .gif (1987) : format d’image numérique couramment utilisé sur le web.

    Depuis le milieu des années 1990, l’Internet est un espace actif d’expérimentations artistiques. L’art en ligne utilise ainsi le réseau comme support de diffusion, mais aussi et surtout comme espace de création et d’existence même de l’œuvre. D’un point de vue technique, cette forme de pratique artistique implique l’infrastructure, les langages de programmation et les protocoles de l’Internet.
    L’art GIF est l’une des nombreuses formes de l’art numérique. La technologie du GIF animé de plus en plus avancée au fil des ans, une nouvelle génération d’artistes s’est concentrée sur l’expérimentation de son potentiel de présentation de la créativité sur le World Wide Web . L’accès grandissant à Internet a permis une médiation rapide et virale des créations, via des plateformes sociales telles que Tumblr et Giphy et d’être reconnus comme une nouvelle forme d’art. Les galeries d’art contemporain et des institutions comme le Museum of the Moving Image (New York) ont popularisé ces nombreux jeunes artistes et certaines de leur réalisations GIF en les exposant dans leurs galeries.
    Remarque : Certaines œuvres sont exposées sous forme d’images physiques imprimées lenticulaires.
    Source Wikipédia

    Références artistiques possibles :

    • Les Ambassadeurs, Hans HOLBEIN, 1533, peinture, 207 x 209 cm
    • Horse in Motion, Eadweard MUYBRIDGE, 1887, photographies
    • Les Pantomimes lumineuses, Émile REYNAUD, 1892
    • Escamotage d’une dame au théâtre Robert-Houdin, George MÉLIÈS, 2 min
    • La Linea, Osvaldo CAVANDOLI, 1971, 2 min 30
    • Viandes amoureuses, Jan ŠVANKMAJER, 1989, 1 min
    • Stil life, Sam TAYLOR-WOOD, 2001, 4 min
    • Hiding in the City, Liu BOLIN, 2005, série photographique (détail en bandeau)
    • Les GIF de Michaël BORRAS a.k.a Systaime et bien d’autres…

    Questionnement(s) :

    • La représentation ; images, réalité et fiction : la conception, la production et la diffusion de l’œuvre plastique à l’ère du numérique.

    Expérimenter, produire, créer (D1, D2, D4, D5) :

    • Choisir, mobiliser et adapter des langages et des moyens plastiques variés en fonction de leurs effets dans une intention artistique en restant attentif à l’inattendu.
    • Recourir à des outils numériques de captation et de réalisation à des fins de création artistique.

    Mettre en œuvre un projet artistique (D2, D3, D4, D5) :

    • Faire preuve d’autonomie, d’initiative, de responsabilité, d’engagement et d’esprit critique dans la conduite d’un projet artistique.

    D1 Les langages pour penser et communiquer – D2 Les méthodes et outils pour apprendre – D3 La formation de la personne et du citoyen – D4 Les systèmes naturels du monde et l’activité humaine – D5 Les représentations du monde et l’activité humaine

  • Ruban de Möbius

    Ruban de Möbius

    Möbius Strip, Bill Domonkos, 2016
    Source : http://billdomonkos.tumblr.com/
    Photo : Elaine during World War II – Collection of The Jewish Historical Society of Greater Hartford

    *Sculpture Ruban sans fin, version IV (1960) de Max BILL, Centre Pompidou, Paris

  • Bonne année 2016 !

    Bonne année 2016 !

  • C’est la rentrée

    C’est la rentrée

    Carolyn Jones alias Morticia Addams, The Addams Family, 1964-1966.

  • Au bord de la mer

    Au bord de la mer

    King Neptune’s Treasured Subjects, 1932, Disney Technicolor Cartoon

    *Photographie mise en avant d’Alexandra Karnasopoulos – pexels.com

  • Animated GIF

    Animated GIF

    Le Graphics Interchange Format, plus connu sous l’acronyme GIF est un format d’image numérique couramment utilisé sur le web.
    En 1989, le format GIF a été étendu (format GIF89a au lieu de GIF87a) pour permettre le stockage de plusieurs images dans un fichier. Ceci permet de créer des diaporamas, voire des animations si les images sont affichées à un rythme suffisamment soutenu. Chaque image d’une animation peut avoir sa propre palette, ce qui permet de créer des images contenant 16 777 215 couleurs simultanément, mais d’une taille non négligeable.
    Ce qui est intéressant à propos de ce format GIF, est la possibilité de créer ou d’éditer des animations pour le web facilement, comme les cinemagraphs. Il existe une multitude de logiciels d’animation (ex : The GIMP), dont plusieurs sont gratuits, permettant de sauvegarder en format GIF. Les logiciels d’animations permettent surtout de modifier la vitesse de défilement des images.

  • One Loop Portrait

    One Loop Portrait


    – https://instagram.com/romain_laurent