Apprenez à faire apparaître un texte mural 3D personnalisé

En utilisant des outils AE de base et certaines expressions, vous apprendrez à créer ce mur 3D composé de formes personnalisées et d'un joli rayon laser pour révéler votre texte..


Didacticiel

Étape 1

Créez une nouvelle composition en cliquant sur Composition-> Nouvelle composition. Nommez-le "ligne", définissez la largeur sur 600, la hauteur sur 30, le rapport de format de pixel sur "pixels carrés", la fréquence d'images sur 25 et fixez-le à 15 secondes..


Étape 2

Dans cette étape, nous allons créer une forme de base à partir de laquelle notre mur 3D sera constitué. Vous pouvez bien sûr choisir la forme de votre choix ou même du texte. C'est à vous de décider. Je veux que mon mur 3D soit composé de rectangles et pour ce faire, créez un nouveau solide en cliquant sur Calque-> Nouveau-> Solide. Faites-le blanc, nommez-le "champ" et définissez sa largeur à 60, hauteur à 30.


Étape 3

Créez un nouveau masque rectangulaire en double-cliquant sur l'outil Masque rectangulaire..


Étape 4

Sélectionnez le calque Field, appuyez deux fois sur M et définissez Expansion du masque sur -4 px..


Étape 5

Appliquez l'effet Bevel Aplha en cliquant sur Effets-> Perspective-> Bevel Alpha.


Étape 6

Définissez la propriété Light Angle sur "-35 °" et l'intensité de la lumière sur "0,55"..


Étape 7

Nous devons maintenant remplir toute la composition avec nos formes. Bien sûr, nous pourrions faire 10 copies et changer leur position manuellement, mais imaginez à quel point ce serait ennuyeux si nous avions 100 copies. Pour rendre cela plus facile, il suffit de changer la position de notre champ en [30,15] en sélectionnant le calque et en tapant sur la lettre P de sorte qu'elle se trouve tout à fait à gauche de notre composition. Maintenant, maintenez la touche Alt enfoncée et cliquez sur le chronomètre situé à côté de "Position" pour ajouter une expression qui se chargera du positionnement après avoir effectué une autre copie de cette couche. Tapez ce qui suit dans la zone d'expression:

x = transformation.position [0] + (index-1) * 60;
y = transformation.position [1];
[x, y]

Maintenant que fait cette expression? Afin de calculer la position de toutes nos couches de champs, nous devons connaître leur position actuelle et le nombre de couches existantes. C’est exactement ce que fait "Index". C'est l'index du calque et nous pouvons l'utiliser pour décaler la position du calque d'une certaine quantité de pixels. Notre couche de champ mesure 60 pixels de large, le décalage est donc de 60 pixels. Mais comme nous ne voulons pas que la première couche soit décalée, nous devons réduire l'index de la couche - "(index-1)" devrait faire l'affaire. Maintenant, il ne nous reste plus qu'à multiplier l'indice de couche diminué par notre offset (60px) et à l'ajouter à la position X.

Puisqu'il n'y a de la place que pour une seule ligne de nos éléments, la position Y restera la même.


Étape 8

Nous voudrons également que notre calque apparaisse en fondu, mais n'oubliez pas que nous allons en faire 9 autres copies. Une simple animation de la propriété Opacity ne suffirait donc pas, car tous les calques s'afficheraient en même temps et nous avons bien sûr ne veux pas ça. Utilisons une expression simple pour laisser les couches se fondre de manière aléatoire. Cliquez sur le calque Field, appuyez sur "T" pour afficher la propriété Opacity et définissez-la sur "0". Cliquez sur le chronomètre en maintenant la touche Alt enfoncée et tapez ce qui suit dans la zone d'expression:

tm = timeToFrames ();
rnd = wiggle (0,50) +20;
(tm-rnd) * 10

TimeToFrames est assez explicite: il convertit le temps en images.
wiggle (0,50) +20 générera un seul nombre (en raison du "0") dans un intervalle de 0 à 50. Mais je n'aime pas le fait qu'il puisse générer "0" ou tout autre nombre bas, incrémentons simplement le nombre généré aléatoirement (variable rnd) de "20".

Maintenant, nous sommes en quelque sorte prêts - la couche est en train de s'estomper lentement et elle est décalée un peu afin qu'elle ne commence pas immédiatement. Mais je ne veux pas attendre 100 images (1 image = 1%) pour fondre le calque, alors multiplions le tout par "10" - cela accélérera l'animation 10 fois.


Étape 9

Sélectionnez le calque Field et appuyez 9 fois sur Ctrl-D pour dupliquer le calque. Toutes les couches doivent être parfaitement alignées grâce à l'expression que nous avons appliquée à l'étape 7.


Étape 10

Créez une nouvelle composition en cliquant sur Composition-> Nouvelle composition. Nommez-le "champs", définissez la largeur sur 600, la hauteur sur 300, le rapport de format de pixel sur "pixels carrés", la cadence d'image sur 25 et fixez-le à 15 secondes..


Étape 11

Mettre la composition Line dans la composition Fields.


Étape 12

Maintenant, nous allons à nouveau passer à l’étape 7, sauf que nous appliquerons une expression qui tiendra compte de la position sur l’axe des Y, et non de X. Je ne vais pas expliquer à nouveau l’idée, tout est écrit à l’étape 7. Pour vous assurer que les calques seront parfaitement alignés après que nous en ayons fait quelques copies, il suffit de changer la position de notre calque Ligne en [300,15] en sélectionnant le calque et en appuyant sur la lettre P de sorte qu'elle se trouve en haut de notre composition. Maintenant, maintenez la touche Alt enfoncée et cliquez sur le chronomètre en regard de "Position" pour ajouter une expression. Tapez ce qui suit dans la zone d'expression:

x = transformation.position [0];
y = transformation.position [1] + (index-1) * 30;
[x, y]


Étape 13

Faites 9 copies du calque Ligne en le sélectionnant et en appuyant 9 fois sur Ctrl-D.


Étape 14

Décalez les couches au hasard afin qu'elles ne commencent pas en même temps.


Étape 15

Créez une nouvelle composition en cliquant sur Composition-> Nouvelle composition. Nommez-le "champs grands", définissez la largeur sur 1920, la hauteur sur 1080, le rapport de format de pixel sur "pixels carrés", la cadence d'image sur 25 et fixez-la à 15 secondes..


Étape 16

Mettez la composition Fields dans la grande composition Fields.


Étape 17

Sélectionnez le calque et appliquez l'effet CC RepeTile en cliquant sur Effet-> Styliser-> CC RepeTile..


Étape 18

Réglez Expand Right sur "660", Expand Left sur "660", Expand jusqu'à "400", Expand jusqu'à "400" et le pavage en mosaïque sur "Checker 180 °"..


Étape 19

Créez une nouvelle composition en cliquant sur Composition-> Nouvelle composition. Nommez-le "Elément", définissez la largeur sur 1920, la hauteur sur 1080, le format du pixel sur "pixels carrés", la cadence d'image sur 25 et fixez-le à 15 secondes..


Étape 20

Dans cette étape, nous allons créer notre élément que nous voulons révéler par le laser. Assurez-vous qu'il n'y a pas d'arrière-plan et que l'élément est blanc car cette composition sera utilisée comme cache de piste alpha. Il y a bien sûr beaucoup de façons de créer notre élément et cela dépend beaucoup de ce que vous voulez / dont vous avez besoin. Puisque mon élément est du texte brut, je vais utiliser l'outil Texte horizontal..


Étape 21

Créez un nouveau calque de texte et tapez "ae tuts". J'utilise Verdana, taille de police 310px et le fais en gras.


Étape 22

Créons une transition qui va lentement révéler notre texte. Créez donc une nouvelle composition en cliquant sur Composition-> Nouvelle composition. Nommez-le "transition", définissez la largeur sur 1920, la hauteur sur 1080, le rapport de format de pixel sur "pixels carrés", la cadence d'image sur 25 et fixez-la à 15 secondes..


Étape 23

Créez un nouveau solide en cliquant sur Couche-> Nouveau-> Solide.


Étape 24

Assurez-vous que c'est blanc et la taille comp.


Étape 25

Appliquer l'effet Effacement linéaire en sélectionnant le calque et en cliquant sur Effet-> Transition-> Effacement linéaire.


Étape 26

Réglez l’angle d’effacement sur 90 ° et les plumes sur 300


Étape 27

Animons maintenant l’achèvement de la transition. À 00:00, créez une image clé et définissez-la sur 0%. Allez à 04:00, créez une autre image clé et réglez-la sur 100%.


Étape 28

Avec le calque sélectionné, cliquez sur Effet-> Correction des couleurs-> Colorama pour appliquer l'effet..


Étape 29

Dans la section Phase d'entrée, sélectionnez Obtenir la phase de à Aplha et dans la section Modifier, cochez les cases "Modifier Alpha" et "Changer les pixels vides"..


