L'Effet Matrix, connu du film culte, est un style fascinant pour créer un look numérique et futuriste. Avec Photoshop, tu peux non seulement reproduire le code vert iconique, mais aussi l'animer pour donner à tes créations une touche dynamique et vivante. Dans ce tutoriel, je vais te montrer étape par étape comment créer et animer l'effet Matrix - parfait pour les vidéos, les sites web ou les projets créatifs. Plongeons ensemble dans le monde de l'esthétique digitale!
Étape 1:
Tout d'abord, je crée un nouveau document; la taille importe peu. Je choisis une taille très petite de 800x600 pixels. Si tu veux imprimer cet effet, il faut changer l'unité de pixels en cm et la résolution de 72 à 300 pixels/pouce.
Étape 2:
Maintenant, j'ouvre un fichier image dans l'éditeur (de préférence un fichier image très petit, sinon l'ouverture prendra trop de temps) et j'y copie environ 2 pages de charabia.
Étape 3:
Ensuite, je colle mon texte copié dans un calque de texte avec par exemple la police Courier en taille 10 Pt en couleur verte. Le calque d'arrière-plan doit être noir.
Étape 4:
Je change maintenant la direction du texte en cliquant sur le symbole correspondant en haut à gauche.
Étape 5:
Pour ne plus voir tous les caractères ou que certains soient à peine visibles, je crée un masque et j'applique le filtre Nuages de différences en noir/blanc dans le menu Filter > Render Filter. J'appuie sur Ctrl+F pour répéter cela jusqu'à ce que je sois satisfait. J'ai dupliqué rapidement le calque de texte avant d'appliquer les Nuages de différences et je l'ai masqué.
Étape 6:
Avec la corrrection des niveaux (Ctrl+L), je peux mettre davantage en valeur les caractères en déplaçant le curseur du milieu.
Étape 7:
J'ajoute maintenant à mon calque de texte un effet de lueur externe. Pour cela, je clique avec le bouton droit sur mon calque de texte dans le panneau des calques, puis je sélectionne Options de fusion.
Étape 8:
Je peux maintenant réafficher le calque de texte supérieur et masquer le deuxième pour le moment. Ensuite, j'inverse le masque de calque avec Ctrl+I (il faut activer le masque en le cliquant d'abord), de sorte qu'il soit complètement noir. Ensuite, je prends un pinceau de taille par exemple 6 pixels, assez doux. Maintenant, je peux tracer des lignes droites en maintenant la touche Majuscule. Cependant, il faut également relâcher la touche Majuscule après avoir tracé la ligne et cliquer une fois à un autre endroit avant de redessiner la ligne en maintenant Majuscule.
Étape 9:
Je répète cela plusieurs fois dans toute l'image, puis j'augmente l'opacité de l'effet de calque lueur externe.
Étape 10:
Ensuite, je réaffiche tous les calques. Le résultat est déjà très bon.
Étape 11:
Maintenant, je veux montrer comment j'utilise l'effet pour l'animer. J'ouvre mon panneau d'animation sous Menu>Fenêtre et j'agrandis le calque de texte inférieur.
Étape 12:
Ensuite, j'ouvre le calque dans le panneau d'animation et je clique sur l'horloge à côté de Position. Cela crée une image-clé qui enregistre la position actuelle de mon calque de texte.
Étape 13:
Lorsque je déplace le curseur de la timeline à 05:00 par exemple, une nouvelle image-clé est automatiquement créée. Ensuite, je déplace considérablement mon calque de texte vers le bas à l'aide de l'outil de déplacement. Et voilà, mon petit animation est prête. Si je veux que tous les calques de texte se déplacent ensemble, je peux regrouper tous les calques dans le panneau des calques et les fusionner en un objet intelligent. Ensuite, je laisse simplement bouger l'objet intelligent.
Étape 14:
Comme la lecture dans Photoshop est très saccadée pour moi, je l'exporte directement sous Fichier>Exporter>Rendu vidéo en tant que film QuickTime. Vous pouvez regarder l'animation terminée ici.
Étape 15:
Pour conclure le tutoriel, je vais vous montrer comment intégrer une photo dans l'effet matriciel. Je vais insérer une photo de mon choix.
Étape 16:
Il suffit de changer le mode de remplissage en Obscurcir, et les lettres seront claires là où les pixels de l'image sont clairs.
Étape 17:
Je peux déplacer la photo à tout moment, et les caractères de texte s'adapteront automatiquement.
Étape 18:
En déplaçant le calque de la photo tout en haut de la hiérarchie des calques, le résultat est le suivant:
Étape 19:
Avec la méthode de remplissage Assombrir, le résultat est le suivant:
Étape 20:
Génial: je peux même copier la photo dans le presse-papiers, puis en appuyant sur la touche Alt et en cliquant dans le masque de calque du texte avec un clic, je peux utiliser ma photo en tant que masque de calque avec Ctrl+V.
Étape 21:
Ou je peux convertir mon calque de texte en un objet intelligent, puis appliquer un flou que je fais disparaître à certains endroits avec le masque d'objet intelligent.
Étape 22:
Astuce: je peux également simplement dupliquer mon calque de texte le plus bas, le déplacer tout en haut, puis par exemple réduire la taille de police de 10 à 8. Ensuite, je réduis l'opacité à environ 17 %, et l'effet est encore plus cool.
Étape 23:
Le résultat chez moi ressemble à ceci, où j'ai simplement levé le masque de calque supérieur en appuyant sur la touche Shift:
