All Articles After Effects
Displacement Mapping dans After Effects: les bases
Richard Lainhart on Wed, October 12th | 1 comments
Displacement Mapping might sound like a concept from a Sci-Fi novel, but in After Effects you can use it to create interesting distortion techniques right now! Richard Lainhart maps out the basics.

Displacement mapping est une des techniques les moins connus dans Adobe After Effects qui permet de créer toutes sortes d'effets de distorsion fascinante et pratique avec vos images. Dans ce tutoriel, nous allons présenter les bases de la cartographie des déplacements et de vous montrer comment démarrer avec elle.


Etape 1 - Mettre dans la composition

Nous allons travailler avec deux éléments simples: notre logo et quelques images macProVideo.com stock de l'eau clapotant piscine. L'idée ici est de créer l'illusion du logo peint sur le fond de la piscine et d'être déformée par le mouvement de l'eau, tout comme il serait dans la vraie vie. Ainsi, après avoir importé les fichiers logo et images dans un nouveau projet, commencez par créer une nouvelle composition de la taille et la longueur des séquences de piscine par simple glisser le clip images d'eau sur la 'Création d'une nouvelle composition "bouton au fond du projet fenêtre:

the 'Create A New Composition' button


Étape 2 - Ajouter le logo

Ensuite, nous voulons simplement déposer le logo macProVideo.com (qui je vous ai préparé avec un canal alpha il a donc un fond transparent) sur le dessus de la couche d'eau dans la composition Piscine et centre, soit en le faisant glisser directement dans le Comp fenêtre, ou dans la fenêtre de calque dans le scénario.

mPV logo on top of the water layer


Étape 3 - Appliquer un mode de fusion pour le logo

À ce point, le logo ne ressemble pas à ce sous-marin, mais plutôt flottant à la surface de l'eau. Alors, la prochaine, nous allons appliquer un mode de fusion sur le logo afin qu'il interagit avec l'image de l'eau et ressemble c'est au fond de la piscine. Lorsque vous appliquez un mode de fusion à un calque, les pixels de cette couche d'interagir avec les pixels de la couche immédiatement au-dessous afin de créer de nouvelles couleurs et les transparences dans les pixels dans la couche supérieure. Il ya beaucoup de différents modes de fusion, et de nombreuses façons différentes les deux couches peuvent interagir les uns avec les autres. Pour l'instant, tout ce que vous devez savoir est que le mode de fusion nous aidera à intégrer la couche logo avec l'eau de telle manière que le logo apparaîtra au-dessous de la surface de l'eau, tout en restant visible.

Donc, pour appliquer le mode de fusion, cliquez sur le «Toggle Switches / Modes" bouton au bas de la fenêtre des calques pour afficher la colonne Modes, puis cliquez sur le menu "Modes de Fusion 'popup à côté de la couche de logo pour montrer les différents modes. Ceux qui nous intéressent

Color Dodge from Blending Menu


Les modes d'additifs ont tendance à faire les pixels plus brillante des deux calques visibles, tout en conservant la couleur de la couche supérieure, à divers degrés. Dans ce cas, Color Dodge semble maintenir la couleur d'origine du logo bien, tout en permettant les pixels lumineux des ondulations de l'eau à montrer à travers, créant l'illusion d'être le logo ci-dessous la surface de l'eau. Bien sûr, vous devriez essayer les modes autre additif, et même les modes dans les autres catégories, à la fois juste pour voir à quoi ils ressemblent et pour déterminer si l'un d'entre eux pourraient mieux travailler avec votre logo particulier. Voici ce que le mode Color Dodge ressemble.

Color Dodge blending mode in action


Etape 4 - Appliquer l'effet Dispersion

Maintenant que nous avons notre logo en place et correctement mélangés, nous allons le déplacer de sorte qu'il ressemble à l'ondulation de l'eau sont déformer l'image. Displacement mapping fonctionne en prenant la luminosité (ou luminance) des valeurs des pixels dans un layercalled l'mapand déplacement en utilisant ces valeurs physiquement quart de travail, ou à déplacer, la position des pixels de la couche affectée. Valeurs de luminance Grand créer une plus grande évolution que les valeurs inférieures, comme vous le souhaitiez. Dans notre cas, nous voulons utiliser la luminance de la couche d'eau de fausser la couche logo: que l'eau se déplace, les valeurs de luminance changement rendra le logo apparaissent comme si elle était faussé par l'eau, comme il le ferait dans la réalité.

Ainsi, avec la couche logo sélectionné, choisissez Effet

Displacement map effect settings


Votre film logo devrait ressembler à ceci:

[Vidéo id = "9431"]


Et c'est fondamentalement la façon dont il fonctionne. Maintenant, comme vous pouvez le voir, c'est un effet assez cool, mais le logo lui-même est assez difficile à utiliser, et ne pas beaucoup ressembler à ce sous-marin. C'est parce que la couche d'eau a beaucoup de contraste et de transitions abruptes entre ses brillantes


Étape 5 - Dupliquer la couche d'eau

Pour fixer les bords rugueux, nous avons besoin d'utiliser une version plus douce de la couche d'eau comme notre carte de déplacement, que nous allons faire en le brouillant. Mais nous ne voulons pas de brouiller la couche d'eau visible, donc nous allons flou d'une copie et l'utiliser pour notre carte à la place. Dupliquer le calque de l'eau dans le scénario en le sélectionnant et en tapant Commande-D.


Étape 6 - Flou sur le calque dupliqué

Ensuite, sélectionnez la partie supérieure des deux couches d'eau existant dans la fenêtre de calque et choisissez Effet


Étape 7 - Pré-composer la couche floue

Or, à ce point si nous utilisons cette couche floue que la carte de déplacement, nous ne pourrons pas voir réellement une différence dans l'image finale. C'est parce que la couche floue doit être pré-composées, ou presque rendus, avant l'effet Dispersion va "voir" le flou. Alors, sélectionnez le calque flou, puis choisissez Calque

'Move all attributes into the new composition'


Étape 8 - Appliquer la carte floue

Maintenant, nous ne voulons effectivement voir l'image floue, donc désactiver sa visibilité en cliquant sur le bouton globe oculaire côté de son nom dans la fenêtre de la couche, tant que c'est pré-composé, il n'a pas à être visible pour les l'effet Dispersion à l'utiliser. Puis sélectionnez le calque logo nouveau et mettre la couche WaterDisplaceMap que la couche cartographique Déplacement dans le panneau Options d'effet fenêtre. Vous verrez un effet de distorsion beaucoup plus lisse et plus réaliste sur le logo qui suit les ondulations de l'eau:

[Vidéo id = "9432"]


Et là vous l'avez. Expérimentez avec la réduction de l'opacité de la couche logo un peu pour le faire paraître un peu plus sous l'eau, essayez différents modes de fusion sur le logo, ou d'appliquer un flou peu de défocalisation le logo légèrement. Et comme toujours, amusez-vous!

En savoir plus sur After Effects dans ces excellents tutoriels .

Comments (1)

You must be logged in to comment. Login Now

  • Martin
    A watery MPV Logo .. I love it!!! Nice one Richard :)
    • 7 years ago
    • By: Martin
    Reply
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: