X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Accès Premium gratuitement

Accédez à notre bibliothèque complète des articles Hub Premium, les fichiers projet et les premiers 10% de chaque Cours-vidéo de la Bibliothèque Didacticiel en ligne .

Créez votre compte gratuit!

Concevoir tiers inférieurs dans After Effects, style documentaire
Traduit par Google Translate

«Lower tiers» est le terme de diffusion vidéo courantes pour quelque chose que vous avez vu des centaines de fois: un élément d'animation graphique qui apparaît dans la partie inférieure de l'image vidéo (généralement dans le tiers inférieur de l'écran, d'où le nom), contenant texte qui explique ou identifie l'action à l'écran. Vous les voyez régulièrement dans les bulletins de nouvelles ou de programmes documentaires, où ils identifient un haut-parleur, et ils se composent généralement d'un plus grand élément supérieur avec le nom de l'orateur, et un plus petit élément inférieur avec plus d'informations sur le conférencier: «Charles Morris" dans le haut , et "directeur des ventes« en dessous, par exemple. Recherche de "tiers inférieur" sur YouTube va révéler de nombreux exemples et de vous montrer la grande variété des styles utilisés aujourd'hui.

Dans ce tutoriel fonctionnalité, nous allons vous montrer comment mettre sur pied un base Nouvelles style d'animation dans le tiers inférieur d'After Effects . Commençons.


Étape 1 - Configurez le projet After Effects

Tout d'abord, créez un 640x480 à 10 secondes de composition, avec un fond gris pour le rendre plus facile à voir nos éléments:

gray background


