Papier découpé, effet d'animation image par image

Dans ce didacticiel, nous allons passer en revue les étapes utilisées pour créer un effet de découpe de papier animé à l'aide d'images animées apparaissant dans le clip vidéo de Mystery Jets que j'ai réalisé il y a quelques années. Nous aborderons les techniques d'optimisation de la résolution lors de la prise de vue sur un écran vert et l'utilisation d'effets après effets pour créer un aspect d'animation low-fi insolite.


Étape 1

Pour commencer, vous devrez filmer votre action sur un écran vert. Pour la vidéo originale, nous avons utilisé un studio grand écran vert avec un tapis roulant pour permettre à l'acteur de fonctionner à une vitesse constante. Pour les besoins de ce tutoriel, nous allons créer une version à petit budget de this (running_loop.mov fourni), ce qui, je pense, est tout aussi efficace.

Fixez solidement une grande feuille de papier ou de tissu de couleur vert vif et laissez-la s’incurver sur le sol pour que l’acteur puisse se tenir dessus. Tape-le pour qu'il ne puisse pas bouger.

Allumez l'écran vert avec trois lumières. Placez deux des lampes de part et d’autre de l’écran vert et dirigez-les vers l’arrière-plan pour l’éclairer aussi uniformément que possible. Placez la lumière restante à l'arrière et dirigez-la vers la caméra afin d'éliminer le plus d'ombre possible du sol..

Ne vous inquiétez pas trop pour allumer l'acteur car l'effet est essentiellement une silhouette de toute façon.


Étape 2

Inclinez la caméra à angle droit vers une orientation portrait ("inclinaison néerlandaise") afin que l’acteur remplisse autant que possible l’écran. Comme il sera masqué, cela nous donne une plus grande résolution de travail en poste; une pratique utile pour beaucoup de tournage d'effets spéciaux.

Au lieu d'utiliser un tapis roulant, l'acteur peut simplement courir sur place. Après quelques séances d’entraînement, commencez à filmer. Il est important de s’assurer que l’action de l’acteur est exagérée de manière à ce que l’effet final soit clairement visible. Ce que nous essayons de réaliser est une action en cours que nous pouvons boucler après environ une seconde..

Capturez votre métrage et nommez votre fichier de manière appropriée (j'ai appelé le mien). running_loop.mov)


Étape 3

Ensuite, nous devons bousiller du papier et le scanner.

Nous voulons une belle texture de papier pour notre coureur animé. Visser 13 morceaux de papier différents puis les aplatir. Ils devraient maintenant avoir une belle texture ridée.

Utilisez un scanner pour les numériser individuellement dans votre ordinateur à haute résolution (1920 x 1080px, 72 dpi le fera). Il est bon d’utiliser une feuille différente pour chaque numérisation afin d’obtenir une texture différente à chaque fois (j’ai utilisé de vieilles enveloppes).


Étape 4

Nommez les fichiers paper_animation_01.jpg à travers paper_animation_13.jpg.

Pour pouvoir les importer ultérieurement en tant que séquence d'images, il est important que ces fichiers image soient tous stockés ensemble dans le même dossier et numérotés en tant que séquence (01-13)..


Étape 5

Nous voulons aussi créer le fond. Numérisez dans un autre morceau de papier à la même résolution. Pour obtenir un bon contraste, assurez-vous que la texture est un peu différente des précédentes..

La toile de fond d'une véritable animation image par image serait rarement falsifiée. Par conséquent, l'effet sera plus convaincant si la texture de notre papier toile de fond est assez plate plutôt que ridée..

Enregistrez le fichier image sous background.jpg.


Étape 6

Configurez votre projet After Effects.

Ouvrez After Effects et importez votre métrage d'écran vert et votre image d'arrière-plan (sélectionnez Fichier> Importer> Fichier et sélectionnez les fichiers de leur dossier). Assurez-vous que le Importer en tant que est réglé sur Métrage.


Étape 7

Importez le papier vissé sous forme de séquence d'images (sélectionnez Fichier> Importer> Fichier et sélectionnez paper_01.jpg et assurez-vous de vérifier la Séquence JPEG case à cocher au bas de la fenêtre d'importation).

