Filtres graphiques

Aperçu des filtres

Les filtres (effets graphiques) vous permettent d’ajouter des effets visuels intéressants aux textes, boutons et clips. Une fonction propre à Animate est l’animation des filtres appliqués à l’aide de l’interpolation de mouvement.

Les modes de fusion d’Animate permettent de créer des images composites. La Composition d’images est une technique consistant à faire varier la transparence ou l’interaction des couleurs de deux ou trois objets qui se chevauchent. Les modes de fusion permettent également de contrôler l’opacité des objets et des images. Les modes de fusion d’Animate permettent de créer des lumières vives ou des ombres qui laissent visibles les détails d’une image sous-jacente, ou encore de colorier une image désaturée.

À propos des filtres animés

Vous pouvez animer les filtres dans le scénario. Les objets des images-clés séparées joints par une interpolation ont les paramètres des filtres correspondants interpolés sur les images intermédiaires. Si un filtre n’a pas de filtre correspondant (un filtre du même type) à l’extrémité opposée de l’interpolation, un filtre correspondant est automatiquement ajouté pour garantir que l’effet est à l’extrémité de la séquence d’animation.

Animate procède comme suit pour empêcher un dysfonctionnement des interpolations de mouvement en cas de filtre manquant à une extrémité de l’interpolation ou de filtres appliqués dans un ordre différent à chaque extrémité :

• Si vous appliquez une interpolation de mouvement à un clip sur lequel sont appliqués des filtres, lorsque vous insérez une image-clé à l’extrémité opposée de l’interpolation, le clip comporte automatiquement les mêmes filtres, avec le même ordre d’empilement, sur la dernière image de l’interpolation, qu’au début de l’interpolation.

• Si vous placez des clips sur deux images différentes sur lesquelles sont appliqués des filtres différents et si vous appliquez une interpolation de mouvement entre les images, Animate traite d’abord le clip avec les filtres les plus courants. Animate compare ensuite les filtres appliqués au premier clip à ceux du second. Si aucun filtre n’est détecté dans le second clip, Animate génère un « faux » filtre sans paramètres et avec la couleur des filtres existants.

• S’il existe une interpolation de mouvement entre deux images-clés et si vous ajoutez un filtre à l’objet dans une image-clé, Animate ajoute automatiquement un faux filtre au clip lorsqu’il atteint l’image-clé à l’autre extrémité de l’interpolation.

• S’il existe une interpolation de mouvement entre deux images-clés et si vous supprimez un filtre à l’objet dans une image-clé, Animate retire automatiquement le filtre correspondant au clip lorsqu’il atteint l’image-clé à l’autre extrémité de l’interpolation.

• Si vous définissez des paramètres de filtre de façon incohérente entre le début et la fin de l’interpolation, Animate applique les paramètres de filtre de l’image du début aux images interpolées. Des paramètres des filtres ne sont pas définis de façon cohérente lorsque les paramètres suivants sont réglés différemment entre le début et la fin de l’interpolation : masquage, ombre interne, rayonnement interne, type de rayonnement dégradé et type de biseau dégradé.

  Par exemple, si vous créez une interpolation de mouvement avec le filtre Ombre portée, et si vous appliquez une ombre portée avec un masquage à la première image de l’interpolation et une ombre interne à la dernière image de l’interpolation, Animate corrige l’usage incorrect du filtre dans l’interpolation. Dans ce cas précis, Animate applique les paramètres de filtre définis dans la première image : une ombre portée avec un masquage.

À propos des filtres et des performances de Flash Player

Le type, le nombre et la qualité des filtres appliqués aux objets peuvent affecter les performances des fichiers SWF lors de leur lecture. Plus le nombre de filtres appliqués à un objet est élevé, plus Adobe® Flash® Player devra effectuer de calculs pour afficher correctement les effets visuels que vous avez créés. C’est pour cette raison que Adobe® vous recommande d’appliquer uniquement un nombre limité de filtres à un objet donné.

Chaque filtre comporte des contrôles qui permettent d’en régler l’intensité et la qualité. L’utilisation de paramètres inférieurs améliore les performances des ordinateurs plus lents. Si vous créez un contenu de lecture sur une large gamme d’ordinateurs ou si vous n’êtes pas sûr de la puissance de calcul de votre public, définissez le niveau de qualité sur Faible pour optimiser les performances en lecture.

À propos des filtres Pixel Bender

Adobe Pixel Bender™ est un langage de programmation développé par Adobe. Il permet aux utilisateurs de créer des filtres, des effets et des modes de fusion personnalisés à utiliser dans Animate et After Effects. Pixel Bender est indépendant des plates-formes et conçu pour s’exécuter efficacement et automatiquement sur une grande variété d’architectures GPU et CPU.

Les développeurs créent des filtres en écrivant du code Pixel Bender et en enregistrant ce dernier dans un fichier texte portant l’extension pbj. Après sa création, un filtre Pixel Bender peut être utilisé par tout document Animate. Utilisez ActionScript® 3.0 pour charger le filtre et exploiter ses contrôles.

Pour plus d’informations sur l’utilisation de Pixel Bender dans ActionScript, voir le Guide du développeur d’ActionScript 3.0.

Les tutoriels vidéo suivants décrivent l’utilisation des filtres Pixel Bender dans Animate :

Utilisation des filtres

Améliorations dans Animate

Chaque fois que vous ajoutez un filtre à un objet, il est ajouté à la liste des filtres appliqués à cet objet dans l’inspecteur des propriétés. Vous pouvez appliquer plusieurs filtres à un objet et supprimer des filtres précédemment appliqués. Vous pouvez appliquer des filtres uniquement au texte, aux boutons, aux clips, aux composants et aux objets de clips compilés.