(Nous allons travailler à cette résolution norme inférieure ici pour rendre nos captures d'écran un peu plus gérable, mais vous pouvez facilement étendre ce que je vais vous montrer à tout format HD.)

Veillez à mettre sur le Titre / Action des guides sûrs pour votre maquette, nous avons besoin de garder notre texte tiers inférieur dans la zone Titre Safe pour s'assurer qu'il sera vu:

Turn on Title/Action safe guides


Étape 2 - Ajouter le premier élément

Ensuite, créez un nouveau solide, 450 x 50 pixels, et en faire un rouge foncé (vous pouvez utiliser n'importe quelle couleur que vous aimez, bien sûr, mais il ne devrait pas être trop léger ou brillant):

Create a new solid, 450x50 pixels


Position du solide dans le tiers inférieur du cadre, bien au-dessus du guide Titre intérieure sécuritaire, et l'aligner sur le côté gauche de l'image:

align to left side of frame


Étape 3 - Masque le premier élément

Ensuite, nous allons ajouter un simple masque de la barre rouge pour couper un angle en son bord d'attaque, ce qui nous donnera plus d'un sens du mouvement quand nous animer le bar. Ainsi, avec le solide sélectionné, double-cliquez sur l'outil Rectangle:

Double-click rectangle tool


Cela va ajouter un masque rectangulaire pour le solide entier. Ensuite, sélectionnez l'outil Plume (G), et cliquez avec elle sur le bord inférieur du masque, peut-être 50 pixels du bord droit du masque, pour ajouter un autre point pour le masque:

Adding another point to the mask


Choisissez l'outil Sélection à nouveau (V), cliquez sur le point de masque inférieur droit, et cliquez sur Supprimer pour retirer ce point - le solide aura maintenant un bord avant à angle:

The lower-third now has an angled edge


Enfin, sélectionnez le solide dans le panneau Calque, type T à l'opacité en solo, et de définir l'opacité du solide à 60%. Nous voulons nous assurer que nous pouvons voir la vidéo sous-jacent par le biais du tiers inférieur:

Set the opacity to 60%


Étape 4 - Animer le premier élément

Ensuite, nous allons animer le solide sur l'écran. Type P en solo position du solide

Maintenant, sélectionnez les deux images clés de position que vous venez de créer, Contrôle-clic sur l'un, et choisissez Assistant d'image clé

[Vidéo id = "8352"]


Étape 5 - Animer le premier élément de texte

Notre prochaine étape est d'animer dans notre élément premier texte, le nom de notre sujet, pour lequel nous allons utiliser une animation prédéfinie. Donc, sélectionnez l'outil Texte horizontal (Command-T), et dans la palette Caractère, choisissez une forte sans-serif, rendre blanc ou gris clair, et

Using an Animation preset


Ensuite, ouvrir ou faire avancer la Effects

[Vidéo id = "8356"]


Maintenant, par défaut, le passage en douceur dans l'animation est un peu trop lent, nous allons donc ajuster ces images clés pour la vitesse dans le tout. Avec la couche de texte sélectionné, type U en solo toutes les images clés d'animation de son. Sélectionner les images clés seconde (ceux à 02h20) pour Démarrer, Poste, l'échelle, incliner et Opacité (toutes les propriétés sous Sélecteur de plage 1) en faisant glisser un rectangle de sélection autour d'eux, puis les faire glisser tous vers la gauche à environ la 01:15 endroit de la timeline. Aperçu cela, et vous devriez voir une animation de texte beaucoup plus rapide:

[Vidéo id = "8354"]


Étape 6 - Ajouter une ombre portée aux éléments

Ensuite, juste pour ajouter un peu de profondeur à l'animation, nous allons ajouter une ombre portée à la fois le solide et le texte. Ainsi, avec le solide sélectionné, choisissez Effet

[Vidéo id = "8353"]


Étape 7 - Créer les éléments secondaires Lower Third

Très bien, nous sommes dans les manches finales de notre tutoriel tiers inférieur. La dernière chose que nous devons faire est de créer les éléments secondaires de notre animation et compléter notre tiers inférieur. Pour ce faire, plutôt que de partir de zéro, nous allons simplement dupliquer et modifier nos éléments existants. Donc, sélectionnez le texte et les couches solides et le type Commande-D pour les dupliquer. Pour le moment, désactiver la visibilité du calque de texte dupliqué.

Ensuite, sélectionnez le calque dupliqué solide, et choisissez Calque

Changing the duplicated lower third's solid settings


Maintenant, déplacez votre CTI avance pour 00h20, la position en solo pour le solide en double (dont je vais appeler la couche d'orange à partir de maintenant), et d'ajuster les valeurs X et Y pour le solide afin qu'il soit juste en dessous du rouge couche, et son angle lignes bord avant avec le bord incliné de la couche rouge:

Adjust X and Y values for the orange layer


Notez la valeur de la propriété Y à ce point, la mienne est de 389. Suivant déplacer vos CTI Retour à 00h00, et définissez la valeur Y à cette image clé à 389 (ou quel que soit votre valeur doit être, de sorte que le mouvement horizontal sera sur une ligne droite à nouveau), et faites glisser la valeur X de sorte que le couche orange est juste en dehors du cadre visible. Si vous aperçu, vous devriez maintenant voir une animation de la couche d'orange se déplaçant dans le même rythme et le temps que la couche rouge, mais juste en dessous:

[Vidéo id = "8355"]


Maintenant, nous allons corriger le texte secondaire. Tournez à nouveau sous tension, éteignez le calque de texte original, et avec l'outil Texte, sélectionnez le texte secondaire et le changer pour quelque chose d'autre. J'utilise "Directeur des ventes". Maintenant, déplacez votre CTI à 01h15, là où se termine l'animation de texte, de type P à la position en solo pour le texte, puis faites glisser la valeur Y bas de sorte que le texte du secondaire se trouve au sommet de la couche d'orange. Mettez le texte original de nouveau, et ajuster la position horizontale du texte secondaire pour l'aligner avec l'original; tout devrait ressembler à ceci:

The final look of the Lower-Third


Étape 8 - ajuster le calendrier d'animation

Et voici la dernière étape: nous avons besoin d'ajuster la synchronisation des couches secondaires afin qu'ils entrent un peu plus tard que les éléments primaires. Visuellement, cela contribue simplement à souligner les éléments primaires, et c'est une norme inférieure tiers technique.

Donc, sélectionnez le calque d'orange et le directeur des ventes couche texte, déplacez votre CTI à 00h20, et faites glisser les barres couche rouge dans le scénario afin que leurs débuts commencent à 0h20 (n'oubliez pas de glisser sur le corps des bars eux-mêmes, non pas le début des bars, ou vous allez couper les couches au lieu de les déplacer):

Adjusting the animation timing of both layers


Maintenant, nous avons retardé les animations pour les éléments secondaires, et votre résultat final devrait ressembler à ceci (J'ai ajouté une image de certains gars que vous puissiez voir la transparence dans les éléments tiers inférieur):

[Vidéo id = "8357"]


Et là vous l'avez! Comme je l'ai mentionné, il ya une variété infinie de tiers inférieurs: sports, nouvelles, la réalité, les conditions météorologiques, et ce moreand était très basique. La plupart des tiers inférieurs de ces jours, en fait, contenir des éléments animés dans les barres de fond, et ainsi de prendre un peu plus de mettre en place. Mais j'espère que même ce tutoriel vous a aidé à se lancer dans la conception et l'animation de votre graphisme propre motion. Et, comme toujours, d'expérimenter et s'amuser dans After Effects !

Richard Lainhart

Richard Lainhart | Articles by this author

Richard Lainhart is an award-winning composer, filmmaker, and author. His compositions have been performed in the US, Europe Asia, and Australia, and recordings of his music have appeared on the Periodic Music, Vacant Lot, XI Records, Airglow Music, Tobira Records, Infrequency, VICMOD, and ExOvo labels. His animations and short films have been shown in festivals in the US, Europe, and Asia, and online at ResFest, The New Venue, The Bitscreen, and Streaming Cinema 2.0. He has authored over a dozen technical manuals for music and video hardware and software, served as Contributing Editor for Interactivity and 3D Design Magazines, and contributed to books on digital media production published by IDG, Peachpit Press, McGraw Hill, and Miller Freeman Books. Previously an Adobe Certified Expert in After Effects and Premiere, a demo artist for Adobe Systems, and co-founder of the official New York City After Effects User Group, he was, from 2000-2009, Technical Director for Total Training Productions, an innovative digital media training company based in New York and California.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link