Créer une animation 3D géniale en relief

Dans ce didacticiel, je vais vous expliquer comment créer des effets de trait extrudés uniquement à l'aide d'After Effects. Cet effet peut être utilisé efficacement sur n'importe quel logo. Vous aurez la liberté de choisir entre les calques extrudés, les traits animés et les calques plats. De plus, je vais vous montrer comment simuler l'effet de lumière parasite pour donner plus de profondeur au résultat..


1. Créer la base du logo


Étape 1

Créer une nouvelle composition.



Étape 2

Faire une nouvelle couche d'ajustement.


Renommez le en Contrôleurs.


Étape 3

Appliquer un Checkbox Expression Control sur cette couche.



Étape 4

Dupliquer le Contrôle de case à cocher 12 fois et renommez-les en conséquence, comme vous pouvez le voir sur l'image.



Étape 5

Faire une autre composition pour votre logo.



Étape 6

Insérez votre logo.


J'ai utilisé ce logo pour les motifs de couleurs qui seront nécessaires dans les prochaines étapes.


Étape 7

Encore une fois, faire une autre composition pour les couches de couleur.



Étape 8

Faites glisser votre Logo composition deux fois dans cette composition.



Étape 9

Appliquer le Gamme de couleurs effet sur la couche supérieure.



Étape 10

Sélectionnez uniquement la couleur blanche sur le logo.



Étape 11

Choisir Matte Alpha Inversée de la couche inférieure.



Étape 12

Pré-composez ces deux couches et nommez-le blanc.



Étape 13

Faites glisser deux autres copies de la composition du logo.



Étape 14

Encore une fois, appliquez le Gamme de couleurs effet sur le 1er Logo couche et cette fois sélectionnez uniquement la couleur noire.



Étape 15

Sélectionner Alpha Matte à partir du logo du bas, pré-composez-les et nommez-les Couleurs.



Étape 16

Faites glisser une autre couche de Logo composition et appliquer le Remplir faire pour cela.



Étape 17

Maintenant, pré-composez-le et nommez-le Noir. Il est important de sélectionner la couleur blanche comme Remplir effet.



Étape 18

Faites glisser deux autres couches du Logo comp sous ces couches.



Étape 19

Répétez les actions de l’étape 14 pour sélectionner la couleur noire, mais sélectionnez Matte Alpha Inversée.




Étape 20

Pré-composez et nommez-le Seulement noir



Étape 21

Dupliquer le Couleur couche et blanc couche. Maintenant, vous devriez avoir un total de 6 couches dans cette composition globale. Renommez-les en conséquence.



Étape 22

Rechercher le Vegas effet dans le panneau des effets.



Étape 23

Appliquez-le sur le premier blanc couche et conserver les paramètres suivants.



Étape 24

Pour configurer les images clés dans la timeline, utilisez les paramètres suivants.



Étape 25

Appliquer le Vegas effet sur la seconde Couleurs couche et utiliser les paramètres suivants.



Étape 26

Encore une fois, pour les images clés dans la timeline, utilisez les paramètres suivants.



Étape 27

Appliquer le Vegas effet sur le troisième Noir couche avec les paramètres suivants.



Étape 28

Utilisez les paramètres suivants pour les images clés dans la chronologie.



Étape 29

Alt-Clic le chronomètre de Opacité pour faire apparaître les options du premier blanc couche et utiliser l'expression suivante.
c = comp ("Main Comp"). layer ("Contrôleurs"). effect ("White Stroke") ("Case à cocher")
si (c == 1)
opacité = 100
sinon si (c == 0)
opacité = 0



Étape 30

Répétez l’étape précédente sur chaque couche une par une et utilisez les expressions mentionnées.
Pour la couleur
c = comp ("Main Comp"). calque ("Contrôleurs"). effet ("Color Stroke") ("Case à cocher")
si (c == 1)
opacité = 100
sinon si (c == 0)
opacité = 0


Pour noir
c = comp ("Main Comp"). layer ("Contrôleurs"). effect ("Black Stroke")
si (c == 1)
opacité = 100
sinon si (c == 0)
opacité = 0


Pour seulement blanc
c = comp ("Main Comp"). calque ("Contrôleurs"). effect ("Seul blanc") ("Case à cocher")
si (c == 1)
opacité = 100
sinon si (c == 0)
opacité = 0


Pour seulement la couleur
c = comp ("Comp principale"). calque ("Contrôleurs"). effet ("Couleur unique") ("Case à cocher")
si (c == 1)
opacité = 100
sinon si (c == 0)
opacité = 0


Pour seulement noir
c = comp ("Main Comp"). calque ("Contrôleurs"). effect ("Seulement noir") ("Case à cocher")
si (c == 1)
opacité = 100
sinon si (c == 0)
opacité = 0


Une fois ces étapes terminées, nous avons terminé les réglages de base de notre projet..