Enregistrez votre projet After Effects (sélectionnez Fichier> Enregistrer sous) comme Animation en cours


Étape 8

Créer une nouvelle composition (sélectionnez Composition> Nouvelle composition), renommez-le Principale et sélectionnez le approprié Préréglé dans le menu déroulant (dans ce cas, TVHD 1080 25). Changer la Couleur de fond au blanc. presse D'accord.


Étape 9

Faites glisser votre métrage depuis le Projet panneau dans le Principale composition.
Comme nous avons filmé le film avec une orientation inclinée, nous devons corriger cela. Sélectionnez le calque métrage et appuyez sur R. le Rotation les propriétés vont tomber. Ajuste le Rotation mise à 90.0? et l'acteur devrait maintenant se tenir debout. Vous devrez peut-être aussi ajuster la Échelle (presse S) et / ou Position (presse P).


Étape 10

Nous devons trouver des points de boucle de l'acteur à partir des images de l'écran vert.

Pour trouver un point de boucle en regardant la position des bras et des jambes. Sélectionnez le calque et coupez le métrage. Utilisation Alt + [ à Réduire En point et Alt +] à Trim Out Point. le En point et Point de sortie les images de la séquence doivent être aussi similaires que possible.
Faites glisser le Indicateur de l'heure actuelle au début de la chronologie et définir En point ([ ) pour décaler le début de votre boucle au début de la timeline.

Définissez la zone de travail sur la durée du métrage (Windows: Ctrl + Alt + B ou Mac: яCommande + Alt + B).


Étape 11

Sélectionnez le running_loop.mov couche et touchez l'écran vert en utilisant Keylight (sélectionner Effet> Manipulation> Keylight). dans le Contrôle des effets panneau, en utilisant la pipette (de la Couleur de l'écran option), sélectionnez la couleur de l’écran vert dans le Aperçu de la composition panneau. Retour dans le Effet du panneau Contrôles Keylight, déposer le Écran mat option et ajuster le Clip Noir et Clip Blanc paramètres pour ajuster votre clé autour de l'acteur.


Étape 12

Sélectionnez le Outil stylo dans la barre d’outils située en haut pour masquer le vert qui reste sur les bords du cadre. Avec le Outil stylo sélectionné, dessinez une forme simple et fermée autour de l'acteur.
Vous devriez maintenant avoir isolé votre acteur.


Étape 13

Les animateurs image par image peuvent souvent utiliser? Deux? (doubler les images pour gagner du temps) et la position des objets animés peut souvent se déplacer avec de charmantes imperfections. Nous voulons recréer ces qualités pour vendre dans le look stop-frame.

Il est assez simple de créer l'effet de cadre doublé. Sélectionnez votre running_loop.mov couche, puis sélectionnez le Postériser le temps effet (Effet> Temps> Temps de postérisation). dans le Postériser le temps options dans le Contrôle des effets panneau, ajustez simplement le Taux de trame à 12.5.


Étape 14

Afin de réaliser le mouvement d'arrêt «en mouvement», nous nous tournerons vers le Wiggler (sélectionner Fenêtre> Wiggler).
Nous voulons ajuster les deux Position et Rotation.
Nous commencerons par Position.

Dans votre chronologie, sélectionnez le Running_loop.mov couche et presse je passer à la première image.


Étape 15

presse P révéler le Position propriétés et cliquez sur le Chronomètre icône pour insérer votre première image clé.
presse O passer à la Point de sortie et insérez une autre image clé en appuyant sur Alt + Maj + P. Cliquez sur le nom de la propriété (Position) pour sélectionner les deux images clés.


Étape 16

