Création d'une fluctuation de bulbe à l'aide d'expressions dans After Effects

Dans ce tutoriel, je vais vous montrer comment créer un effet de fluctuation de bulbe dans Effets secondaires en utilisant des expressions simples. Vous pouvez ensuite contrôler la fluctuation manuellement ou automatiquement. 

Aperçu

1. Création d'éléments dans Photoshop

Étape 1

Ouvrir Photoshop.

Ouvrez Photoshop

Étape 2

presse Ctrl-N créer une nouvelle composition. Met le Largeur et la taille du document comme 1280 et 720 respectivement.

Nouvelle composition

Étape 3

J'ai une image de bulbe que j'importe dans la composition. Renommez cette couche en Ampoule.

Image de l'ampoule

Étape 4

Avec le Ampoule couche sélectionnée, appuyez sur Ctrl-J clé pour en faire une couche en double. 

Faire un calque dupliqué

Étape 5

Renommez le calque copié en Verre d'ampoule.

Renommez le calque copié

Étape 6

Désactiver la visibilité de Ampoule couche. Avec l'aide de La gomme outil, effacez la partie inférieure de l’ampoule dans le Verre d'ampoule couche.

Outil pour effacer

Étape 7

Activer la visibilité de la Ampoule couche. 

Activer la visibilité

Étape 8

presse Maj-Ctrl-N créer un nouveau calque. Renommez cette couche en Curseur.

Maj-Ctrl-N 

Étape 9

Faire une forme de curseur dans le Curseur calque comme indiqué dans l'image suivante.

Couche coulissante

Étape 10

De la même manière, créez un nouveau calque et renommez-le ainsi. Bouton coulissant. Créez un bouton semblable à une forme dans ce calque, comme indiqué dans l'image suivante..

Bouton coulissant

Étape 11

presse Maj-Ctrl-N créer un nouveau calque. Renommez cette couche en Filament.

Maj-Ctrl-N

Étape 12

Avec l'aide de Brosse outil, peindre le filament avec la couleur blanche.

Outil Pinceau

Étape 13

Enregistrez le fichier sous Bulb.PSD.

Sauvegarder le fichier

2. Compositing dans After Effects

Étape 1

Ouvrir Effets secondaires.

Ouvrez After Effects

Étape 2

presse Ctrl-I clé pour ouvrir le Importer des fichiers la fenêtre. Sélectionnez le sauvegardé Bulb.PSD fichier et cliquez sur le Ouvrir bouton.

Importer des fichiers

Étape 3

Une petite fenêtre d'option apparaît. Sélectionner Type d'importation comme Composition puis cliquez sur D'accord.

Composition

Étape 4

Tous les éléments du Bulb.PSD couche être importé comme Ampoule composition. Double-cliquez sur le Ampoule comp dans la fenêtre du projet. Vous obtenez toutes les couches sur la timeline.

Ampoule

Étape 5

Faire un masque elliptique sur le Contexte couche. Augmentez la quantité de plume du masque pour rendre les coins un peu sombres. 

Couche de fond

Étape 6

Avec la couche Bulb Glass sélectionnée, allez à Effets> Générer> Remplir et appliquer l'effet.

Effets> Générer> Remplir

Étape 7

Choisissez une couleur jaune très claire comme couleur de remplissage. Le verre de l'ampoule adapte la couleur en conséquence.

Choisissez une couleur jaune très clair

Étape 8

Avec le Verre d'ampoule couche sélectionnée, aller à Effets> Eclairage Saphir> S_Glow et appliquez l'effet. Augmenter le Largeur de lueur s'élever à 120 et Luminosité s'élever à 2. 

Effets> Eclairage Saphir> S_Glow

Étape 9

Suivez le même processus avec le Filament couche aussi. Avec le Filament couche sélectionnée, aller à Effets> Eclairage Saphir> S_Glow et appliquez l'effet. Augmenter le Largeur de lueur s'élever à 36 et Luminosité s'élever à 5.

Effets> Eclairage Saphir> S_Glow

Étape 10

Avec le Filament couche sélectionnée et Alt touche enfoncée, cliquez sur le chronomètre de Luminosité propriété. Il ouvre l'éditeur d'expression. Ici écrivez le code suivant:

y = thisComp.layer ("Slider Button"). transform.position [1]; yMin = 420; yMax = 445; linéaire (y, yMin, yMax, 5,0)

Expression

Étape 11

Suivez la même procédure pour le Opacité valeur de la Filament couche. Avec le Alt touche enfoncée, cliquez sur le chronomètre de Opacité propriété. Il ouvre l'éditeur d'expression. Ici entrez le code suivant:

y = thisComp.layer ("Slider Button"). transform.position [1]; yMin = 420; yMax = 445; linéaire (y, yMin, yMax, 100,0)

Expression

Étape 12

Suivez la même procédure pour le Opacité valeur de la Verre d'ampoule couche. Avec le Alt touche enfoncée, cliquez sur le chronomètre de Opacité propriété. Il ouvre l'éditeur d'expression. Ici entrez le code suivant:

y = thisComp.layer ("Slider Button"). transform.position [1]; yMin = 130; yMax = 445; linéaire (y, yMin, yMax, 100,0)

Expression

Étape 13

Si vous voulez la fluctuation automatique, alors avec le Alt touche enfoncée, cliquez sur le chronomètre de Position propriété du Bouton coulissant couche. Il ouvre l'éditeur d'expression. Ici entrez le code suivant:

x = transformation.position [0]; y = transformation.position [1]; w = wiggle (6, 210); [x, w [1]];

Wiggle Expression 

Étape 14

Bouge le Y position du Bouton coulissant couche. L'intensité du filament et la lueur de l'ampoule peuvent être contrôlées avec le mouvement du bouton coulissant dans Y direction. 

Continuez à jouer avec les valeurs de la yMin et yMax pour obtenir différents types de résultats. 

Jouer l'animation

Conclusion

Bien que certaines connaissances en mathématiques et en script soient nécessaires, vous pouvez toutefois réaliser facilement des travaux étonnants et complexes à l'aide d'expressions, car cela vous fait gagner beaucoup de temps.. 

Continuez à regarder cet espace pendant que je proposerai plus de tutoriels basés sur des expressions.