2. Configuration de la composition principale


Étape 1

Drop this Couleur couche comp dans le Principale composition. Renommez ceci en Haut. Faire un nouveau Solide et appliquer le Rampe effectuer avec les paramètres suivants.



Étape 2

Copiez le calque supérieur et renommez-le en Logo 001. Faites-les des calques 3D.



Étape 3

Appliquer le Remplir effectuer sur Logo 001.



Étape 4

Amenez le Opacité options et collez l'expression suivante sur Logo 001.
c = thisComp.layer ("Controllers"). effect ("Extrude") ("Case à cocher")
si (c == 1)
opacité = 100
sinon si (c == 0)
opacité = 0



Étape 5

Amenez le Position options du Logo 001 Couche et colle l'expression suivante.

offset = 1;
p = thisComp.layer ("Top")
offsetInterval = Math.abs (index-thisComp.layer ("Logo 001"). index);
[p.position [0], p.position [1], p.position [2] + (offset * offsetInterval)];



Étape 6

Maintenant, faites 50 copies du Logo 001 couche.


Cela va fausser l'extrusion sur le logo.


Étape 7

Dans la section précédente, nous avons créé 3 couches nommées Seulement la couleur, Seulement noir Et blanc. Insérez-les sous le Logo 001 couche et en faire des couches 3D.



Étape 8

Élever leur Opacité options et coller les expressions suivantes une à une.

Pour seulement la couleur
c = thisComp.layer ("Controllers"). effect ("Logo BG Color Colors") ("Case à cocher")
si (c == 1)
opacité = 100
sinon si (c == 0)
opacité = 0


Pour le blanc
c = thisComp.layer ("Controllers"). effect ("Logo BG Color White") ("Case à cocher")
si (c == 1)
opacité = 100
sinon si (c == 0)
opacité = 0


Pour seulement noir
c = thisComp.layer ("Controllers"). effect ("Logo BG Color Black") ("Case à cocher")
si (c == 1)
opacité = 100
sinon si (c == 0)
opacité = 0



Étape 9

Apportez-en un de plus Logo couche, en faire une couche 3D et faire apparaître son Opacité options pour coller l'expression suivante.
c = thisComp.layer ("Contrôleurs"). effect ("Logo BG") ("Case à cocher")
si (c == 1)
opacité = 100
sinon si (c == 0)

opacité = 0



Étape 10

Appliquer un Contrôle d'expression de position sur le Manette couche. Insérer un de plus Logo couche et le renommer en Ombre.



Étape 11

Élever son Opacité options et collez l'expression suivante sur Ombre couche.

c = thisComp.layer ("Controllers"). effect ("Enable Shadows") ("Case à cocher")
si (c == 1)
opacité = 100
sinon si (c == 0)
opacité = 0



Étape 12

Appliquer Flou radial CC et le Teinte effet avec une couleur noire sur le Ombre couche. Choisissez fouetter le Position de Flou radial CC au Position de l'ombre sur le Manette couche.



Étape 13

Maintenant, faites quelques copies du Ombre couche et modifiez légèrement les réglages comme vous pouvez le voir sur les images ci-dessous.



Étape 14

Copier le Position de Logo 050.


Collez-le sur ces calques.



Étape 15

Le projet est apparemment prêt. Permet de vérifier certains paramètres. Je vais utiliser un peu différent Case à cocher paramètres pour lui donner différents regards.



Étape 16

Comme vous pouvez le constater, nous pouvons réaliser des looks très différents avec ces Cases à cocher. Maintenant, nous pouvons également changer la direction de l'ombre en modifiant la Position de l'ombre option.



Étape 17

Voici quelques exemples.



3. Faire des fusées éclairantes


Étape 1

Faire un nouveau Solide plus grand que la taille de la composition.



Étape 2

Appliquer un Masque à cela.



Étape 3

Utilisez les paramètres suivants.



Étape 4

Voici un aperçu de la fusée éclairante, mais cela ne semble pas encore bon.



Étape 5

Faites quelques copies du Éclater couche et modifiez légèrement les paramètres.



Étape 6

Regardons maintenant.



Étape 7

Ainsi, la lumière parasite semble meilleure qu'avant, mais les ombres ne semblent pas réelles. Changeons leur position.


Alors maintenant, nous avons terminé avec le tutoriel. Nous avons vu quelques astuces pour obtenir différents styles pour votre logo, votre ombre et votre lumière. Vous pouvez toujours améliorer ces paramètres en appliquant des ajustements supplémentaires à votre propre projet..


Conclusion

Dans ce didacticiel, nous avons appris à appliquer un effet de trait sur différentes parties du logo et à les animer. De plus, nous avons créé des extrusions, des ombres et des reflets pour lui donner un aspect plus réaliste, de sorte que le produit final ait une belle apparence. J'espère que vous avez appris quelques conseils utiles… jusqu'à la prochaine fois!