Expression ExtendScript +

<= Article précédent ExtendScript Travailler avec des compositions

Salut.

Dans l' article précédent, nous avons créé la base du modèle de création de titres dans la scène After Effects. Nous ajoutons une scène au projet, ou plusieurs scènes. Nous devons maintenant ajouter les crédits à la scène. Pour ajouter des titres, vous devez créer des modèles dans la mise en page AE, qui nous serviront pour la copie.

Nous entrons dans le projet, où la composition ModelScene_1x1 a déjà été créée . Dans le même dossier 1x1 , créez deux compositions. Nous nommerons l'un d'eux ModelTitre_simple_1x1 , l'autre ModelTitre_double_1x1 .

Commençons par la composition ModelTitre_simple_1x1 . Ajoutons-le à la composition ModelScene_1x1.

Dans le ModelTitre_simple_1x1 lui - même , nous allons créer une zone de texte. Appelons-le reference_text .

. , -. After Effects, . , . . Expression, Javascript, , . . reference_text, Transform, Position.

Animation > Add Expression. Position Expression , .

:

var width = Math.round(thisLayer.sourceRectAtTime().width);
var padding = 20;
var hideX = -width - padding;
var showX = padding;
var posY = transform.position[1];
var animationTime = 0.5;

var timeIn = comp("ModelScene_1x1")
   .layer(thisComp.name)
   .inPoint;

var timeOut = comp("ModelScene_1x1")
   .layer(thisComp.name)
   .outPoint;

if (time <= animationTime) {
   easeOut(
       time,
       0,
       animationTime,
       [hideX, posY],
       [showX, posY]
   );
} else {
   easeOut(
       time,
       timeOut - timeIn - animationTime,
       timeOut - timeIn,
       [showX, posY],
       [hideX, posY]
   );
}
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, . . . thisLayer, , sourceRectAtTime, .

thisLayer.sourceRectAtTime().width
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

. . , , .

var hideX = -width - padding;
var showX = padding;
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

Y ,

var posY = transform.position[1];
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, . , .

var animationTime = 0.5;

var timeIn = comp("ModelScene_1x1")
   .layer(thisComp.name)
   .inPoint;

var timeOut = comp("ModelScene_1x1")
   .layer(thisComp.name)
   .outPoint;
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, ModelScene_1x1, . , , thisComp.name. inPoint outPoint   .

, . , 0. animationTime, , .

if (time <= animationTime) {
   easeOut(
       time,
       0,
       animationTime,
       [hideX, posY],
       [showX, posY]
   );
}
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

easeOut, , 5 . 

• time -

  
  
  
  
  

• startTime - , time >= startTime

  
  
  
  
  

• endTime -

  
  
  
  
  

• startPosition -

  
  
  
  
  

• endPosition -

  
  
  
  
  

position , X Y. , , X, - Y.

, ,

easeOut(
       time,
       timeOut - timeIn - animationTime,
       timeOut - timeIn,
       [showX, posY],
       [hideX, posY]
   );
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

-

timeOut - timeIn
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

animationTime

timeOut - timeIn - animationTime
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, , ModelScene_1x1. , , .

, ModelTiter_double_1x1. . , . , , . reference_text, strin_1 string_2

reference_text Guide Layer.

, . , string_1 string_2. ? . , reference_text. , .

, Expression. sourceText string_1 Animation > Add Expression

var refText = thisComp.layer("reference_text")
    .text.sourceText.split("\r");

var stringID = parseInt(thisLayer.name.split("_")[1]);

refText[stringID - 1]
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

reference_text . , \r. refText[0], , id, refText id. sourceText string_2. string_1 reference_text, string_2 - .

. simple, , . , .

Position string_1Expression ModelTitre_simple_1x1. delay.

var delay = 0.3;
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

( 0.3 ):

easeOut(time,
   timeOut - timeIn - animationTime - delay,
   timeOut - timeIn - delay,
   [showX, posY],
   [hideX, posY]
);
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, delay , .

Nous avons maintenant des mises en page de deux types de titres et tout est prêt pour les mettre en scène. Mais nous parlerons de la façon de procéder la prochaine fois. 

Vous pouvez télécharger toutes les expressions de cet article ici

Documentation d' expression ici

C'est tout pour aujourd'hui.

<= Article précédent ExtendScript Travailler avec des compositions