Motion : Éditeur de graphiques animés gratuit en ligne | Morph

Motion est un éditeur de graphiques animés dans votre navigateur : des calques empilés dans une composition, chaque propriété — position, échelle, rotation, opacité — animée avec des keyframes sur une timeline, ajustée avec des courbes de Bézier, et des compositions imbriquées les unes dans les autres. Il est construit sur le même moteur de timeline GSAP utilisé pour les animations précises dans le temps sur le web. Les projets sont lus et écrits sur votre propre appareil ; rien n'est envoyé vers un serveur.

Les quatre panneaux

Projet — un arbre de dossiers de votre composition : Main Comp, Textes, Assets, Precomps, Solids. Chaque dossier est une cible de glisser-déposer pour vos fichiers.
Visualiseur de composition — la scène. Les calques sont rendus de bas en haut avec leurs transformations évaluées à l'frame de la timeline.
Propriétés — les positions X/Y, échelle, rotation et opacité de la couche sélectionnée, chacune animable.
Timeline — la pile de calques avec des boutons de visibilité, audio, solo, verrouillage et masquage, une timeline, et des keyframes de Bézier par propriété.

Keyframes

Cliquez sur l'horloge à côté d'une propriété pour activer l'animation. Déplacez la timeline, changez la valeur, et un keyframe est enregistré. L'interpolation par défaut est une courbe de Bézier ease-in-out ; chaque keyframe peut être définie sur linéaire, ease-in, ease-out, bounce, back ou des poignées personnalisées.

Compositions

Créez autant de compositions que nécessaire, chacune avec sa propre largeur, hauteur, taux d'images et durée. Imbriquez-en une dans une autre en tant que precomp et elle se met à jour partout où elle est utilisée.

Interopérabilité After Effects

Motion lit les fichiers .aepx, le format XML de projet d'Adobe (Fichier → Enregistrer une copie sous → XML dans After Effects). Les calques, transformations et keyframes sont importés.

Mode d'emploi

Ouvrir Motion — Allez sur morph.cool/motion. L'éditeur se charge dans le navigateur ; aucun compte et aucune installation requis.
Créer une composition — Définissez la largeur, hauteur, taux d'images et durée. Déposez des images, vidéos ou calques de texte dans le panneau Projet ; ils sont lus sur votre appareil.
Animer une propriété — Sélectionnez une couche, cliquez sur l'horloge à côté de Position, Échelle, Rotation ou Opacité, déplacez la timeline, et changez la valeur. Un keyframe est enregistré automatiquement.
Définir le mouvement — Définissez l'interpolation de chaque keyframe — ease-in-out par défaut, ou linéaire, bounce, back et poignées personnalisées de Bézier. Imbriquez les éléments répétés en tant que precomp.
Prévisualiser et exporter — Appuyez sur Espace pour jouer. Exportez la composition en tant que fichier vidéo rendu sur votre machine.

Questions fréquentes

Motion est-il gratuit ?

Oui. Ouvrez-le et animez sans compte. Morph Pro ajoute la version illimitée de chaque programme professionnel.

Puis-je ouvrir des projets After Effects ?

Motion lit les fichiers .aepx, le format XML de projet que After Effects peut enregistrer. Les calques, transformations et keyframes sont importés.

Mes actifs sont-ils envoyés vers un serveur ?

Non. Les actifs, le projet et le rendu restent dans votre navigateur sur votre appareil.

Quelles sont les raccourcis clavier ?

Espace joue et met en pause, Home et End vont au début et à la fin, V est l'outil de sélection, H l'outil main, et Supprimer supprime la couche sélectionnée.

Les compositions peuvent-elles être imbriquées ?

Oui. Une composition placée dans une autre devient une precomp et se met à jour partout où elle est utilisée.

Outils associés

Ouvrir Motion : Éditeur de graphiques animés gratuit en ligne | Morph →