Rencontrez Kyle le gars de la vidéo Themelocal
Salut! Je suis Kyle le gars de la vidéo Themelocal. Voyez-vous constamment des tiers inférieurs de dope mais vous vous demandez comment vous pouvez les recréer ? Aujourd’hui, je vais VOUS montrer comment concevoir un tiers inférieur pour votre prochain projet.
Que faire avant de créer un tiers inférieur dans After Effects
Bien! Maintenant que nous avons trouvé un peu de notre inspiration, nous allons plonger directement dans After Effects. Commençons par nous organiser.
Tout d’abord, nous voulons créer quelques bacs. Le premier bac que je vais faire sera pour les images. Ensuite, nous allons créer un autre bac pour la composition, les solides et l’inspiration.
Ensuite, allons-y et commençons à importer certaines de nos images. Cette séquence a été téléchargée depuis la bibliothèque de Themelocal ! Maintenant que nous avons notre inspiration, nous allons créer notre composition et l’appeler « Instagram tiers inférieur ».
Dans cette composition, nous allons changer les dimensions en 1080x 1350 – c’est le rapport d’aspect 4 × 5 que vous voyez sur Instagram. Depuis que j’ai téléchargé mon métrage sur Themelocal, je sais que le métrage est de 24 images par seconde, je vais donc régler la fréquence d’images de ma composition pour qu’elle corresponde. Pour la durée, j’aime le régler autour de 15 secondes car cela vous donne une marge de manœuvre. Vous pouvez laisser le fond noir.
Comment concevoir un troisième graphique inférieur à l’aide d’After Effects
Jetons un coup d’œil à l’inspiration que nous avons. Nous avons deux cases qui s’animent dans le cadre, puis les mots suivent. Pour commencer, nous allons créer ce graphique que nous voyons ici dans notre inspiration sans aucune animation.
Étape 1 : créer des boîtes graphiques de titre
- Sélectionnez la composition
- Aller au calque> nouveau calque de forme
- Créez la boîte dans laquelle le titre va être
- Nommez le calque correspondant au titre
- Créer un autre calque de forme
- Créez une autre boîte dans laquelle la description ira
- Renommez ce calque pour qu’il corresponde à la description
Maintenant que nous avons créé ces boîtes, nous allons continuer et modifier les paramètres de la boîte qui entoure le graphique du titre. Désactivez le remplissage et définissez un poids d’environ six pour le trait. Ensuite, nous allons créer notre texte.
Étape 2 : ajouter du texte au graphique du titre et au format
- Accédez à l’outil texte dans la barre d’outils
- Tapez votre titre
- Déplacez le texte dans la zone, en vous assurant que vous le redimensionnez correctement et maintenez la touche Maj enfoncée tout en le redimensionnant pour maintenir les proportions
- Sélectionnez à la fois le titre et le calque de contour et déplacez-le vers le haut afin qu’il soit aligné avec les textes de titre que nous venons de créer.
- Accédez à la fenêtre d’alignement (si vous ne voyez pas cela sur votre ordinateur, vous pouvez simplement accéder à la fenêtre, puis aligner)
- Cliquez sur ces calques pour aligner la sélection et les centrer
Quelque chose que j’aime aussi faire est de positionner mes points d’ancrage en plein milieu.
Étape 3 : Utilisez des points d’ancrage pour positionner votre graphique de titre
- Sélectionnez votre point d’ancrage
- Maintenez la commande enfoncée et déplacez-la directement au milieu de ce calque de texte
- Cliquez sur V sur votre clavier ou allez jusqu’à cet outil de flèche
- Sélectionnez le contour du titre
- Revenir à l’outil de point d’ancrage
- Déplacez le point d’ancrage et maintenez la commande enfoncée pour qu’elle se trouve au milieu de cette description
Étape 4 : Répétez l’opération pour le calque du photographe et la description
Nous allons répéter le même processus pour le calque photographe et la description. Commencez par sélectionner le calque du photographe et cliquez sur S pour mettre à l’échelle. Dans notre inspiration, nous pouvons voir que le titre est en majuscules et c’est audacieux. Dans notre composition, double-cliquez sur le calque pour sélectionner tous les caractères et changez cette police en Source Sans Pro Black – et ça a l’air plutôt bien ! C’est juste une décision de conception, mais je vais régler le suivi un peu plus haut sur ces personnages.
Étape 5 : Mettre à jour la description
Maintenant, nous allons faire la même chose avec notre description. Double-cliquez sur ce calque et accédez à Source Sans Pro, cette fois en utilisant la police normale. Revenez ensuite au panneau d’alignement, alignez les calques sur la sélection et assurez-vous qu’ils sont centrés dans les deux sens. Faites la même chose en sélectionnant notre nom et notre zone de titre et en alignant ces calques sur la sélection et en les centrant. Ensuite, vous voudrez aller de l’avant et effectuer un zoom arrière juste un peu. Descendez en bas à gauche, où il est écrit «Choisissez les options de grille et de guide», et activez l’action de titre en toute sécurité. Une fois ces deux calques sélectionnés, saisissez-les et déplacez-les dans le tiers inférieur droit de notre cadre.
Maintenant, avec tout sélectionné, nous allons remettre cela en place. Dans notre inspiration, nous pouvons voir que le chemin ne fait pas tout le tour. Revenez donc à la zone de titre et cliquez sur ajouter des chemins de coupe. Une fois que nous en sommes à couper les chemins, en jouant avec ce paramètre, nous pouvons voir qu’il coupe le chemin de cette boîte. Nous allons donc jouer avec ça là où bon nous semble. Dans notre inspiration, nous pouvons voir que cela se produit – cela commence en haut du titre, revient, puis se termine près de cette première lettre à la fin. Nous allons donc le déplacer dans cette même position.
Dernière étape : les couleurs
Nous y sommes presque ! Nous allons sélectionner notre titre principal et le changer de blanc en bleu (code hexadécimal 41BFE9). Ensuite, nous allons sélectionner notre contour et le rendre blanc. Ensuite, nous allons descendre ici chez le photographe. Nous pouvons voir qu’en ce moment, la couleur de notre photographe est le blanc. Maintenant, c’est important, la couleur du photographe doit être blanche pour que cet effet fonctionne. Sélectionnez le calque Photographe et déplacez-le directement au-dessus de cette zone de description. Ensuite, sélectionnez le photographe mat inversé alpha afin que le titre du photographe soit maintenant transparent. Si nous basculons alpha, nous pouvons voir à travers ce titre. Et voilà, le design est fait !
Dans la prochaine vidéo, nous allons vous montrer comment animer votre design et lui donner vie.
Revenez pour le prochain épisode de Kyle le gars de la vidéo – à venir bientôt !