Obtenir un look de microfilm

Ce tutoriel couvre une technique permettant de créer une machine à microfilm par étapes. Il commence par rechercher et analyser les références, puis continue à collecter les matériaux sources, à animer les différents attributs et à donner à la composition un aspect final soigné. Cela peut être utile comme style d'animation ou pour le rendu du contenu pour le remplacement d'écran dans les films ou la télévision..


Étape 1

La première chose que vous faites pour un projet comme celui-ci est de rechercher une référence sur l’écran de la machine à microfilm. Je suis allé à la bibliothèque la plus proche et j'ai pris quelques photos des machines à microfilms. De cette façon, vous pouvez commencer à réfléchir aux différentes fonctionnalités qui composent le "Regardez" de cet écran.

Avec les références, vous pouvez clairement voir une dominante jaunâtre sur tout, un effet de vignettage puissant mais inégal, avec un ton rougeâtre dans le coin supérieur droit, passant à un ton verdâtre aux autres coins. Pour la texture, il y a beaucoup de poussière, grain, petits poils et restes de scotch et de pâte.



Étape 2

Ensuite, recherchons des références sur la façon dont la machine se déplace. Ici, j'ai une petite vidéo de référence sur le fonctionnement de la machine; Il y a un contrôle manuel sur l'axe des x / y par rapport à l'image et la rotation au centre de l'écran. Il existe également un contrôle manuel sur la mise au point. Le zoom est mécanique et multiplie le mouvement entré. Enfin, il y a un contrôle de défilement qui passe rapidement à travers le rouleau de microfilms.



Étape 3

Maintenant, démarrez dans photoshop. Créez une plaque propre de l'arrière-plan en clonant et en guérissant l'une des images de référence. Vous pouvez trouver le fichier de référence "ReferenceScreen.jpg" dans le dossier elements.



Étape 4

Après cela, reconstruisez les différents éléments de superposition, les grilles et les nombres en utilisant les outils de votre choix. Nous avons maintenant séparé les calques pour l'arrière-plan et les superpositions de l'écran de la machine. Vous pouvez trouver le fichier de photoshop fini "screen.psd" dans le dossier elements. Assurez-vous de vous retrouver avec un fichier photoshop contenant uniquement les calques de superposition et d'arrière-plan et nommez-les ainsi..



Étape 5

Obtenez des matériaux de texture. Comme vous l'avez vu, il y a de la saleté, de la poussière, des poils, du scotch et ce genre de textures tout autour de notre écran. Utilisez votre scanner et soyez créatif avec. Dans le dossier des éléments, vous trouverez une séquence de fichiers nommée "TransparentElement09" qui peut s'avérer utile si vous n'avez pas de scanner à proximité..



Étape 6

C'est une étape de bonus que vous n'avez pas à parcourir. Vous devriez trouver des artefacts caractéristiques de ce média particulier (comme les contre-leaders universels de films). Comme les machines de microfilm sont généralement des scanners, vous pouvez facilement récupérer ces artefacts pour votre usage. Vous pouvez trouver ceux que j'ai trouvés nommés "otherArtifacts" dans le dossier elements.



Étape 7

Après tant de préparation, passons aux choses sérieuses. Chargez votre matériel dans After Effects, ainsi que le contenu que vous souhaitez y insérer. N'oubliez pas d'importer le fichier Photoshop de l'écran en tant que composition pour conserver les calques..

Assurez-vous de définir le projet sur 16 bits, ce qui nous évitera les effets de bandes car cette apparence dépend beaucoup de l'utilisation de dégradés de couleurs différents. Commencez avec une composition, j'aime utiliser le Grand pixel carré NTSC D1 préréglé. Nommez le calque 'Base' et faites-le durer 10 secondes à 24 ips.



Étape 8

Dans cette composition de base, nous allons faire un diagramme pour l'image que nous voulons voir dans notre machine. Vous pouvez lui donner un aspect de journal en utilisant différents gros titres, extraits de taille moyenne et petits paragraphes..

Je vais faire ce diagramme sur fond blanc sur fond noir pour voir facilement tous les éléments de texture plus tard. Donc, inversez les images que vous mettez si nécessaire et rendez-les en niveaux de gris. Correction des couleurs> Le mélangeur de canaux est mon option préférée pour le nivellement des gris.

Je vais remplir les paragraphes avec lipsum et le faire ressembler un peu à une page de journal.



Étape 9

Utilisez les éléments transparents, inversez-les et placez-les autour en utilisant le mode de fusion "écran". Utilisez des niveaux et des masques si nécessaire pour vous assurer qu'ils ne laissent pas leurs frontières. Vous pouvez également utiliser l'outil Forme pour tracer des lignes afin de séparer les blocs de texte. Imitez le look des journaux comme vous le sentez mieux et ajoutez beaucoup de texture en pensant que c'est la texture du film. La texture de la machine vient plus tard.



