Utiliser des expressions pour créer des listes déroulantes dans les modèles d’animations graphiques

Lorsque vous créez un modèle d’animations graphiques (MOGRT), vous pouvez conserver ses propriétés flexibles et permettre aux éditeurs de le personnaliser dans Premiere Pro. Vous pouvez y parvenir en créant des curseurs et des cases à cocher. Vous pouvez également les créer à l’aide de listes déroulantes comportant différentes options.

La création de listes déroulantes est avantageuse dans la mesure où elle offre plus d’options de menu et facilite l’expérience de montage des éditeurs dans Premiere Pro. Vous pouvez enregistrer ces paramètres d’options de liste déroulante en tant que modèle et les utiliser plus tard pour différents projets et compositions.

Vous pouvez mettre à disposition des curseurs et des cases à cocher comme options de montage aux éditeurs de Premiere Pro, mais ils peuvent parfois être moins intuitifs et plus chronophages. Dans de tels cas, des listes déroulantes peuvent s’avérer utiles. Utilisez-les pour permettre à un éditeur Premiere Pro de choisir parmi :

 Une sélection de thèmes de couleur : par exemple, vous pouvez ajouter une liste déroulante pour un groupe de couleurs que vous souhaitez utiliser pour un titre de film.

 Différentes positions ou conceptions : par exemple, ajoutez une liste déroulante pour la position d’un tiers inférieur comme gauche ou droite.

 Des options d’animation : par exemple, ajoutez une liste déroulante pour sélectionner différentes durées d’animation.

 Des options de texte ou de ressources : par exemple, ajoutez une liste déroulante pour les différents jours de la semaine. Cela évite de retaper le texte source, et réduit également le risque d’erreurs en post-production.

Configurer une option de liste déroulante

Utilisez l’effet Option de menu déroulant pour créer des listes déroulantes. Pour comprendre les rouages de cette fonctionnalité, suivez les étapes suivantes :

Téléchargez cet exemple de fichier pour vous aider à démarrer la création d’un projet.

Exemples d’expressions pour les options de liste déroulante

Tout comme pour d’autres options pour expressions telles que les curseurs, les valeurs du menu sont désignées comme des index dans les expressions. Vous pouvez effectuer une copie depuis l’exemple d’expression ci-dessous dans le champ de texte d’expression pour obtenir des résultats différents avec le menu déroulant.

Exemple 1 : définissez la couleur d’un calque et connectez-le aux éléments du menu dans l’option du menu déroulant

Exemple 2 : utilisez le texte source avec une option de menu déroulant

Si vous avez un menu déroulant avec les éléments de menu suivants dans cet ordre :

1. Lundi
2. Mardi
3. Mercredi

Lundi est l’index 1, mardi est l’index 2, tant qu’il est le deuxième élément de la liste. Si vous renommez mardi en autre chose, l’expression ne se brise pas puisqu’elle est toujours sur l’index 2.

Voici un exemple simple permettant d’utiliser du texte source avec un effet Option de menu déroulant :

x = comp("Nom du composant").layer("Nom du calque").effect("Option de menu déroulant")("Menu");

si (x == 1) {

text.sourceText = ("Lundi");

} 

si (x == 2) {

text.sourceText = ("Mardi");

}

si (x == 3) { 

text.sourceText = ("Mercredi");

}

Exemple 3 : définissez le texte source d’un calque de texte et connectez-le aux éléments du menu dans l’option du menu déroulant

var listItems = [

"Agneaux",
"Chiots",
"Rien",
];
var dropDownValue = effect("Option de menu déroulant")("Menu").value;
listItems[ dropDownValue - 1 ];

var x = effect("Option de menu déroulant")("Menu").value;if ( x === 1 ) {
"Agneaux";
} else if ( x === 2 ) {
"Chiots";
} else {
"Rien";
}

x = effect("Option de menu déroulant")("Menu").value;
switch (x) {
case 1 : "chien";
break;
case 2 : "chat";
break;
default : "par défaut" }

Points à prendre en compte lors de l’utilisation des options de liste déroulante

• Renommez toujours l’option de liste déroulante en quelque chose qui reflète au mieux le contenu.
• Les options de menu dans l’effet Option de menu déroulant ne sont pas sensibles à la casse ou au texte. Cela signifie que, même si vous renommez les éléments du menu, l’expression ne se brise pas. Cependant, elles sont sensibles à la position, donc changer la position de l’option du menu brise l’expression.
• Maintenez un équilibre entre les différents composants utilisés dans vos modèles d’animations graphiques. Dans les cas où il y a des plages, utilisez les curseurs, et dans les cas où il existe des options telles que oui ou non, optez pour les cases à cocher. 
• Le menu déroulant auquel vous associez tous les autres menus déroulants devient le parent. Les menus déroulants de la composition font référence au menu parent et se comportent en conséquence.

Prise en charge du scripting pour l’option de menu déroulant

Property.setPropertyParameters()

Méthode :

app.project.item(index).layer(index).propertySpec.setPropertyParameters([param-array])

Description :

Définit les paramètres d’une propriété.

Remarques

• L’effet Option de menu déroulant (nom correspondant : ADBE Dropdown Control) est la seule propriété qui permet de définir les paramètres. 
• Une exception est créée à chaque fois que cette méthode échoue.
• Pour vérifier si une propriété permet de définir le paramètre, vérifiez avec isDropdownEffect avant d’appeler cette méthode (voir Property.isDropdownEffect.)

Détails du paramètre :

Exemple :

Dropdowneffect = Dropdowneffect.setPropertyParameters(["Lundi", "Mercredi", "Vendredi", "Dimanche"]);

La déclaration ci-dessus modifiera le menu déroulant pour avoir lundi, mercredi, vendredi et dimanche comme éléments. La propriété retournée est la propriété mise à jour et doit être utilisée pour toutes les situations à venir.

Renvoie :

La propriété mise à jour. L’utilisateur doit noter que la propriété objet sur laquelle cette méthode est appelée devient invalide en raison de l’implémentation interne. De ce fait, la propriété retournée doit être utilisée pour toutes les autres utilisations.

Property.isDropdownEffect

Méthode:

app.project.item(index).layer(index).propertySpec.isDropdownEffect

Description:

Renvoie true (vrai) si la propriété est un effet d’option de menu déroulant.

Exemples :

appliedEffect.property("Menu").isDropdownEffect  // renvoie true

appliedEffect.property("Color").isDropdownEffect  // renvoie false  

appliedEffect.property("Feather").isDropdownEffect  // renvoie false

Retour:

Booléen

Une question ou une idée ?