Étape 30

Dans la section Phase de sortie, sélectionnez le préréglage Gris rampe..


Étape 31

Cliquez sur le cercle et ajoutez un autre point noir.


Étape 32

Ajustez le curseur pour qu'il ressemble à l'image.


Étape 33

Créez un nouveau solide en cliquant sur Couche-> Nouveau-> Solide.


Étape 34

Faites-le comp taille et appelez-le fractal.


Étape 35

Avec la couche fractale sélectionnée, cliquez sur Effet-> Bruit et grain-> Bruit fractal..


Étape 36

Définissez le type de fractale sur "Swirly", le type de bruit sur "Linéaire doux", le contrat sur "150" et la luminosité sur "-40".


Étape 37

Sélectionnez le calque fractal, cliquez dessus avec le bouton droit de la souris et définissez le mode de fusion sur Color Dodge..


Étape 38

Créez un nouveau calque de réglage en cliquant sur Couche-> Nouveau-> Couche de réglage.


Étape 39

Avec le calque de réglage sélectionné, cliquez sur Effet-> Correction des couleurs-> Colorama pour appliquer l'effet..


Étape 40

Dans la section Phase de sortie, sélectionnez le préréglage Gris rampe..


Étape 41

Cliquez sur le cercle pour ajouter un point noir et un point blanc.


Étape 42

Ajustez-les pour que le cercle soit presque noir à 100% et ressemble à l'image.


Étape 43

Placez la composition Transition dans la composition Element (au-dessus du calque de texte) et faites-la commencer à 03:00..


Étape 44

Définissez le cache de piste du calque de texte sur "Cache inversé Luma".


Étape 45

Créez une nouvelle composition en cliquant sur Composition-> Nouvelle composition. Nommez-le "mur", réglez la largeur sur 1920, la hauteur sur 1080, le format du pixel sur "pixels carrés", la cadence d'image sur 25 et fixez-le à 15 secondes..


Étape 46

Mettez la composition "Element" et "fields big" dans la composition murale..


Étape 47

Sélectionnez le calque Element, allez à 03:00 et appuyez sur Ctrl + Maj + D pour scinder le calque. Sélectionnez le calque du milieu (le calque Elément actif de 00:00 à 03:00) et supprimez-le..


Étape 48

Définissez le calque de piste du calque "champs grands" sur "Couche inversée Luma".


Étape 49

Sélectionnez le calque "champs grands" et cliquez sur Effet-> Bruit et grain-> Bruit fractal.


Étape 50

Réglez le type de fractale sur "Lisse turbulente", le type de bruit sur "Linéaire doux", le contraste sur "120" et la luminosité sur "-20".


Étape 51

Cliquez sur le chronomètre Evolution et tapez "time * 200" dans la case d'expression..


Étape 52

Sélectionnez le calque "fields big" et cliquez sur Effect-> Stylize-> Glow.


Étape 53

Réglez Glow Based On sur "Canal Alpha", Seuil de luminescence à 70%, Rayon de luminescence sur "3".


Étape 54

Sélectionnez le calque "champs grands" et cliquez sur Effet-> Correction des couleurs-> Courbes.


Étape 55

Créez une forme en S pour donner à notre mur un bon contraste.


Étape 56

Sélectionnez le calque "field fields" et cliquez sur Effect-> Stylize-> Roughen Edges.


Étape 57

Définissez le type de bord sur "Roughen", la bordure sur "4", Alt + Cliquez sur le chronomètre Evolution et tapez "time * 200" dans la zone d'expression..


Étape 58

Créez un nouveau calque de réglage en cliquant sur Couche-> Nouveau-> Couche de réglage.


Étape 59

Sélectionnez le calque "champs grands" et cliquez sur Effet-> Correction des couleurs-> Teinte / Saturation.


Étape 60

Sélectionnez le "grand champs" couche et cliquez sur Effet-> Correction de la couleur-> Teinte.


Étape 61

Dans la section Teinte / Saturation, activez "Coloriser", définissez Coloriser Teinte sur 212 °. Allez à 03:00, définissez l'image clé pour Colorize Saturation et définissez-la sur 50, définissez l'image clé pour Colorize Lightness et définissez-la sur 0. Allez à la section Teinte, définissez l'image clé pour Montant à Teinte et définissez-la sur 0%..


Étape 62

Allez à 06:00 et dans la section Teinte / Saturation, définissez Colorisation Saturation sur 25 et Colorisation Luminosité sur -40. Dans la section Teinte, définissez Montant pour teinter à 20%..


Étape 63

Sélectionnez le calque de réglage et appliquez les courbes en cliquant sur Effet-> Correction des couleurs-> Courbes..


Étape 64

Assombrir le mur en définissant l'effet Courbes comme sur l'image.


Étape 65

Créez une nouvelle composition en cliquant sur Composition-> Nouvelle composition. Nommez-le "Elément 2", définissez la largeur sur 1920, la hauteur sur 1080, le rapport de format de pixel sur "pixels carrés", la fréquence d'images sur 25 et fixez-le à 15 secondes..


Étape 66

Allez dans la composition Wall, sélectionnez "Element" et "fields big" et copiez-les en cliquant sur Edition-> Copier.


Étape 67

Allez dans la composition Element 2 et collez les calques que nous venons de copier en cliquant sur Édition-> Coller..


Étape 68

Définissez Track Matte du calque "fields big" sur "Luma Matte".


Étape 69

Sélectionnez "Element" et "fields big" et cliquez sur Layer-> Pre-compose.


Étape 70

Nommez la nouvelle composition "Element Pre-Comp", cochez "Déplacer tous les attributs dans la nouvelle composition" et cliquez sur OK..


Étape 71

Avec le calque "Element Pre-Comp" sélectionné, allez à Effet-> Correction des couleurs-> Teinte / Saturation et appliquez l'effet..


Étape 72

Avec le calque "Element Pre-comp" sélectionné, allez à Effet-> Correction des couleurs-> Courbes et appliquez l'effet..


Étape 73

Avec le calque "Element Pre-comp" sélectionné, allez à Effet-> Styliser-> Glow et appliquez l'effet..


Étape 74

Allez à 03:00 et dans la section Teinte / Saturation, activez Colorize, définissez Colorize Hue sur "212 °", définissez une image clé pour Colorize Saturation et définissez-la sur "50". Définissez une image clé pour les courbes mais ne les ajustez pas encore, laissez-les telles quelles..
Dans la section Luminescence, définissez le seuil de luminescence sur "10%", le "rayon de luminescence" sur 50. Définissez une image clé pour "Intensité de luminescence" et réglez-la sur "0"..


Étape 75

Allez à 05:00, réglez Colorize Saturation sur "0" et l'intensité de lueur sur "0,5"..


Étape 76

Tout en étant à 05h00, ajustez les canaux Curves pour donner à notre texte une belle apparence jaunâtre.


Étape 77

Créez un nouveau solide en cliquant sur Couche-> Nouveau-> Solide, modifiez-le et nommez-le "Particules"..


Étape 78

Avec le calque "Particules" sélectionné, cliquez sur Effet-> Simulation-> CC Particle World pour appliquer l'effet..


Étape 79

Cliquez sur le calque "Particules", appuyez sur la lettre P pour afficher la position et remplacez-le par [545,600]..


Étape 80

Désactivez la grille, réglez le taux de natalité sur "1", la longévité sur "0,35", la vélocité sur "0,05", la gravité sur "0,075", le type de particule sur "Polygone en mouvement", la taille à la naissance sur "0,1" et la taille de la mort sur "0,2". ".


Étape 81

Déplacez le calque pour qu'il commence à 04:02.


Étape 82

Avec le calque "Particles" sélectionné, cliquez sur Effect-> Blur & Sharpen-> CC Blend..


Étape 83

Changer le montant à "10".


Étape 84

Faites quelques copies, changez leur position pour créer des effets de particules pour toutes les lettres et bien sûr, faites-les commencer un peu plus tard pour qu'elles soient en quelque sorte synchronisées avec la transition..


Étape 85

Allez à 06:15 et définissez les images clés pour le taux de natalité pour toutes les couches de particules. Ensuite, allez à 06:20 et définissez les images clés sur "0"..


Étape 86

Créez une nouvelle composition en cliquant sur Composition-> Nouvelle composition. Nommez-la "composition 2D", définissez la largeur sur 1920, la hauteur sur 1080, le rapport de format de pixel sur "pixels carrés", le taux de trame sur 25 et fixez-le à 15 secondes..


Étape 87

Mettez Wall et Element 2 dans cette composition et faites-les tous les deux en 3D. Allez à 03:05 et définissez une image clé pour la position de "Élément 2". Allez à 06:05 et changez la position en [940, 520, -100] pour que les couches soient également séparées dans un espace 3D..


Étape 88

Créez un nouveau solide en cliquant sur Couche-> Nouveau-> Solide.


Étape 89

Nommez-le, allumez le noir et cliquez sur OK.


