Comment créer des transitions de page fluides ?
Renée Rousseau
2025-06-16 08:45:23
Nombre de réponses: 4
Pour créer des transitions de page fluides, commencez par créer deux pages, comme "Prestation de design" et "Expertise SEO", et organisez les éléments dans des calques qui vous seront utiles pour l'animation. Groupez vos sous-textes avec leurs éléments graphiques et créez un rectangle qui recouvre entièrement ce groupe, puis envoyez-le en bas du calque groupé. Sélectionnez votre groupe de calques ainsi que le rectangle, puis utilisez la commande "Ctrl+Alt+M" pour créer un masque. Créez une ellipse qui recouvre tous les éléments d'une page et placez ce calque en dessous des autres, puis sélectionnez tous les éléments du calque et créez le masque. Réagrandissez la taille de vos cercles, puis dupliquez vos deux pages côte à côte.
Copiez l'un des calques de transition et réduisez la taille de son cercle jusqu'à atteindre 1 pt, puis copiez les valeurs des animations pour chaque page et réétirez les cercles qui servent de masque des deux pages concernées. Déplacez légèrement les titres et l'illustration, puis rentrez le sous-texte dans son masque. Répétez l'opération pour l'autre page, puis refermez les cercles.
L'animation devrait déjà fonctionner à ce stade, et vous disposez désormais de toutes les informations nécessaires pour créer une animation de transition de page avec Figma. Il est important de préciser que tout changement de nom de calque devra également être effectué sur la copie. L'animation est maintenant prête et terminée.
Lire aussi
- Comment réaliser une transition vidéo fluide ?
- Quels sont les types de transition ?
- Quelle est la différence entre une animation et une transition ?
- Comment bien faire une transition ?
- Comment rendre une vidéo fluide ?
- Comment faire une transition entre deux parties ?
- Quelles sont les grandes transitions ?
- Comment faire de bonnes transitions ?