Construire un titre éclatant

Dans ce tutoriel, je vais vous montrer comment créer un ouvreur de logo cinématique éclatant en utilisant uniquement After Effects. Le tutoriel est basé sur des astuces très simples, que nous combinerons pour obtenir un résultat final impressionnant..


1. Mise en place du look métallique

Étape 1

Faire un nouveau Composition.


Étape 2

Faire un autre Composition.


Étape 3

Avant de créer des effets, nous devons commencer par casser les couleurs du logo. Insérez votre logo dans le logo Composition et faites glisser 5 copies de celui-ci dans la composition du logo en dégradé..


La raison pour laquelle vous voulez faire cela est de rendre le texte visible même à l'intérieur du logo. Sinon, il ne s'agira plus que d'un calque plat une fois le dégradé appliqué et vous ne pourrez plus voir le texte sur le logo..

Une dernière chose, j’ai fait glisser le logo ActiveDen ici car il contient plus de couleurs que le logo Aetuts +. Nous avons besoin de noir, de blanc et des autres couleurs séparément.

Étape 4

Appliquez l'effet Gamme de couleurs sur la couche de logo supérieure et sélectionnez les couleurs noir et blanc afin de ne voir que le reste des couleurs..

Effet> Manipulation> Gamme de couleurs.


Étape 5

Sélectionnez la 2ème couche et choisissez Alpha Matte du Track Matte Les options.


À présent Pré-composition ces deux couches et nommez-les blanc.

Étape 6

Répétez les étapes 4 et 5 et appliquez le Gamme de couleurs effet sur le calque du logo suivant, cette fois en sélectionnant le couleur blanche.


Puis choisissez le Matte Alpha Inversée option du Track Matte option et pré-Compose.

Cela ne montrera que les couleurs blanches.

Étape 7

Maintenant appliquer Incrustation en dégradé sur les trois couches que nous avons faites une à une.

Clic droit sur Composition couleurs> Styles de calque> Biseautage & estampage Et Incrustation en dégradé.


Laissez les paramètres tels quels, puis cliquez sur Modifier le dégradé.


Appliquer les paramètres de couleur ci-dessus.

Étape 8

Répétez l'étape 7 sur la couche suivante et cliquez avec le bouton droit sur la couche suivante nommée Blanc. Styles de calque> Biseau & Gaufrage, et Incrustation en dégradé.

Laissez les paramètres et cliquez sur Modifier le dégradé pour appliquer les paramètres de couleur que vous pouvez voir dans l'image.


Étape 9

Répétez toutes les étapes mentionnées à l'étape précédente et appliquez les paramètres de couleur suivants au dernier calque du logo..


Étape 10

Permet de voir comment notre logo regarde le moment.


Vous pouvez maintenant comprendre pourquoi j'ai séparé les couleurs au début de ce tutoriel..

Remplacez le logo par le logo Aetuts +.


Ça a l'air bien maintenant alors passons à la partie suivante.



2. Briser le logo

Étape 1

Créer un nouveau Composition.


Étape 2

Ajouter une caméra à la composition. Couche> Nouveau> Caméra.

Insérer la composition de dégradé que nous venons de faire dans la partie précédente.

Ajouter un calque de réglage. Couche> Nouveau> Couche de réglage.


Étape 3

Maintenant, appliquez quatre Contrôles d'expression sur le Couche d'ajustement nommé Manette.

  • 1 contrôle de case à cocher
  • 1 contrôle d'angle
  • 2 contrôles de position

Effet> Contrôles d'expression.

Renommez-les comme décrit dans l'image ci-dessous.


Étape 4

Appliquer le Briser effet sur le Logo Gradient Layer et utilisez les paramètres suivants.


Étape 5

Alt + clic sur le Force 1 Position chronomètre et collez l'expression suivante:

thisComp.layer ("Controller"). effect ("Shatter Point 1") ("Point")


Étape 6

Alt + clic sur le Force 2 Position chronomètre et collez l'expression suivante:

thisComp.layer ("Controller"). effect ("Shatter Point 2") ("Point")


Étape 7

Alt + clic sur Direction de la gravité chronomètre et collez l'expression suivante:

thisComp.layer ("Controller"). effect ("Shatter Angle") ("Angle")


Étape 8

Créez maintenant des images clés pour le Rayon des deux Force 1 et 2 et définissez la valeur sur 0,05.


Étape 9

Avancez de quelques secondes et changez la valeur du rayon en 0.5.


Étape 10

Retourner dans le Forme paramètres et définir le Extrusion valeur à 0 parce que nous allons créer notre propre extrusion plus tard dans le tutoriel.


Étape 11

Permet de vérifier comment les choses se passent.


Eh bien, ils vont plutôt bien jusqu'à maintenant.

Étape 12

La raison pour laquelle nous avons créé une couche de contrôleur est de contrôler tous les paramètres avec une seule couche que nous allons créer dans les prochaines étapes. Permet de changer le Position et Direction du Shatter et voir ce qui se passe.


Voir, cela fonctionne parfaitement.

