Logo d'entête du site tutoriel en ligne
29,00 € Accès à vie · 1 leçon en accès libre pour se faire une idée Se connecter pour acheter Plusieurs cours dans le panier, c'est moins cher — 2 cours : −10 % · 3 cours : −15 % · 4 cours : −25 %
PackCe cours fait partie du pack « Pack Ateliers Apple Motion » : 11 cours pour 158,00 € au lieu de 316,00 €.Voir le pack →

Atelier Apple Motion : Recréer l'environnement de Chat-GPT en Motion Design.

Une fois n'est pas coutume : traitons ici d'un cas concret, issu d'une demande client souhaitant promouvoir le lancement d'un nouveau service, Streamlike.ECO.

L'idée est de mettre en avant les points clefs de ce service en simulation une question posée depuis l'interface de la célèbre IA Chat-GPT et la réponse associée. Tout cela en récréant quasiment à l'identique à la fois l'environnement et l'animation de l'espace utilisateur de ce service en ligne.

Le dernier objectif sera également d'animer le logo du client doté simplement d'une version statique.

Pour réaliser ce Motion Design d'objets texte et vectoriels, nous utiliserons principalement Apple Motion, alors que les media nécessaires à la construction de ce projet seront préparés et mise en page dans Pixelmator Pro.

Organiser, préparer en amont les projets, les animer ensuite grace aux puissants d'outil d'animation d'Apple Motion comme les comportements Overshoot, Lien, Valeur Dans Le Temps, Séquence de Texte ou encore Pente.

Nous avancerons pas à pas dans ce cheminement pour finaliser enfin le montage dans Final Cut Pro 11.

Envie de relever ce défi avec moi ? Alors je vous donne rendez-vous sans plus tarder pour suivre ensemble cette formation atelier sur Apple Motion.

  1. Atelier Apple Motion : Recréer l'environnement de Chat-GPT en Motion Design 1 min
  2. Présentation des étapes de la réalisation du projet Streamlike.ECO 8 min
  3. Récupération des sources au format SVG 4 min
  4. Préparation des éléments du logo Streamlike.ECO et export SVG 3 min
  5. Organisation des éléments du logo Streamlike.ECO dans Pixelmator Pro 6 min
  6. Import et organisation des éléments graphiques des pages de Chat-GPT 8 min
  7. Mise en page des éléments des pages de Chat-GPT dans Pixelmator Pro 11 min
  8. Finalisation de la mise en page et export en projet Apple Motion 5 min
  9. Organisation et mise en place des éléments du logo Streamlike.ECO dans Apple Motion 7 min
  10. Animation des rectangles du logo avec les comportements Overshoot et Pente d'Apple Motion 10 min
  11. Finaliser l'animation des rectangles et animation de la barre verticale 8 min
  12. Dessin des lettres avec le comportement Ecriture Activée et animation de la transition Contour vers Fond 9 min
  13. Réglage du point d'ancrage et animation des feuilles du logo avec le comportement Overshoot 6 min
  14. Exporter le projet Apple Motion en Prores 4444 avec couche Alpha 4 min
  15. Préparation des écran 1 et 2 dans Apple Motion et ajustement de certains tracés vectoriels 11 min
  16. Synchronisation du mouvement d'objets en lien avec l'échelle verticale de la fenêtre de chat 14 min
  17. Animation du texte et simulation d'écriture avec le comportement Séquence de texte 8 min
  18. Synchronisation de l'animation du texte avec la variation d'échelle verticale de la fenêtre de chat 3 min
  19. Afficher et masquer certains boutons en fonction de l'état de l'animation 1 min
  20. Exportation et rendu de l'écran 1 3 min
  21. Préparation des éléments de l'écran 2 de Chat-GPT avant l'animation 9 min
  22. Animation de la zone de texte dédiée à l'état Réponse de Chat-GPT 3 min
  23. Exportation et rendu final de l'écran 2 2 min
  24. Montage final du projet dans Final Cut Pro 10/11 14 min
Durée
2 h 37
Leçons
23
Langue
Français
Prix
29,00 €
Mis à jour
02/11/2026
Laurent BRIERE
Votre formateur Laurent BRIERE
Tous droits réservés - Tutoriel en Ligne  - SIRET:  49416273800020
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram