Comparaison avec After effects
Permet de travailler en team
Permet d’annoter les fichiers pour qqun
Fable peut exporter en html des lottie file – éléments vectoriels seulement
(possible d’exporter depuis AE également avec plugin bodymovin)
ce module permet d’importer des json dans le theme Divi de WordPress
tutos :
les loops :
Figma plugin :
Cours 1
dessine un poisson avec les outils vectoriels :
Cela crée un chemin qui est vectoriel et linéaire.
Si on veut modifier la vitesse d’entrée et de sortie = « Easing » est mis par défaut.
puis cliquer sur le point d’entrée ou de sortie
Si on veut une courbe cliquer sur le mouvement et sélectionner « Smooth points »
cliquer sur les points d’ancrage pour créer une courbe
ajouter des point : toujours dans l’édition du path position, cliquer à l’endroit où l’on veut ajouter un point (donc un point vectoriel avec deux tangentes) enfoncer contrôle/commande et cliquer pour créer le point d’ancrage :
en avançant dans la timeline, au moment où le poisson est sélectionné ça crée un keyframe
Et je vais changer l’easing pour qu’il y ait vitesse constante
Apparition avec matières, pas seulement fade in :
transitions > Simulate > Reveal avec texture, avec 2 keyframes de percent 100 à percent 0
Si une transformation doit être faite sur un point qui n’est pas le centre, il faut donc changer l’origine de la transformation; pour cela il faut utiliser un controller.
Le déplacer sur le point qui doit opérer la rotation puis lier le calque avec le controller et opérer une rotation sur le controller :
répétition du mouvement :
Une façon plus simple de faire, sélectionner un objet et cliquer sur ce cercle entouré de rouge ci-dessous (edit transform origin)
déplacer cela avec l’outil sélection (il est toujours au centre par défaut)
et appuyer sur Done
Importer un fichier illustrator :
-
mettre en calques
-
convertir en SVG
-
ajouter comme asset