Étape 13

Dupliquer la Dégradé de logo couche et changer le Modèle et Répétition paramètres dans le Forme options.


Cela augmentera les pièces avec un ordre plus aléatoire.

Étape 14

Encore une fois, dupliquez le calque et augmentez le Valeur de répétition à 100.


Plus vous créez d’aléatoire, mieux cela va paraître.

Étape 15

Maintenant, insérez le logo normal derrière ces calques Shatter afin qu'il apparaisse comme si seul le calque supérieur se brisait.


Étape 16

Ajoutez un calque de dégradé de logo sous tous les calques sans l'effet Shatter et déplacez le reste des calques dans le temps. Cela crée l'illusion de l'effondrement du logo après quelques secondes.


Étape 17

Ajouter un Couche d'ajustement et ajoutez le lueur effet de lui donner un regard brillant. Il suffit de jouer avec les valeurs jusqu'à obtenir quelque chose de beau.


Étape 18

Maintenant, si nous voulons faire des extrusions, nous ne pourrons pas le voir dans ce logo, nous devons donc expérimenter avec le logo normal.


Étape 19

Dupliquez le calque du logo normal. Nous allons l'utiliser pour l'extrusion. Renommez le en Logo 001.


Étape 20

Appliquer Incrustation en dégradé dessus. Clic droit> Styles de calque> Superposition de dégradé.

Laissez les paramètres tels quels, il suffit de changer les couleurs du dégradé comme dans l'image.


Étape 21

En faire un Couche 3D, Alt + clic sur le Position chronomètre et collez l'expression suivante:

offset = 1;

p = thisComp.layer ("Logo")

offsetInterval = Math.abs (index-thisComp.layer ("Logo"). index);

[p.position [0], p.position [1], p.position [2] + (offset * offsetInterval)];


L'avantage de cette expression est que lorsque vous dupliquez le calque logo 001, il continuera à le pousser dans l'espace Z et simulera l'effet d'extrusion.

Étape 22

Sous le Opacité de cette couche Alt + clic sur le chronomètre et collez l'expression suivante:

c = thisComp.layer ("Controller"). effect ("Extrude") ("Case à cocher")

si (c == 1)

opacité = 100

sinon si (c == 0)

opacité = 0


Cela vous aidera à activer et désactiver l'extrusion en un seul clic depuis la couche Contrôleur..

Étape 23

Maintenant, faites glisser le logo001 couche au début de la timeline et placez-le en dessous de toutes les autres couches. Puis créez environ 50 doublons. cela vous donnera 50 couches repoussées dans l'espace Z séparées par un pixel.

Vous pouvez voir l'exemple d'extrusion dans l'image ci-dessous.


Maintenant, cela commence vraiment à ressembler à une extrusion métallique.

Étape 24

Pour cette étape, j'ai créé une couche supplémentaire de l'effet de fragmentation et modifié la forme des morceaux pour afficher davantage de particules fragmentées. J'ai également utilisé un logo différent pour voir si cela fonctionne bien avec d'autres logos.



Nous avons maintenant terminé avec cette partie du tutoriel. Permet de créer le fond pour cela.


3. Créer le fond de l'espace

Étape 1

Faire une nouvelle composition.


Étape 2

Insérez votre cloud BG.


Étape 3

Appliquer le Courbes effectuer sur elle. Effets> Correction des couleurs> Courbes.


Étape 4

Faites quelques copies de cette image et réglez le mode sur écran.


Étape 5

Changez la position et la rotation du calque pour lui donner un aspect aléatoire.


Étape 6

Appliquer un expression tremblante au opacité de quelques couches pour créer un effet de foudre.


Étape 7

Créez un calque de réglage et appliquez-lui les effets suivants: Teinte, filtre photo, et Courbes.


Étape 8

Changer le mode en Ajouter pour les couches sur lesquelles vous avez appliqué l'expression wiggle.


Étape 9

Maintenant, déposez cette composition d'espace dans la composition principale que nous avons créée dans la partie précédente et activez la Collapse Transformation option.


Étape 10

Jetons un dernier regard sur les effets que nous avons créés.


Nous avons terminé avec le tutoriel ici.

Dans l'aperçu, vous pouvez voir des mouvements de caméra et des torchères. Vous pouvez les ajouter en fonction de votre choix. Le fichier de projet ci-dessus est de la vidéo d'aperçu, pas celle que nous avons créée ici pendant le didacticiel, vous évitant ainsi de vous inquiéter à propos de l'appareil photo ou des flashes..

Conclusion

Dans ce didacticiel, nous avons appris à séparer les couleurs du logo, puis à appliquer différents styles de calque pour lui donner un aspect métallique. De plus, nous avons appris à créer un effet Shatter cinématographique. Tout cela a été fait dans After Effects.

J'espère que vous avez appris quelque chose d'utile dans ce tutoriel. N'hésitez pas à laisser un commentaire si vous avez des questions ou si vous souhaitez suggérer des améliorations que nous ne connaissons peut-être pas encore. Merci!