InkStitch - broder des animations image par image

De EduTech Wiki
Aller à la navigation Aller à la recherche

Cet article est une ébauche à compléter. Une ébauche est une entrée ayant un contenu (très) maigre et qui a donc besoin d'un auteur.

Cet article va détailler comment créer des animations image par image simples avec Ink/Stitch.

Introduction

On s'inspirera de deux techniques:

(1) Le dessin animé qui utilise une technique image par image.

(2) L'animation en volume Selon le Larousse, la stop motion est une "Technique d’enregistrement utilisée dans le cinéma d’animation, qui consiste à mettre en mouvement une série d’images fixes par le déplacement imperceptible, à chaque prise de vues, des objets ou des personnages présents dans la scène. (On dit aussi animation en volume ou animation image par image.)" Selon Wikipedia, "L'animation en volume (également désignée par le terme anglais stop motion) est une technique d'animation utilisée avec des objets réels, dotés de volume. Alors que les objets sont immobiles en eux-mêmes, cette technique permet de créer l'illusion qu'ils sont dotés d'un mouvement naturel. 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"

Guide de tutoriels de broderie machine
Module: InkStitch
brouillon débutant
2022/02/25
Prérequis
Objectifs
  • Créer une simple animation image par image
Autres pages du module
Catégorie: InkStitch


L'animation image par image

Le principe de l'animation image par image est assez simple.

  • On affiche une séquence d'images légèrement modifiées
  • Pour obtenir un effet animation, on affiche entre 2 et 24 images par seconde. a partir de 12 images/seconde on obtient une animation relativement fluide.

Il faut distinguer entre l'image que l'on prend en photo et les images qui composent le film. Dans la suite on utilisera le mot Anglais "frame" pour les composants d'un film. Par exemple, dans une animation qui dure une 1 seconde et qui ne comprend qu'une seule modification on peut afficher sur l'écran la première image pendant 8 frames (1/2 seconde) et la 2è image pendant 8 frames dans un film qui dure une seconde et qui a un frame rate de 16).

C'est la base des dessins animés traditionnels. Cette technique est aussi utilisée dans l'animation multimédia, notamment pour créer des mouvements répétitifs (voir aussi: Flash CS4 - Animation image par image).

Créer les images de broderie

Pour simplifier le projet on brodera l'ensemble des images en une seule fois, avec un cadre large qui contient 15 images, ce qui nous fait un film très court.

On propose un scénario très simple:

  • Un coeur qui se crée
  • Une flèche qui arrive
  • Un peu de sang qui coule

On utilisera d'autres éléments que la broderie

Procédure:

Etape 1: Définir la taille du cadre

  • Dans InkScape définir la taille du document selon votre cadre
  • Fichier->Propriétés du document
  • Pour notre Brother PR1050X: Largeur = 360mm, Hauteur = 200mm (bien définir l'unité en mm !)

Etape 2: Diviser l'espace en petits carrés

  • Dessiner un carré de 6x6cm (adaptez à vos besoin), ensuite le transformer en chemin (chemin->Objet en chemin)
  • Créer un pavé qui remplit le cadre (Edition -> cloner -> Créer un pavage de clones): On conseille de mettre un peu d'espacement entre les carrés. Utilisez l'onglet "Translation" et adaptez.
Création d'un pavé
  • N'oubliez pas de supprimer la copie superposé sur l'original (sinon vous allez broder deux lignes)

Etape 3: Créer la première image

  • Pour obtenir une animation il faut commencer par un dessin, qu'on modifie progressivement. On peu ajouter ou enlever un élément, déformer le dessin ou encore bouger le dessin. Pour comment on suggère de ne faire qu'une chose à la fois.
  • On commence par importer un coeur (Fichier->Importer).
  • Vérouiller les dimensions dans la barre du haut et L = 20
  • Centrer par rapport au cadre (Objet->Aligner et distribuer): Sélection le cœur et le cadre, choisir "objet le plus grand", cliquer aligner horizontalement et verticalement.
  • Enlever le fond et mettre un contour en rouge, largeur environ 0.4mm (double épaisseur d'un fil de broderie)
  • Mettre le contour en pointillé et paramétrer avec un point droit répété ou point triple.
Premier dessin/motif centré par rapport au cadre

Etape 4: Créer les images suivantes

  • Dupliquer le coeur de l'image 1
  • Le bouger vers le frame 2 et le centrer
  • Ensuite, apporter une modification, par exemple dupliquer de nouveau et dilater (CTRL-D)
  • Et, ainsi de suite.

Comme on va devoir photographier toutes ces images, il n'est grave s'il faut intercaler des images supplémentaires pour obtenir un meilleur effet d'animation. On pourra les broder dans un nouveau fichier.

Voici le résultat brodé de notre test:

Séquence d'animation brodée

Etape 4: Optimisation

Il faudrait optimiser les objets de broderie, surtout pour faciliter le brodage avec une familiale

On suggère de mettre les cadres dans un groupe et de trier l'ordre de brodage (extensions->Ink/Stitch/Edition/Réemplier les objets) et éventuellement ajouter une coupe de fil. Ensuite faire pareil pour les contenus.

Etape 5: Simulation

  • Il est possible d'exporter carré par carré en PNG pour tester une petite simulation
  • Sélectionner un carré, puis Exporter au format PNG. Cocher Sélection dans "Zone à exporter". Attention: Veillez à donner un nom de fichier progressif, par exg img1, img2, img3.
  • En principe on ne peut pas importer des images en *png, mais cela a marché. Voir le logiciel utilisé ci-dessous.

Créer un film avec qStopMotion

qStopMotion est un petit logiciel qui permet de créer des films de type Stop Motion, y compris des animations images par image à partir d'images. Ce logiciel se plante souvent (à la fois sous Ubuntu et sous windows, mais on y arrive ...)

  • Pour ajouter un ensemble d'images utilisez "Add Frames" dans le menu "Edit". Insert frames ne semble pas bien marcher.
Importation dans qStopMotion

Une fois importé les images, vous pouvez vérifier la séquence, puis exporter

Paramètres d'exportation

Paramètres de qStopMotion

Il faut régler 2-3 choses dans les préférences:

  • Frame rate. On a fini par choisir 4 frames
  • Fichier de sortie de la video
  • Méthode d'encodage
  • Taille

Voici "the" movie Fichier:Amour-the-movie.webm

Liens

Concepts

  • Persistence of vision (Wikipedia). Explique quelques principes physiologiques et psychologiques
  • Stop Motion (wikipedia)

Tutos

Logiciels

  • GIMP-GAP
    Sous Ubuntu: sudo apt install gimp-gap