dans le Wiggler panneau ajuster le La fréquence à 12.5 et changer le Ordre de grandeur quelque part 30 (Plus ce nombre est élevé, plus notre acteur sautera à l'écran). Ceci synchronisera le Position mouvement avec le nouveau taux de trame.

Ensuite, sélectionnez Tous indépendamment du Dimensions les options déroulantes et cliquez sur le Appliquer bouton.
De nouvelles images clés seront automatiquement créées. Par défaut, le Position animera entre ces images clés.


Étape 17

Pour obtenir ce style "image arrêtée", nous devons nous assurer que chaque image a été photographiée individuellement. Assurez-vous que tous les Position les images clés sont sélectionnées (cliquez donc sur le nom de la propriété pour le faire), clic-droit sur tout Position image clé et sélectionnez Bascule le maintien de l'image clé.
Nous avons maintenant stop-frame effectué la position.


Étape 18

Répétez ce même processus (Étapes 15-17) pour le Rotation propriétés, mais utilisez simplement le raccourci R dans le lieu de P (par exemple, appuyez sur Alt + Maj + R insérer une image clé) et ajuster le Wiggler Ordre de grandeur quelque part 5 (comme maintenant nous travaillons en degrés et non en position). En outre, vous n'avez pas à vous soucier de la Dimensions menu déroulant car cela est hors de propos pour Rotation.


Étape 19

Nous devons modifier le taux de trame de la séquence d'images pour qu'il soit identique au reste du projet. dans le Projet panneau, faites un clic droit sur la séquence d'images et sélectionnez Interpréter des images> Main. le Interpréter des séquences fenêtre va s'ouvrir et sous la Taux de trame section, ajustez la Assume ce cadre propriété à 12.5 images par seconde. Et cliquez D'accord.


Étape 20

Faites glisser votre paper_animation séquence d'images du Projet panneau sur votre Principale calendrier de composition et placez-le en dessous de la running_loop.mov couche. Clique sur le Interrupteurs / modes à bascule bouton en bas de l'écran pour révéler le Track Matte (TrkMat) option. Clique sur le TrkMat menu déroulant sur le paper_animation couche et sélectionnez le Alpha Matte option.
Votre texture de papier devrait maintenant être découpée dans la forme de l'acteur.


Étape 21

Pour accentuer l'aspect du papier découpé, sélectionnez le running_loop.mov couche et dans le Keylight contrôles dans le Effets panneau, augmenter le Écran rétrécir / grandir possibilité de rendre la matte un peu plus «grosse». Cela donnera l’impression qu’il a été découpé un peu moins précisément et améliore l’effet.


Étape 22

Dans la chronologie, clic-droit sur le paper_animation couche de séquence d'images et sélectionnez Styles de calque> Ombre portée. Cela créera l’effet que l’animation papier est légèrement levée de l’arrière-plan..


Étape 23

dans le Projet sélection du panneau background.jpg et faites-le glisser dans la timeline (sous les deux autres calques). Utilisez le Wiggler encore pour animer le Rotation et Position de la même manière que vous avez fait pour le running_loop.mov couche (Étapes 15-17), mais cette fois, soyez beaucoup plus subtile avec votre Ordre de grandeur (entre 0,2 et 1). Vous devriez également augmenter le Échelle de cette couche légèrement à environ 101%.


Étape 24

Créé un Couche d'ajustement (sélectionner Couche> Nouveau> Couche de réglage) et ajoutez le Le contraste de luminosité effet (sélectionnez Effet> Correction de la couleur> Luminosité et contraste).


Étape 25

Utilisez le même processus que nous avons utilisé dans Étapes 15-17 mais cette fois en ajoutant des images clés à la Luminosité propriétés du Couche d'ajustement au lieu de Position ou Rotation Propriétés. Pour le Magnitude Wiggler Je suggérerais quelque chose autour 5.


Image finale

Votre effet d'animation image par image est maintenant terminé. Cela devrait ressembler à l'image ci-dessous. Vous pouvez mettre en boucle le métrage dans un package de montage pour créer un effet de diaphragme constant.