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

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

Laurent Briere
30,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Plan détaillé du cours

Leçon 1Présentation des étapes de la réalisation du projet Streamlike.ECO
08m16
Leçon 2Récupération des sources au format SVG
04m02
Leçon 3Préparation des éléments du logo Streamlike.ECO et export SVG
03m20
Leçon 4Organisation des éléments du logo Streamlike.ECO dans Pixelmator Pro
05m39
Leçon 5Import et organisation des éléments graphiques des pages de Chat-GPT
07m49
Leçon 6Mise en page des éléments des pages de Chat-GPT dans Pixelmator Pro
10m53
Leçon 7Finalisation de la mise en page et export en projet Apple Motion
04m49
Leçon 8Organisation et mise en place des éléments du logo Streamlike.ECO dans Apple Motion
07m06
Leçon 9Animation des rectangles du logo avec les comportements Overshoot et Pente d'Apple Motion
10m14
Leçon 10Finaliser l'animation des rectangles et animation de la barre verticale
07m54
Leçon 11Dessin des lettres avec le comportement Ecriture Activée et animation de la transition Contour vers Fond
08m31
Leçon 12Réglage du point d'ancrage et animation des feuilles du logo avec le comportement Overshoot
05m49
Leçon 13Exporter le projet Apple Motion en Prores 4444 avec couche Alpha
03m47
Leçon 14Préparation des écran 1 et 2 dans Apple Motion et ajustement de certains tracés vectoriels
10m34
Leçon 15Synchronisation du mouvement d'objets en lien avec l'échelle verticale de la fenêtre de chat
13m30
Leçon 16Animation du texte et simulation d'écriture avec le comportement Séquence de texte
08m25
Leçon 17Synchronisation de l'animation du texte avec la variation d'échelle verticale de la fenêtre de chat
03m22
Leçon 18Afficher et masquer certains boutons en fonction de l'état de l'animation
01m09
Leçon 19Exportation et rendu de l'écran 1
02m45
Leçon 20Préparation des éléments de l'écran 2 de Chat-GPT avant l'animation
09m02
Leçon 21Animation de la zone de texte dédiée à l'état Réponse de Chat-GPT
03m07
Leçon 22Exportation et rendu final de l'écran 2
02m08
Leçon 23Montage final du projet dans Final Cut Pro 10/11
14m08

Aperçus

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

Motion , Final Cut Pro , Pixelmator Pro

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Payer plus tard

Prix d'achat : 30,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1459 tutos gratuits

Notre politique de protection des données