FilmoraGo

Application de Montage Vidéo Facile à Utiliser

appstore
Télécharger sur l'App Store
Obtenez le sur Google Play
Wondershare Filmora
Le meilleur montage vidéo facile pour créer des vidéos
  • Moderne et facile à prendre en main
  • Améliore les vidéos avec plus de 300 effets incroyables
  • Plus de 20 musiques libre de droits à votre choix
  • Une large sélection de textes, sous-titres et intros
  • Outils Avancés inclus: PIP, Fond Vert, Écran Divisé, etc.
  • Fonctions Avancées: motion tracking, keyframing, correspondance des couleurs et ducking audio etc.

Comment créer un logo animé dans After Effects

May 14, 2021• Proven solutions

L'une des actions les plus courantes que vous pouvez accomplir avec After Effects est de créer un logo animé pour votre entreprise ou celle de vos clients. C'est accrocheur, populaire et cela s'avère un excellent moyen d'impressionner les clients. Alors jetons un coup d'œil aux étapes que cela implique.


Ceci est un didacticiel de base sur After Effects, un logiciel de montage vidéo professionnel. Cependant, si vous êtes novice dans le montage vidéo, pensez à Wondershare Filmora, un outil puissant, mais facile à utiliser pour les débutants. Téléchargez la version d'essai gratuite ci-dessous.

ESSAI GRATUIT
pour Win10/Win8/Win7 (SE 64bit)
ESSAI GRATUIT
pour macOS X 10.11 ou ultérieure
Sécurité vérifiée

Comment créer un logo animé dans After Effects

1. Configuration

La première tâche consiste à configurer notre projet pour l'animation. Nous allons donc créer une composition en utilisant Composition>New (Composition>Nouveau). J'ai utilisé une faible résolution Web de 320x240 a cet effet.

logo-composition

logo-composition-settings

Maintenant que nous avons notre cadre, nous avons besoin de quelque chose sur lequel construire. Donc nous créons ensuite un calque uni pour notre logo en utilisant "Layers>New>Solid" (Calques>Nouveau>Uni), en choisissant une couleur appropriée correspondante a votre composition. J'ai utilisé #000000, qui correspond a la couleur noir pour les deux.

logo-solid-layer

Maintenant que nous avons notre arrière-plan, créons notre logo. Vous pouvez ajouter ici un logo préalablement préparé. Une illustration ou tout autre élément sur lequel travailler. Pour plus de simplicité, je vais simplement utiliser un simple objet texte comme logo pour démontrer la technique.

Donc, j'accède a Layer>New>Text (Calques>Nouveau>Texte) et je crée mon calque de texte. Ajustez la taille et la couleur du texte pour qu'il soit clairement visible et voila.

logo-text-layer

2. Alignement

Maintenant que nous avons notre logo, tel qu'il est, nous pouvons commencer a le manipuler pour créer une animation. Si vous avez besoin que votre logo (ou tout autre objet) soit parfaitement centré, une astuce pratique consiste à utiliser la grille pour vous assurer que tout est exactement la où vous le souhaitez. Vous pouvez y accéder en utilisant le bouton dans le panneau de composition comme indiqué ci-dessous.

grid

Je suis satisfait de la position de mon texte dans notre cas, mais c'est un outil utile à connaître, peu importe ce que vous faites.

3. Ajouter des effets

Pour notre première tentative d'animation, nous allons utiliser les effets intégrés dans After Effects. C'est de loin le moyen le plus simple d'obtenir des résultats impressionnants. Pour celle-ci, mettons en surbrillance le calque uni dans le panneau de chronologie, puis choisissons notre effet. Vous pouvez accéder a Effect>Simulation>CC Particle World (Effet>Simulation> CC Particle Word) pour accéder a l'effet que nous utilisons ici. Ou alors, accédez simplement au panneau des effets et des préréglages situé à droite et faites glisser l'effet "CC Particle World" sur votre calque uni. Quelle que soit la méthode que vous choisissez, le résultat final est le suivant.

added-effect

Les contrôles des effets sur la droite sont assez complets. En jouant avec, vous pouvez obtenir des résultats intéressants. Cela vaut vraiment la peine d'expérimenter lorsque vous essayez ce genre de nouveaux projets, juste pour comprendre l'étendue des possibilités. Même si ici, nous examinons l'effet de simulation "Particle World" a titre d'exemple, vous pouvez en essayer d'autres pour choisir vos préférés. Ici, j'ai ajusté la gravité a .200, car cela fait en sorte que les particules se dirigent plus vers l'écran et que je préfère cet effet. Aussi, j'ai fait correspondre la couleur des particules avec le texte.

4. Bien ordonner les calques

La prochaine étape est simple, mais mérite d'être mentionnée. Lorsque vous essayez n'importe quelle sorte d'animation, vous devez prendre l'habitude de placer vos calques dans le bon ordre pour que tout fonctionne.

Ici, nous avons d'abord créé un calque uni et le texte se trouve au-dessus. Cela signifie que tous les effets appliqués au calque uni sont situés sous le texte, pour certaines applications qui peuvent être ce que vous voulez. Ici, nous voulons que l'animation passe sur le texte pour obtenir l'effet que nous recherchons, et donc nous interchangeons les calques. C'est aussi simple que de faire glisser le calque de texte sous le calque uni dans le panneau de chronologie.

logo-layer-order

Pensez toujours a l'ordre de positionnement des calques dans vos projets, qu'il s'agisse d'animer un logo, d'utiliser un masque ou toute autre technique dans After Effects. La capacité à visualiser dans quel ordre les choses se passent est l'une des compétences que vous développerez en cours de route.

5. Configurer l'animation

Comme pour la plupart des éléments dans After Effects, les images clés sont les fondements de cette animation, et nous contrôlons l'animation de l'effet de particule via son paramètre "Birth rate" (Rythme natif) que vous trouverez en développant les paramètres dans le panneau de chronologie pour le calque uni, comme nous pouvons le voir ici.

setting-keyframe

Appuyez sur l'icône du chronomètre pour créer une image clé. Dans cet exemple, nous allons en créer 4 a quelques secondes d'intervalle, mais pour une utilisation régulière, la chronologie devra probablement être un peu plus courte. Personne n'aura la patience de regarder un logo pendant 12 secondes : l'effet doit être immédiat.

Au fur et à mesure que je crée chaque image clé, j'ajuste la valeur du champ "Birth Rate" (Rythme natif) en commençant par la valeur inférieure 1, puis en allant jusqu'a 70 a la deuxieme image clé, et 120 a la troisième, puis une course de 5 secondes jusqu'a l'image clé finale qui est définie a 0. L'idée étant que les particules diminuent progressivement, révélant le texte du logo en dessous.

setting-keyframe3

setting-keyframe-4

C'est une configuration très simple, cela ne fait aucun doute. Mais cela fonctionne et comme vous pouvez le voir, c'est facile à réaliser.

6. Travailler avec des graphiques vectoriels

Bien qu'il s'agisse d'un effet simple et agréable, celui-ci est basique. Si vous avez accès aux fichiers de logo .ai ou a d'autres graphiques vectoriels, vous pouvez également essayer celui-ci. Ces fichiers sont créés dans Adobe Illustrator et contiennent des informations sur les calques pour permettre a After Effects de manipuler les différents composants individuellement. Apprendre à utiliser efficacement les fichiers .ai est une étape importante pour découvrir les possibilités d'After Effects.

Tout d'abord, importez votre graphique vectoriel dans After Effects. C'est aussi simple que de faire glisser le fichier sur le panneau du projet, ce qui ouvre une boîte de dialogue d'importation. Il est important de sélectionner les options "Composition retain layers", ce qui crée une nouvelle composition en affichant tous les calques de l'image.

adding-vector-graphic

Vous pouvez ajouter du mouvement, des effets, etc. a ceux-ci comme vous ajouter n'importe quoi d'autre dans After Effects. Dans ce cas, je vais simplement ajouter une rotation a titre d'exemple.

Comme nous l'avons vu précédemment, l'animation tourne autour des images clés, et cela ne change pas.

Je clique simplement sur le chronomètre à côté de l'option de rotation, a la fois dans le calque du smartphone et dans le calque des ombres. Je déplace la chronologie, j'ajuste la rotation de chaque élément aux mêmes valeurs, je continue et je répète comme nous l'avons vu auparavant.

rotation-keyframes

J'ai utilisé 4 images clés a la fin pour créer un bel effet de rotation. Vous pouvez bien sûr combiner cela avec l'animation précédente et faire apparaître un logo en rotation à partir de l'apparition de particules, ou de tout autre effet que l'on trouve dans le programme. Je ne saurais trop insister sur l'importance d'un peu d'expérimentation pour découvrir de nouvelles façons d'utiliser les outils disponibles.

7. Conclusion

J'espère que cela vous a donné des idées d'animations simples que vous pouvez ajouter a des logos, des titres, etc. dans vos projets. Vous trouverez certainement des choses beaucoup plus spectaculaires à faire avec le temps, mais nous commençons tous quelque part.

ESSAI GRATUIT
pour Win10/Win8/Win7 (SE 64bit)
ESSAI GRATUIT
pour macOS X 10.11 ou ultérieure
Sécurité vérifiée
Autres Produits Recommandés
Filmora

Montage vidéo puissant et facile à utiliser pour tous les créateurs.

Essai Gratuit Essai Gratuit
FilmoraPro

Élevez votre montage vidéo à un niveau professionnel avec des outils simples.

Essai Gratuit Essai Gratuit
Vous Aimez Aussi