Étape 10

Activez le flou de mouvement de chaque calque (nous utiliserons la fonctionnalité de transformation d’effondrement ultérieurement). Ajoutez un calque de réglage avec un effet de flou de boîte avec un rayon défini sur 0,5. Cela adoucit un peu le tout pour le rendre moins numérique. Maintenant, nous pouvons tout précomposer en le nommant "film" et commençons à animer.



Étape 11

D'abord animer les traductions. La machine a un toucher très mécanique qui est affecté par la précision des mains de son utilisateur. Il est généralement déplacé dans un axe à la fois, avec des mouvements très vifs, toujours en retrait (réglage) pour ajuster la position de l'image.

C’est la distribution des images clés que j’ai utilisée. Vous pouvez voir clairement dans la trajectoire de mouvement que l’image se déplace rapidement horizontalement ou verticalement, se repositionne et revient à sa position précédente. Observez la référence de mouvement et vérifiez comment elle se déplace sur les axes x et y par rapport à l'image. Essayez d’imiter ce comportement du mieux que vous pouvez..



Étape 12

Ajoutez un null par défaut et nommez-le "Rotation", faites du film une composition de ce null et animez la rotation de la même manière que la traduction. Mouvements rapides et longs repos. J'ai fait les rotations entre -45 et 13 degrés. Notez que toutes les rotations sont relatives au centre de l'écran et totalement indépendantes des traductions du film.



Étape 13

Maintenant que nous avons l'animation du film, insérez l'image "otherArtifacts01.png" dans la composition; il s’agit du bord supérieur de la machine, visible lorsque l’image s’effondre. Il se déplace avec l'image au fur et à mesure qu'il monte et descend mais ne défile pas latéralement car il est fixé dans la machine.

Créez l'enfant de l'artefact du calque que nous venons d'animer, redimensionnez-le jusqu'à ce qu'il s'intègre horizontalement dans la composition et utilisez l'expression. [-thisComp.layer ("film"). transform.position [0] + 872/2, -190,9] pour inverser le mouvement horizontal de l'autre couche en conservant l'animation verticale.



Étape 14

Activez les commutateurs de flou de mouvement pour toutes les couches. Nous pouvons maintenant commencer à voir à quoi ressemble notre machine en mouvement. Maintenant, nous pouvons aussi animer le zoom de la couche.

Ajouter un nouveau null et nommez-le "Zoom" et attribuez à la rotation la valeur null à celle-ci. Animer la balance de la même manière que nous avons animé les autres attributs, j'ai animé mon zoom entre 100% et 200%. Rappelez-vous que tout ira mieux si vous animez les différents attributs selon un timing différent, de sorte que cela aura l'air plus mécanique..



Étape 15

A ce moment, votre animation doit être plutôt cool, commençons par le look. Ajoutez un solide noir derrière tout pour vous assurer que les couches que vous allez empiler affectent tout ce qui se trouve en dessous..

Ajoutez maintenant un calque de réglage avec un effet canal / inversion au dessus de la composition préalable du film pour le rendre positif. Nommez-le "Inverser"



Étape 16

Ajoutez le calque de fond de notre psd à la composition, utilisez-le pour obtenir les couleurs que nous allons ajouter à la composition. Utilisez deux nuances de vert, un rouge foncé, un jaune moyen et un jaune clair. Créez un solide pour chaque couleur et ajustez le ton comme vous le souhaitez.

Triez-les avec le plus sombre en bas et le plus clair en haut.



Étape 17

Nous allons maintenant assigner des masques et des modes de fusion à chacun de nos calques solides. De bas en haut, le plus sombre, avec le mode de fusion multiple.



Étape 18

Idem avec le prochain solide, cette fois en utilisant le mode de fusion des teintes et les réglages de ce masque.



Étape 19

Maintenant, en utilisant le mode de fusion plus sombre.



Étape 20

Le premier jaune avec superposition



Étape 21

Et le dernier avec lumière linéaire.



Étape 22

Ajoutez la couche de superposition de notre fichier screen.psd. positionnez-le comme vous le souhaitez dans notre composition. Ajouter un Perspective / Ombre portée effet et réglez l’ombre sur une lumière jaune, avec une opacité très légère. Maintenant, ajoutez un flou de corps avec 1,2 rayon pour adoucir la superposition et mélangez-le un peu plus.



Étape 23

Ajoutez le fichier otherArtifacts07 à la composition. Ce sera la poussière et les poils de l'objectif de notre machine. Vous pouvez également utiliser un cadre de film encombré de documents numérisés au format 35mm pour obtenir un résultat agréable. Configurez-le pour multiplier le mode de fusion et placez-le juste en dessous de la grille..