Vous pouvez créer une bibliothèque de paramètres de filtre qui vous permettra d’appliquer facilement le même filtre ou les mêmes ensembles de filtres à un objet. Animate stocke les présélections de filtres que vous créez dans la section Filtres de l’inspecteur des propriétés du menu Filtres > Présélections.

Avec Flash Professional CS6 et les versions antérieures, l’application de filtres était limitée aux symboles de clips et de boutons. Grâce à Animate , vous pouvez désormais appliquer des filtres à des clips compilés et à des composants de clip. Vous pouvez ajouter divers effets directement à des composants en cliquant sur un bouton ou deux de façon à améliorer l’aspect de vos applications. Avec Flash CS6, pour ajouter des filtres ou d’autres effets à des composants, l’utilisateur devait les « envelopper » à l’intérieur d’un symbole de clip. Il devait :

1. créer ou ajouter un composant sur la scène ;
2. cliquer avec le bouton droit de la souris et choisir Convertir en symbole.
   

Avec CS6 (et les versions antérieures), vous pouviez ajouter des filtres ou d’autres effets après avoir enveloppé le composant dans un symbole. Cette méthode était néanmoins une solution de contournement et non une pratique recommandée. Avec Animate, vous pouvez ajouter plusieurs filtres à des composants en utilisant directement les options Filtres, Effets de couleur et Paramètres d’affichage du panneau Propriétés. Pour mieux comprendre cette amélioration clé, prenons l’exemple suivant :   Ajout d’un filtre Biseau à un composant Button  

1. Créez ou ajoutez un bouton sur la scène à partir du panneau Composants, puis sélectionnez le bouton.
2. Dans le panneau Propriétés, cliquez sur la liste déroulante à la section Filtres et choisissez le filtre Biseau. Les propriétés et les valeurs du filtre Biseau s’affichent.
3. Modifiez ou définissez les valeurs appropriées de la ou des propriétés de votre choix. Par exemple, Flou X, Flou Y, Intensité, Ombre, etc. Les effets sont immédiatement appliqués au bouton sélectionné.
   

Application ou suppression d’un filtre

Copie et collage d’un filtre

Application d’une présélection de filtre à un objet

 Lorsque vous appliquez un filtre prédéfini à un objet, Animate remplace tous les filtres actuellement appliqués aux objets sélectionnés par ceux utilisés dans la présélection.

Activation ou désactivation d’un filtre appliqué à un objet

Activation ou désactivation de tous les filtres appliqués à un objet

Création de bibliothèques de filtres de présélection

Vous pouvez enregistrer des paramètres de filtres sous la forme de bibliothèques de présélections, puis appliquer rapidement ces présélections aux objets clip et texte. Il est également possible de partager des présélections de filtres avec d’autres utilisateurs en leur transmettant le fichier de configuration des filtres. Ce fichier de configuration des filtres, au format XML, est enregistré dans le dossier Configuration d’Animate, à l’emplacement suivant :

 

• Windows 7 et 8 : C:\Utilisateurs\nom d’utilisateur\AppData\Local\Adobe\Flash CC\langue\Configuration
• (Flash Professional CS6 ou versions antérieures uniquement) Windows XP : C:\Documents and Settings\nom d’utilisateur\Local Settings\Application Data\Adobe\Flash CS6\langue\Configuration\Filters\filtername.xml
• (Flash Professional CS6 et versions antérieures uniquement) Windows Vista : C:\Utilisateurs\nom d’utilisateur\Local Settings\Application Data\Adobe\Flash CS6\langue\Configuration\Filters\filtername.xml
• Macintosh : DD Macintosh/Users/nom d’utilisateur/Bibliothèque/Application Support/Adobe/Flash CC/langue/Configuration/Filters/filtername.xml

Création d’une bibliothèque de filtres avec paramètres de présélection

Changement de nom d’une présélection de filtres

Suppression d’une présélection de filtres

Application de filtres

Ajout d’une ombre portée

Le filtre Ombre portée simule l’apparence d’un objet qui projette une ombre sur une surface.

Pour voir un exemple d’ombre portée avec une interpolation classique, consultez la page des Exemples Animate à l’adresse www.adobe.com/go/learn_fl_samples_fr. Téléchargez et décompressez le fichier zip Samples et naviguez jusqu’au répertoire Graphics\AnimatedDropShadow.

Création d’une ombre portée inclinée

Application d’un flou

Le filtre Flou adoucit les contours et les détails des objets. L’application d’un flou à un objet peut le faire apparaître comme s’il se trouvait derrière d’autres objets ou comme s’il était en mouvement.

Application d’un rayonnement

Le filtre Rayonnement permet d’appliquer une couleur sur tout le pourtour d’un objet.

Application d’un biseau

L’application d’un biseau à un objet consiste à lui appliquer un effet de lumière sur le contour pour le faire apparaître en relief au-dessus de la surface de son arrière-plan.

Application d’un rayonnement dégradé

L’application d’un rayonnement dégradé permet d’obtenir un rayonnement dont la surface varie en couleur comme un prisme. Pour le rayonnement dégradé, vous devez choisir une couleur au début du dégradé avec une couleur alpha de 0. Vous ne pouvez pas déplacer la position de cette couleur, mais vous pouvez modifier la couleur.

Application d’un biseau dégradé

L’application d’un biseau dégradé produit un effet de relief qui fait apparaître l’objet surélevé par rapport à son arrière-plan, avec une couleur dégradée sur la surface du biseau. Vous devez choisir, pour le biseau dégradé, une couleur au milieu du dégradé avec une couleur alpha de 0.

Application du filtre Régler la couleur

Le filtre Régler la couleur vous permet de contrôler précisément les attributs de couleur de l’objet sélectionné, dont le contraste, la luminosité, la saturation et la teinte.