Étape 90

Avec le calque Flare sélectionné, allez à Effet-> Générer-> Lens Flare et appliquez l'effet..


Étape 91

Changez le mode de transfert du calque Flare en "Ecran". Définissez une image clé pour Flare Center et remplacez-la par [925, 630]. Définissez une image clé pour la luminosité de la lumière parasite et définissez-la sur 0%.


Étape 92

Allez à 06h05 et changez le Centre Flare en [1500, 630]. Définissez également la luminosité de la lumière parasite sur 100% et déplacez l'image clé vers 05:15..


Étape 93

Créez un nouveau solide en cliquant sur Couche-> Nouveau-> Solide.


Étape 94

Nommez-le Flare 2, faites-le en noir et cliquez sur OK.


Étape 95

Avec le calque Flare 2 sélectionné, allez à Effet-> Générer-> Lens Flare et appliquez l'effet..


Étape 96

Changez le mode de transfert du calque Flare 2 en "Écran". Allez à 03:20, définissez les images clés pour Flare Center et Flare Brightness. Réglez Centre de lumière parasite sur [404, 430], Luminosité de lumière parasite sur "0%". Changez également le type d'objectif en "105mm Prime".


Étape 97

Allez à 04:20 et réglez Flare Center sur [700 440], Flare Brightness sur "80%".


Étape 98

Coupez les calques Flare pour qu'ils commencent par la première image clé Flace Center.


Étape 99

Créez une nouvelle composition en cliquant sur Composition-> Nouvelle composition.


Étape 100

Nommez-le "Final comp", faites-le 1280x720, 25 images par seconde et 15 secondes de long.


Étape 101

Créez un nouveau solide en cliquant sur Couche-> Nouveau-> Solide.


Étape 102

Faites-le 1280x720 et nommez-le "bg".


Étape 103

Avec le calque "bg" sélectionné, cliquez sur Effet-> Générer-> Rampe pour appliquer l'effet..


Étape 104

Définissez Forme de la rampe sur "Rampe radiale", Début de la rampe sur [640,360], Fin de la rampe sur [640,1095]. Le code couleur de la couleur de départ est # 070731, donc fondamentalement bleu foncé. La couleur finale est noir pur.


Étape 105

Mettez "Comp 2D" dans cette composition et le rendre 3D.


Étape 106

Créez une nouvelle caméra en cliquant sur Calque-> Nouveau-> Caméra.


Étape 107

Sélectionnez le préréglage "35mm" et cliquez sur OK..


Étape 108

Allez au début, ouvrez Position et point d'intérêt en appuyant sur P + Maj + A et réglez Position sur [-270.7, -231.4, -155.2] et Point d'intérêt sur [-181.5,1009.2, -194.9]. Utilisez également Easy Ease Out en cliquant sur Animation-> Assistant d'images clés-> Easy Ease Out


Étape 109

Allez à 03:21 et réglez Position sur [-467.6,386.1, -320.9] et sur Point d’intérêt sur [497.3,215.7,446.2]. Sélectionnez les deux images clés que vous venez de créer et appuyez sur F9 pour appliquer Easy Ease..


Étape 110

Allez à 06:16 et réglez Position sur [1230.6,697.1, -891.1] et Point of Interest sur [691.8.322.9,166.4]. Sélectionnez les deux images clés que vous venez de créer et appuyez sur F9 pour appliquer Easy Ease..


Étape 111

Créez un nouveau solide en cliquant sur Couche-> Nouveau-> Solide.


Étape 112

Nommez-le "beam" et rendez-le comp size.


Étape 113

Créez un nouvel objet Null en cliquant sur Layer-> New-> Null Object et renommez-le en "slider".


Étape 114

Avec le calque "beam" sélectionné, cliquez sur Effect-> Generate-> Beam pour appliquer l'effet Beam..


Étape 115

Maintenant, sélectionnez le calque "slider" et cliquez sur Effet-> Contrôles de l'expression-> Contrôle du slider.


Étape 116

Changez la longueur à 100%, le temps à 50% et l'épaisseur finale à 400. Changez la couleur intérieure en # FFC000.


Étape 117

Ici, ça devient un peu délicat. Si nous essayions d'ajuster notre faisceau pour qu'il suive le texte qui nous révèle, il se transformerait en une couche plate lorsqu'il traverserait la caméra. L'astuce consiste à transformer les points de faisceau en positions 3D de notre mur. Plus d'informations sur cette expression sont disponibles à l'adresse http://www.motionscript.com/masterin