Comment créer un logo incurvé et extrudé

Ce que vous allez créer

Dans ce didacticiel, nous allons créer un logo extrudé incurvé basé sur le projet Curved Chrome Logo de Videohive. Nous allons passer en revue une technique pour créer l'effet de courbe à l'aide de masques. De plus, nous utiliserons peu d'expressions et quelques astuces mineures pour contrôler l'effet de dépassement, l'extrusion et l'ombre à l'aide de seulement quelques images clés..

1. Créer la base du projet

Étape 1

Créez une nouvelle composition. La composition devrait être 1920x400.

Étape 2

Insérez votre logo.

Étape 3

Faire une autre composition avec le même la taille et Largeur. Nomme le Logo + AVC.

Étape 4

Maintenant, insérez votre logo dans cette composition et faites-en une copie..

Étape 5

Appliquer Remplir et Tour de cou simple effet sur la couche de logo inférieure et utilisez les paramètres suivants.

Étape 6

Maintenant, faites un clic droit sur la couche de logo en bas, allez à Styles de calque et ajouter Incrustation en dégradé.

Étape 7

Utilisez les paramètres suivants pour Incrustation en dégradé.

Cliquer sur Modifier le dégradé possibilité d'appliquer différents niveaux de couleur dessus.

Étape 8

Si vous isolez la couche inférieure, vous verrez quelque chose comme ceci.

Activer les deux calques pour voir les bords du logo que j'ai créé à l'étape 5 avec l'effet Simple Choker.

2. Créer une extrusion incurvée dans la composition principale

Étape 1

Créer une composition Full HD.

Étape 2

Insérer Logo + AVC comp dans cette composition.

Renommez le en Logo1.

Étape 3

Créer un nouveau Couche d'ajustement et le renommer en Manette. Couche> Nouveau> Couche de réglage.

Étape 4

Appliquer deux Contrôles d'expression sur ce Couche d'ajustement. Contrôle du curseur et Contrôle de la couleur.

Étape 5

Renommez ces deux Contrôles d'expression à Profondeur de la courbe et Couleur d'extrusion.

Étape 6

Maintenant, sélectionnez le Logo1 couche et double-cliquez sur le Masque Rectangulaire possibilité de créer un masque dessus.

Puis cliquez sur Forme apporter des options de forme. Maintenant les valeurs initiales de La gauche et Droite étaient et 1920 Respectivement. Je les ai changés en -1000 et 2920 étendre le masque sur Axe X seulement.

Vous pouvez voir maintenant que le masque est plus grand que le calque l'axe des x.

Étape 7

Dupliquer le Logo1 couche et apporter le Position paramètres en appuyant sur P alors que le calque est sélectionné.

Étape 8

Alt + Clic sur le chronomètre pour insérer une expression qui nous aidera à créer un Extrusion courbe effet.

Étape 9

Maintenant, insérez cette Expression dans le Panneau d'expression.

offset = thisComp.layer ("Controller"). effect ("Curve Depth") ("Slider") * - 1;
p = thisComp.layer ("Logo1")
offsetInterval = Math.abs (index-thisComp.layer ("Logo1"). index);
[p.position [0], p.position [1], p.position [2] + (offset * offsetInterval)];

Le script ci-dessus est connecté au Profondeur de la courbe de contrôle de l'expression ce qui décale le calque de Logo1 de 1 pixel.

Étape 10

Créer 100 exemplaires de Logo1 couche en le dupliquant.

Étape 11

Créer une nouvelle caméra.

Étape 12

Si vous faites pivoter le logo, vous verrez qu'il n'y a absolument aucune extrusion dessus.

En effet, la valeur de la profondeur de pixel est liée à la profondeur de la courbe qui est Zéro dans ce cas.

Augmentez-le d'un pixel.

Vous devriez voir l'extrusion maintenant car chaque couche est séparée par 1 pixel sur l'axe Z.

Étape 13

Apportez les options de masque de la Logo100 couche et utiliser les paramètres suivants et en solo pour voir l'aperçu.

Étape 14

La raison pour laquelle j'ai fait cela est d'avoir une fine ligne du logo.

J'ai continué à diminuer la valeur de Expansion du masque avec chaque couche qui m'a aidé à obtenir l'effet désiré.

Vous pouvez voir que la valeur de Expansion est diminué de 3 dans chaque couche de 100 à 86.

De 85 à 63 la valeur est séparée par 2,5 par couche.

De 62 à 54 la différence de valeur d'expansion est 2 dans chaque couche.

De 53 à 32 la différence est 1,5 dans chaque couche.

Dans toutes les couches restantes, la différence de valeur d'expansion est seulement 1.

