Atelier Apple Motion : Recréer l'environnement de Chat-GPT en Motion Design
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
2h36
de formation
23
leçons vidéo
1
chapitre
Intermédiaire
niveau requis
Laurent Briere
Laurent Briere
Formateur

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

4.8/5 Trustpilot (1399 avis) Satisfait ou remboursé
2h36
de formation
23
leçons vidéo
1
chapitre

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 médias 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 grâce aux puissants d'outil d'animation d'Apple Motion comme les comportements Overshoot, Lien, Valeur Dans Le Temps, Séquence de ou encore Pente.
Nous avancerons pas à pas dans ce cheminement pour finaliser enfin le montage dans Final Cut Pro.
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.
À tout de suite !

Les sources sont téléchargeables librement. Je me tiens à votre disposition dans le salon d'entraide pour répondre à vos questions.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Présentation des étapes de la réalisation du projet Streamlike.ECO
Leçon 2
Récupération des sources au format SVG
Leçon 3
Préparation des éléments du logo Streamlike.ECO et export SVG
Leçon 4
Organisation des éléments du logo Streamlike.ECO dans Pixelmator Pro
Leçon 5
Import et organisation des éléments graphiques des pages de Chat-GPT
Leçon 6
Mise en page des éléments des pages de Chat-GPT dans Pixelmator Pro
Leçon 7
Finalisation de la mise en page et export en projet Apple Motion

Table des matières

Leçon 1

Présentation des étapes de la réalisation du projet Streamlike.ECO

08m16
Leçon 2

Récupération des sources au format SVG

04m02
Leçon 3

Préparation des éléments du logo Streamlike.ECO et export SVG

03m20
Leçon 4

Organisation des éléments du logo Streamlike.ECO dans Pixelmator Pro

05m39
Leçon 5

Import et organisation des éléments graphiques des pages de Chat-GPT

07m49
Leçon 6

Mise en page des éléments des pages de Chat-GPT dans Pixelmator Pro

10m53
Leçon 7

Finalisation de la mise en page et export en projet Apple Motion

04m49
Leçon 8

Organisation et mise en place des éléments du logo Streamlike.ECO dans Apple Motion

07m06
Leçon 9

Animation des rectangles du logo avec les comportements Overshoot et Pente d'Apple Motion

10m14
Leçon 10

Finaliser l'animation des rectangles et animation de la barre verticale

07m54
Leçon 11

Dessin des lettres avec le comportement Ecriture Activée et animation de la transition Contour vers Fond

08m31
Leçon 12

Réglage du point d'ancrage et animation des feuilles du logo avec le comportement Overshoot

05m49
Leçon 13

Exporter le projet Apple Motion en Prores 4444 avec couche Alpha

03m47
Leçon 14

Préparation des écran 1 et 2 dans Apple Motion et ajustement de certains tracés vectoriels

10m34
Leçon 15

Synchronisation du mouvement d'objets en lien avec l'échelle verticale de la fenêtre de chat

13m30
Leçon 16

Animation du texte et simulation d'écriture avec le comportement Séquence de texte

08m25
Leçon 17

Synchronisation de l'animation du texte avec la variation d'échelle verticale de la fenêtre de chat

03m22
Leçon 18

Afficher et masquer certains boutons en fonction de l'état de l'animation

01m09
Leçon 19

Exportation et rendu de l'écran 1

02m45
Leçon 20

Préparation des éléments de l'écran 2 de Chat-GPT avant l'animation

09m02
Leçon 21

Animation de la zone de texte dédiée à l'état Réponse de Chat-GPT

03m07
Leçon 22

Exportation et rendu final de l'écran 2

02m08
Leçon 23

Montage final du projet dans Final Cut Pro 10/11

14m08

Aperçus

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
30€
Paiement unique, sans abonnement
Accès à vie à cette formation
2h36 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ 27,91€ /mois
Le 1er mois, puis 34,90€ - sans engagement
Cette formation + 6 791 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Profiter de l'offre
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données