CATALOGUE Design et Infographie Formation Photoshop Apprendre Photoshop CC pour le Web Intégration et Animation d'Images dans Edge Animate

Intégration et Animation d'Images dans Edge Animate

Intégration CSS et jQuery d’une animation SpriteSheet avec Animate
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Photoshop CC pour le Web
Revoir le teaser Je m'abonne
Transcription
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Étapes de Création de l'Animation

Objectifs

Les objectifs de cette vidéo sont :

  • Apprendre à intégrer des images dans un document Edge Animate.
  • Comprendre les bases de l'animation d'images avec des masques (clip).
  • Savoir ajuster et publier une animation.

Résumé

Apprenez à intégrer et animer des images dans Edge Animate en utilisant des techniques de Javascript, CSS3 et jQuery.

Description

Dans cette leçon, nous allons explorer comment intégrer et animer des images dans Edge Animate. Nous commencerons par glisser et déposer les images dans le répertoire approprié, puis nous créerons un nouveau document Edge Animate. Ce document, enregistré au format HTML, prendra en compte automatiquement les images disponibles dans le répertoire.

Ensuite, nous détaillerons les étapes pour animer les images en utilisant le masque (clip) dans Edge Animate. Cela inclut la création de clés d'animation et la manipulation des propriétés de position et de masque de l'image pour obtenir une animation fluide.

Enfin, nous expliquerons comment ajuster l'arrière-plan du document pour qu'il corresponde à notre animation et nous terminerons par la publication de l'animation. Pour ceux qui souhaitent approfondir leurs connaissances, une formation complète sur Edge Animate est recommandée.

Voir plus

Questions - réponses

Quels sont les principaux langages utilisés par Edge Animate?
Edge Animate repose principalement sur Javascript, CSS3 et jQuery.
Comment intégrer des images dans un document Edge Animate?
Les images peuvent être intégrées dans un document Edge Animate en les glissant et déposant dans le répertoire approprié du projet ou directement dans l'interface de documentation.
Quelle est la fonction du masque (clip) dans Edge Animate?
Le masque (clip) dans Edge Animate permet d'animer une portion spécifique de l'image, en définissant des seuils de masque pour cropper l'image à différentes étapes de l'animation.

Programme détaillé