Créer des animations avec des filtres dans Adobe Edge

Dans cette vidéo, nous apprenons à créer des animations dans Adobe Edge, en utilisant des filtres et des interpolations automatiques pour obtenir des effets visuels sophistiqués.

Détails de la leçon

Description de la leçon

La leçon couvre diverses étapes pour animer des éléments dans Adobe Edge :


  1. Création d'un nouveau document et importation de médias.
  2. Adaptation des dimensions du document selon l’interface choisie.
  3. Placement et verrouillage des éléments statiques.
  4. Importation et positionnement des éléments à animer.
  5. Application de filtres (flou, inversion, etc.) et réalisation des interpolations.
  6. Gestion des interpolations et ajustements fins pour obtenir une animation fluide.

Une attention particulière est portée à l’utilisation des filtres et de leurs compatibilités avec différents navigateurs. La leçon expose également comment contourner les limitations de compatibilité de certains filtres en utilisant des alternatives CSS.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :

  • Apprendre à utiliser les filtres et interpolations automatiques dans Adobe Edge.
  • Maîtriser les techniques de gestion d'animations et d’ajustement de cadence.
  • Comprendre les limitations de compatibilité des filtres et découvrir des alternatives CSS.

Prérequis pour cette leçon

Pour suivre cette vidéo, les étudiants devraient avoir :

  • Des notions de base en animation.
  • Une connaissance élémentaire de l’interface Adobe Edge.

Métiers concernés

Les compétences abordées dans cette vidéo sont utiles pour les métiers suivants :

  • Web Designer
  • Animateur Multimédia
  • Développeur Front-End

Alternatives et ressources

Comme alternative à Adobe Edge, vous pourriez utiliser Adobe Animate ou Tumult Hype, qui offrent également des fonctionnalités d'animation avancées.

Questions & Réponses

Vous devez régler les dimensions du document dans les propriétés du stage pour correspondre à celles de l'image utilisée.
Pour verrouiller un calque, cliquez sur l'icône cadenas à côté du calque dans le scénario. Cela empêche toute modification accidentelle.
Tous les filtres ne sont pas pris en charge par tous les navigateurs. Vérifier leur compatibilité assure que l'animation fonctionnera correctement pour tous les utilisateurs.