Animer le tiers inférieur en mouvement 5
Dans cette motionR tutoriel, nous continuerons à travailler sur le tiers inférieur pour notre modèle de remorque de produit artisanal. Maintenant, nous allons ajouter le texte au tiers inférieur et créer l'animation. À ce stade, nous avons importé un graphique d'arrière-plan pour le tiers inférieur, réduit l'opacité du graphique et positionné dans le coin inférieur gauche de l'écran.

Ce graphique glissera sur l'écran de la gauche sur une durée d'une seconde (9:15 - 10:15). Nous utiliserons la fonction d'enregistrement pour créer cette animation.

  1. Avec la tête de lecture à la position 9:15, cliquez sur le bouton Enregistrer pour démarrer l'enregistrement. Déplacez le graphique horizontalement vers la gauche jusqu'à ce que le bord droit de l'image soit à côté du bord gauche de la scène.

  2. Déplacez la tête de lecture à la position 10:15 et ramenez le graphique horizontalement à sa position d'origine. Vous devez ajouter deux images clés à la timeline. Cliquez sur le bouton Enregistrer pour arrêter l'enregistrement.

    La deuxième partie du tiers inférieur est le texte qui affichera le nom du produit. Pour ajouter ce texte, nous suivrons les mêmes étapes que lorsque nous avons ajouté le texte du copyright mais ce texte sera plus grand et animé. Cette animation sera un fondu en transition qui commencera juste après la mise en place du graphique à la position 10h15. Nous mettrons fin au fondu du texte à 11h00 sur la Timeline (10h15 - 11h00).

  3. Réglez la tête de lecture sur 10:15 sur la timeline, ajoutez le texte d'espace réservé «Nom du produit» à l'écran. Dans l'inspecteur, définissez la couleur sur noir, la police sur Helvetica, l'alignement sur centré et la taille sur 48.

  4. Faites glisser le texte au centre du graphique d'arrière-plan.

  5. Avec la tête de lecture toujours à la position 10:15, cliquez sur le bouton Enregistrer et définissez l'opacité du texte à 0%.

  6. Déplacez la tête de lecture à 11h00 et redéfinissez l'opacité à 100%. Arrête d'enregistrer.

    À ce stade, le graphique et le texte du tiers inférieur restent à l'écran jusqu'à la fin de la bande-annonce. Nous avons besoin d'eux pour disparaître à la position 36:15 sur la scène (36:15 - 37:00). Nous allons d'abord couper les deux couches du tiers inférieur à la position 37:00 en déplaçant le bord droit de leurs barres d'objets sur la timeline à 37:00. Nous voulons également terminer la transition de fondu lorsque le tiers inférieur quitte la scène.

  7. Faites glisser le bord droit des barres d'objets texte et graphique à 37:00.

  8. Ajoutez la transition de fondu au texte et au graphique, en démarrant la fonction d'enregistrement à 36:15 et en réduisant l'opacité à 0% à 37:00.

    Jusqu'à présent, nous devions voir le graphique d'arrière-plan afin de positionner les deux éléments ensemble dans le tiers inférieur. Maintenant que les transitions sont terminées, nous n'avons plus besoin de voir le graphique d'arrière-plan de l'espace réservé. Notre dernière étape consiste à convertir le graphique en zone de dépôt afin que nous puissions utiliser un graphique différent comme arrière-plan du tiers inférieur pour chaque remorque.

  9. Dans le volet Calques, sélectionnez le calque d'image d'arrière-plan. Dans l'onglet Image de l'inspecteur, cochez la case Zone de dépôt. Vous verrez les commandes Drop Zone apparaître.

  10. Pour supprimer le graphique d'espace réservé, cliquez sur le bouton Effacer au bas de l'onglet Zone de dépôt. L'image disparaîtra et vous verrez l'image de la zone de goutte grise.

Sauvegardez votre travail.

← Retour

Bande-annonce du projet terminé



Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie et Mac sont des marques d'Apple Inc., déposées aux États-Unis et dans d'autres pays. CoffeBreakBlog est une publication indépendante et n'a pas été autorisée, sponsorisée ou autrement approuvée par Apple Inc. Captures d'écran utilisées avec permission.


Instructions Vidéo: How a Glock Works (Mars 2024).