Mock up graphismes AR avec After Effects

Sep 11, 2025

Comment

After Effects a des outils puissants que nous pouvons utiliser pour imiter la réalité augmentée. Vous pouvez trouver cela nécessaire si, par exemple, vous vouliez faire une vidéo de pitch pour montrer quelle application avec des capacités de réalité augmentée pourrait ressembler.

43 Tutoriels incroyables après effets [dix]

Pour ce tutoriel, nous utiliserons des images de Rio et des graphiques de carte à la superposition de la ville. Nous devrions nous retrouver avec quelque chose qui ressemble à ceci:

Our final design should look like this — Notre dernier design devrait ressembler à ceci

01. Connectez-vous au format 3D Camera Tracker

Sélectionnez la couche de séquences que vous souhaitez suivre et cliquez sur le bouton de la caméra de piste dans le panneau Tracker - vous verrez une barre bleue apparaissant sur les images qui indiquent l'analyse. Pour obtenir un meilleur résolve, cliquez sur l'analyse détaillée dans le panneau Contrôles d'effets pour le suivi de la caméra 3D. Vous pouvez également obtenir un meilleur résolu en spécifiant le type de tir, si vous savez lequel vous voulez pour votre tir particulier.

Dans l'onglet Avancé, vous pouvez spécifier la méthode de la résolution ou simplement laisser défini sur détecter automatiquement. Le choix de la méthode de résolution correcte peut parfois entraîner une meilleure piste que d'utiliser le réglage automatique par défaut.

02. Résoudre vos images

Remove any points that are not using good data — Supprimer tous les points qui n'utilisent pas de bonnes données

Une fois que votre caméra commence à résoudre, vous remarquerez que la couleur de la bannière change de bleu à l'orange, et quand elle est terminée, la bannière disparaîtra. Parfois, vous pouvez obtenir des points dans le ciel ou sur les zones que vous pouvez dire ne permettent pas d'utiliser de bonnes données. Supprimer ces points.

Sélectionnez au moins trois ou plus des points qui représentent le plan de terre. Cliquez avec le bouton droit de la souris avec ces points sélectionnés et choisissez Définir le plan de terre et l'ampli; Origine. Avec les mêmes points sélectionnés, cliquez avec le bouton droit de la souris et choisissez Créer NULL & AMP; Caméra. Vous avez maintenant résolu vos séquences et vous préparer au succès d'une caméra et d'un objet NULL pouvant être utilisé comme point de référence.

03. Ajouter un graphique

This map marker will pop up inside the stadium — Ce marqueur de carte apparaîtra à l'intérieur du stade