Étape 24

Rendons toute l'animation un peu plus nerveuse. Tout d’abord, tournez tous les calques sauf le calque de réglage inverse en calques 3D. Positionnez-les sur l'axe z en gardant à l'esprit la séparation qu'ils auraient dans la vie réelle en maintenant la position Z de la couche de film sur 0.

Créez un nouveau null et nommez-le jitter. Parent tous les calques non appariés à l'exception du calque de réglage. En utilisant l'expression wiggle, le wiggler ou les données de suivi de tremblement de la caméra stockées font légèrement bouger les calques avec l'animation de position du calque Jitter..



Étape 25

Temps pour les finitions. Si vous avez visionné les références vidéo, vous avez probablement remarqué une augmentation significative de la quantité de lumière affichée par la machine lors du zoom avant. Pour simuler cela, nous allons associer aux expressions le calque jaune le plus clair de l'échelle du zoom nul. Prendre l'opacité du calque jaune et y ajouter cette expression thisComp.layer ("Zoom"). transform.scale [0] / 2 de sorte que le calque présente une opacité de 50% lorsque nous sommes au zoom 100% et un 100% lorsque nous sommes au zoom 200%. Vous pouvez dupliquer le calque jaune pour accentuer cet effet et expérimenter des modes de fusion pour l'adapter au look que vous préférez..

Vous pouvez également ajouter un solide noir avec un masque de vignette avec la même expression pour assombrir les bords et obtenir plus de contraste..



Étape 26

Nous allons ajouter un peu de flou sur la machine. Ajoutez un nouveau calque de réglage juste en dessous du calque otherArtifacts07 (le calque de poussière de la machine). Nommez ce calque "flou" et ajoutez un utilité / limites de croissance effectuer avec une valeur de 30 pixels. Cela nous aidera à estomper tout ce qui est en dessous sans ajouter de nouvelles couleurs sur les bordures. Ajoutez ensuite un effet Lens Blur au calque et animez le rayon de son iris de la même manière que nous avons animé tous les autres attributs..



Étape 27

Pour contrebalancer le flou dans la couche de film, nous pouvons appliquer la quantité de flou inverse à la couche de flou de la machine. Ajoutez un effet de flou d'objectif à la couche otherArtifacts07 et ajoutez le rayon de l'iris à cette expression. 30-thisComp.layer ("blur"). Effect ("Lens Blur") ("Iris Radius"). De cette façon, le film et la poussière de la machine auront l’impression de se trouver sur différents plans focaux de l’objectif de la machine..



Étape 28

Pour un détail agréable, ajoutons un peu de mise à l’échelle liée au flou, comme un objectif réel qui zoome un peu lorsque la mise au point change. Dans la couche de rotation Null, ajoutez l'expression $ temp = 100 + thisComp.layer ("blur"). effect ("Lens Blur") ("Iris Radius") / 5;
[$ temp, $ temp]
au canal d'échelle.

Cette expression donne une échelle de 100% plus un montant donné par le changement de focus divisé par 5, pour les axes x et y.



Étape 29

Ajoutons enfin un grain à la composition en ajoutant un calque noir avec bruit et grain / bruit réglé à 100% sans bruit de couleur et un Flou de boîte avec rayon de flou 1. Ajoutez un masque elliptique en double-cliquant sur l'icône du masque elliptique et réglez son mode sur Soustraction de 500 pixels de contour..

Cette expression donne à l'échelle 100% plus un montant donné par le changement de focus divisé par 5, pour les axes x et y.



La fin

Pour ajouter un aspect inversé aux éléments, vous pouvez animer l'opacité du calque inversé et ajouter des éclairs jaune clair à la composition en créant un calque jaune clair, en définissant le mode de fusion de manière à ajouter et animer l'opacité de 0 à 30, puis à 0 5 ou 6 images.

Et voilà. Tournez le commutateur de transformations Réduire du calque de film pour conserver ses détails et restituer la composition au format de votre choix. Outre ce que vous avez vu ici, vous pouvez ajouter des textures ou des mouvements que vous trouvez sympas. De plus, vous pouvez utiliser des séquences d'archives de films pour donner à l'ensemble un aspect plus analogique (astuce: le grain est beaucoup plus joli s'il provient d'une séquence d'archives d'une carte grise). Vous pouvez également utiliser des images d'archives pour donner plus de vie à votre journal. Vous pouvez aller plus loin en animant le contenu du film ou en le transformant en une composition 3D complète, en lui donnant l'aspect d'une machine à microfilm futuriste qui navigue dans le style 3D des données… ou à quoi que vous puissiez penser..


J'espère vraiment que vous avez apprécié ce tutoriel, toutes les suggestions ou questions sont les bienvenues. Merci beaucoup pour votre attention.