Étape 15

Vous pouvez voir l'effet de courbe sur le logo car le masque continue de diminuer sur les calques de l'axe Z.

Voici une vue latérale du logo.

En regardant de plus près, vous pouvez voir que les bords supérieurs du logo ne sont pas extrudés alors que la partie centrale est extrudée..

C’est aussi une des raisons d’utiliser Logo Comp avec de petites la taille valeur. La valeur d'expansion de masque des couches inférieures est presque égale à 0 et les valeurs ci-dessus ont une valeur supérieure à celle des couches inférieures, ce qui coupe une petite partie du logo des bords, simulant ainsi un effet de courbe..

Étape 16

Changer le logo pour voir s'il fonctionne avec tout.

Vous devriez voir quelque chose comme ça

3. Contrôle de l’ombre, de la couleur d’extrusion et de l’effet de dépassement

Étape 1

Maintenant pour contrôler le Extruder couleur, verrouillez le Couche contrôleur Panneau.

Étape 2

Ouvrez le Logo + AVC couche et connectez la couleur de la Remplir effet avec Couleur d'extrusion.

Vous devriez voir quelque chose comme ça.

Étape 3

Changer la couleur pour voir si tout fonctionne bien.

Vous devriez voir les côtés ombrés en vert.

Étape 4

Dupliquer le Logo1 couche et le renommer en Ombre.

Étape 5

Appliquer Remplir et Flou rapide effets avec les réglages suivants.

Étape 6

Faire un nouveau solide et nommez-le BG. Ce sera utilisé comme arrière-plan pour voir les nuances et les ombres correctement.

Étape 7

Mettre BG couche sous toutes les couches restantes. Dupliquer également le Ombre couche.

Étape 8

Appliquer Flou radial CC effectuer sur Ombre 2 couche avec les paramètres suivants.

Vous devriez voir quelque chose comme ça:

Étape 9

Faire un Dépassement d'extrusion effet, il est important que Extrude et Shadow réagissent de la même manière. Pour ce faire, connectez le Montant Valeur de Flou radial CC au Profondeur de la courbe effet sur le Manette couche. Alt + Clic sur le Montant de flou radial CC et insérez l'expression suivante.

thisComp.layer ("Controller"). effect ("Curve Value") ("Slider") * 7.5

J'ai multiplié l'expression avec 7.5. Ce qui signifie que si la valeur de l'extrusion est 1, la valeur de l'ombre sera de 7,5 pour correspondre à la densité de l'extrusion.

Étape 10

Faire un Dépassement effet, faire peu Images clés sur le Profondeur de la courbe Valeur.

Voici les valeurs que j'ai utilisées pour la démo.

Étape 11

ensuite Alt + Clic sur le chronomètre et insérez l'expression suivante.

n = 0;
si (numKeys> 0)
n = plus proche Clé (heure) .index;
si (clé (n). heure> heure)
n--;


si (n == 0)
t = 0;
autre
t = heure - clé (n). heure;

si (n> 0)
v = velocityAtTime (clé (n) .time- thisComp.frameDuration / 10);
amp = 7,5;
fréq = 1,5;
désintégration = 2,0;
valeur + (v / 100) * amp * Math.sin (freq * t * 2 * Math.PI) /Math.exp (decay * t);
autre
valeur;

Cette expression est utilisée et partagée par un utilisateur sur Vimeo. Voici le lien vers l'expression. Le mérite en revient aux auteurs qui sont à l'origine de la création de cette incroyable expression de dépassement.

Vous voudrez peut-être jouer avec les valeurs de amp, freq et decay. La distance entre les images clés et la valeur de l’effet Courbe affecteront également l’effet Dépassement que vous pouvez voir à partir de la vidéo d’aperçu..

Étape 12

Il y a une autre chose intéressante que vous pouvez faire. Vous pouvez mettre une valeur négative pour le Profondeur de la courbe et vous verrez une extrusion de courbe inverse.

Vous devriez voir quelque chose comme ça.

Conclusion

Dans ce didacticiel, nous avons appris à créer un effet d'extrusion courbe à l'aide du masque et de sa valeur d'expansion. Nous avons diminué la valeur de l'expansion avec chaque couche pour obtenir une belle courbe. De plus, nous avons appris à créer un effet de dépassement à l'aide d'un petit script et à différentes apparences à l'aide de notre couche contrôleur..

Remarque: Vous pouvez jouer avec vos propres paramètres de masque pour obtenir un effet de courbe unique. Modifiez simplement les valeurs de Expansion du masque en conséquence dans toutes les couches pour voir ce qui vous convient le mieux..