Maintenant, vous pouvez commencer à ajouter des graphiques à la chronologie. J'utilise un marqueur de carte que je veux apparaître de l'intérieur du stade. Modifiez le point d'ancrage du graphique selon vos besoins, le bord correct est donc utilisé pour les données de position. Dans mon cas, j'ai déplacé le point d'ancrage au milieu inférieur à l'aide de la casserole derrière (point d'ancrage).

Cliquez sur le commutateur 3D pour le calque afin qu'il puisse également déplacer dans Z espace. Sélectionnez un point dans l'image où vous souhaitez que le graphique apparaisse, cliquez avec le bouton droit de la souris sur ce point et choisissez Créer NULL. Copiez maintenant les données de position de cette null à la position de votre graphique, à la balance et masquez le graphique au besoin. Il peut être nécessaire de toucher le masque au fil du temps.

04. Intégrer des graphiques plus grands

This larger graphic covers the ground like a map — Ce graphique plus grand couvre le sol comme une carte

Vous pouvez maintenant répéter l'étape 03 pour intégrer davantage de graphismes. Par exemple, vous pouvez intégrer quelque chose sur tout le plan du sol comme une carte. Pour ce faire, sélectionnez plusieurs points sur la zone de plan de terre. Remarque: pour sélectionner les points maintenant, vous devez réellement avoir l'effet 3D Camera Tracker sélectionné dans le panneau Contrôles d'effets. Cliquez avec le bouton droit sur ces points et créez un null.

Répétez le processus de copie des données et de déplacer le point d'ancrage si nécessaire. Cette fois, vous devriez également copier l'orientation de la null au graphique afin qu'il soit couché sur le sol. Vous avez peut-être encore besoin d'ajuster les choses un peu pour obtenir le graphique pour aligner avec les rues de la séquence.

05. Ajouter du texte

Vous pouvez également ajouter du texte à suivre et à couler avec les images. Pour le texte qui doit uniquement suivre avec des objets statiques tels que des bâtiments, vous pouvez utiliser la même méthode de match en mouvement que nous utilisions pour les marqueurs et la carte. Si vous voulez que le texte puisse suivre une personne qui marche ou une voiture de conduite, vous avez maintenant deux types de mouvement impliqués: le mouvement de la caméra et le mouvement de conduite ou de marche.

Pour ces types de pistes, nous utiliserons une approche de suivi plus traditionnelle. Avec les images sélectionnées, choisissez le mouvement de suivi du panneau Tracker. Pour préparer la piste, créez un objet NULL et nommez le traqueur de voiture. Choisissez une voiture sur la route (vous devrez peut-être augmenter la luminosité et le contraste de vos images pour en voir une).

06. Suivre les objets en mouvement

Text can track static or moving objects — Le texte peut suivre des objets statiques ou en mouvement

Parce que les voitures de cette séquence sont si petites, il n'y a pas assez de données pour effectuer une piste à deux points pour obtenir des données à l'échelle. Nous devrons pirater cela juste un peu! Procédez comme si vous ne rassemblez que les données de suivi X et Y.

Placez la piste Point 1 sur quelque chose de très visible comme les phares. Il peut prendre un certain temps pour obtenir votre piste correct et vous devrez peut-être réparer certaines parties à la main. Une fois que votre piste est prête, il est temps de l'appliquer à l'objet NULL que nous avons créé appelé Tracker de voiture. Revenez à votre métrage et sélectionnez l'effet 3D Camera Tracker dans le panneau Effets et Controls.

Choisissez le point le plus proche de l'endroit où la voiture commence, cliquez avec le bouton droit de la souris et créez un null. Renommer ce null 'z start'. Répétez l'étape de création nulle pour le point le plus proche possible de l'endroit où la voiture se termine et renommez cette «fin de Z». Maintenant, changez maintenant l'objet Null Tracker NULL dans un objet 3D et ajoutez deux images clés: une touche avec la valeur Z du NULL 'Z Démarrer' NULL, et une autre à la valeur 'z end'. Ces clés doivent être au début et à la fin des images clés de suivi.

Enfin, parent le texte que vous souhaitez suivre avec la voiture au tracker de la voiture NULL. Réjouissez-vous que votre petit travail de piratage a atteint les résultats que vous vouliez!

07. Modifiez votre travail

Use trim paths to animate your text boxes — Utilisez les chemins de trim pour animer vos boîtes de texte

Si vous devez changer quelque chose, sélectionnez la propriété de position entière, puis faites glisser la valeur de position. Cela changera tout relatif aux données existantes afin que vous ne produisez pas accidentellement une solution pour une seule image.

Si vous avez construit vos zones de texte après les effets, essayez d'utiliser des chemins de trim pour les animer à l'écran car ils deviennent pertinents pour l'action. Animez votre texte également, peut-être avec un effet de machine à écrire ou de traitement de texte. N'hésitez pas à ajouter d'autres graphismes animés au besoin pour garnir la composition.

Si vous souhaitez obtenir le didacticiel en détail, consultez mon parcours complet à Pluralsight: Utilisation du suivi de la caméra 3D et d'intégrer des graphiques dans After Effects .

À propos de pluralsight

Pluralsight est une plate-forme d'apprentissage de la technologie d'entreprise qui offre une expérience d'apprentissage unifiée, finale à la fin des entreprises du monde entier. Grâce à un service d'abonnement, les entreprises sont habilitées à passer à la vitesse de la technologie, à accroître la compétence, l'innovation et l'efficacité. Pour un essai gratuit et plus d'informations, visitez www.pluralsight.com .

Articles Liés:

Top astuces pour l'échelle des applications AR en 2017 [dix]
Comment passer de Photoshop à After Effects [dix]
43 Tutoriels incroyables après effets [dix]

Mock up graphismes AR avec After Effects

01. Connectez-vous au format 3D Camera Tracker

02. Résoudre vos images

03. Ajouter un graphique

04. Intégrer des graphiques plus grands

05. Ajouter du texte

06. Suivre les objets en mouvement

07. Modifiez votre travail

À propos de pluralsight

Comment - Most Popular Articles

Comment prendre une capture d'écran sur un Mac

Réalisez des tests d'utilisateurs rapides et rapides avec UserLook

Créer des effets de collage dans le navigateur avec CSS

Comment utiliser Adobe Capture CC

Construire un site de commerce électronique à partir de zéro

Comment peindre un portrait atmosphérique dans Photoshop

Comment capturer la lumière avec des huiles

Comment peindre des réflexions convaincantes

Catégories