des ordinateurs

Technique de masquage Motion 5

Mai 2021

Technique de masquage Motion 5


Dans le dernier didacticiel Motion 5, nous avons ajouté le nom de la société à notre logo de produit artisanal révélant et animant le fondu de l'animation avec des images clés sur la timeline. Nous allons maintenant ajouter la technique de masquage qui révèlera la deuxième partie du nom de l'entreprise.

  1. Ouvrez le projet dans MotionR. Vous devriez avoir deux calques nommés Nom et BG et le texte sur la timeline. Dans la couche Nom, nous avons les première et deuxième parties du nom de l'entreprise, «dC» et «ipollo Designs» respectivement.

    L'animation en fondu que nous avons créée précédemment a duré 1 seconde. Nous allons donc commencer la diapositive en animation pour la deuxième partie du nom de l'entreprise, qui utilise la technique de masquage, à 1 seconde sur la Timeline. Notre première étape consiste à déplacer le texte en position pour le début de l'animation et à créer le masque qui masquera le texte pendant cette seconde lorsque le "dC" se fondra sur le canevas.

  2. Avec la tête de lecture à 1 seconde sur la timeline, afin que vous puissiez voir le "dC", déplacez le texte vers la gauche jusqu'à ce que le bord droit du texte corresponde au bord droit du "dC" (la première partie du nom de la société ).

    Nous allons créer le masque à partir d'une simple forme de rectangle.

  3. Déplacez la tête de lecture au début de la timeline. Sélectionnez le calque Nom dans le volet Calques et tracez un rectangle sur le canevas du bord gauche du canevas au bord droit du texte.

  4. Sélectionnez la deuxième partie du nom de l'entreprise dans le volet Calques, cliquez avec le bouton droit et choisissez Ajouter un masque d'image.

    Vous verrez que l'onglet Masque d'image s'affiche dans l'inspecteur. Remarquez bien la source du masque (espace noir) en haut du volet.

  5. Avec le calque Masque d'image sélectionné dans le volet Calques, ouvrez l'onglet Masque d'image si nécessaire. Sélectionnez le calque Rectangle et faites-le glisser vers la source du masque pour définir la forme du rectangle comme masque pour le texte. Lorsque vous voyez la flèche apparaître au-dessus du puits Source du masque, relâchez le bouton de votre souris pour déposer le rectangle dans le puits.

    À ce stade, nous ne voyons pas le rectangle et nous voyons le texte. Faisons disparaître le texte.

  6. Dans l'onglet Masque d'image, cochez la case pour Inverser le masque.

    Maintenant, nous ne voyons aucun texte, car la tête de lecture se trouve au début de la chronologie et la première partie du nom de la société (dC) est invisible. Dans le volet Calques, verrouillez tous les calques du groupe Nom, à l'exception de la deuxième partie du nom de l'entreprise.

    Nous voulons que l'animation qui déplace le texte en place dure quatre secondes, donc elle se terminera à 5 secondes sur la timeline. Nous utiliserons la fonction d'enregistrement pour définir la position de début et de fin du texte de cette animation.

  7. Cliquez sur le bouton Enregistrer. Déplacez la tête de lecture à l'endroit de 5 secondes sur la timeline et faites glisser le texte à droite du "dC", créant le nom complet de la société sur le canevas. Cliquez sur le bouton Enregistrer pour arrêter l'enregistrement.

    À ce stade, l'image clé de début de l'animation masquée se trouve au début de la timeline (image 1), mais nous voulons qu'elle soit au point 1 seconde. Nous pouvons facilement déplacer l'image clé de gauche dans la bonne position sur la timeline.

  8. Cliquez sur le point rouge pour la première image clé et faites-le glisser jusqu'à la marque 1 seconde.

C'est le bon moment pour lire la vidéo. Le "dC" devrait apparaître en fondu, puis les "ipollo Designs" devraient apparaître à gauche. Tout ce que nous devons faire maintenant est d'ajouter le slogan.

← Retour | Suivant →

Exemple de projet



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. ElementsOfStyle 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.

Tutorial #1 | Le motion tracking en masque ! par Shocks (Mai 2021)



Tags Article: Technique de masquage Motion 5, Flash et animation, Apple Animation de masquage Motion