Exemple avancé : création d’un modèle d’effet SLR à l’aide de l’habillage

Les utilisateurs expérimentés de Motion peuvent créer des modèles d’effets sophistiqués pour Final Cut Pro X. L’exemple suivant explique comment créer de tels effets, une simulation d’un viseur d’appareil photo SLR (reflex mono-objectif) changeant de mise au point. Un appareil photo reflex mono­objectif utilise un système de déplacement par prisme ou miroir pour indiquer au photographe l’image qui sera prise sur le film. Les procédures présentées dans cette section nécessitent une connaissance approfondie de plusieurs techniques avancées de Motion, y compris les techniques de clonage, de masquage et d’habillage. Pour en savoir plus sur ces techniques, voir Clonage de couches, Utilisation des formes, masques et traits de peinture et Utilisation d’habillages. Les procédures de cet exemple sont divisés en plusieurs tâches :

  • configuration du projet de modèle dans Motion ;

  • création de graphiques « viseur » ;

  • ajout d’une image de preview ;

  • ajout de masques ;

  • création et personnalisation d’un nouvel habillage ;

  • publication du widget d’habillage et du modèle d’effet dans Final Cut Pro.

Pour configurer le projet d’effet SLR dans Motion
  1. Choisissez Fichier > Nouveau (ou appuyez sur les touches cmd + N).

  2. Dans le navigateur de projets, sélectionnez l’effet Final Cut, choisissez le préréglage de projet requis pour votre projet Final Cut Pro X puis cliquez sur Ouvrir.

    Remarque : cet exemple utilise le préréglage Diffusion HD 720.

    Le projet s’ouvre et contient un seul groupe avec la couche de repère d’emplacement Source de l’effet.

    Le repère d’emplacement (image de flèche) représente un plan ou une image auquel l’effet est appliqué dans la timeline de Final Cut Pro. Ce modèle utilisant plusieurs exemples de la même image ou du même plan pour créer un effet de prisme double SLR, les clones sont des repères d’emplacement.

  3. Cloner le repère d’emplacement :

    1. Sélectionnez la couche source de l’effet, puis choisissez Objet > Cloner la couche (ou appuyez sur la touche K).

    2. Renommer la couche clone « Arrière­plan ».

    3. Sélectionnez à nouveau la couche source de l’effet, puis choisissez Objet > Cloner la couche (ou appuyez sur la touche K).

    4. Renommer la seconde couche clone « Prisme supérieur ».

    5. Renommer la couche source de l’effet « Prisme inférieur ».

  4. Ajouter de nouveaux groupes au projet :

    1. Dans la liste Couches, sélectionnez le groupe puis cliquez quatre fois sur le bouton d’ajout (+) situé dans le coin inférieur gauche de la liste Couches pour créer quatre groupes supplémentaires.

    2. Nommer le groupe situé tout en bas (soit le groupe contenant les clones) « Groupe d’arrière­plan ».

    3. Nommer le groupe 1 « Groupe de prisme inférieur ».

    4. Nommer le groupe 2 « Groupe de prisme supérieur ».

    5. Nommer le groupe 3 « Groupe de prisme double ».

    6. Nommer le groupe 4 « Groupe d’écran de mise au point ».

      Votre projet devrait ressembler à ceci :

      Figure. Layers list showing clone layers and new groups.
  5. Organiser les groupes et les clones de repère d’emplacement :

    1. Faites glisser la couche clone Prisme inférieur sur « Groupe de prisme inférieur ». Lorsque le « Groupe de prisme inférieur » est mis en surbrillance, relâchez le bouton de la souris.

    2. Faites glisser la couche clone Prisme supérieur sur « Groupe de prisme supérieur ».

    3. Cliquez sur « Groupe de prisme inférieur » et « Groupe de prisme supérieur » tout en maintenant la touche Maj enfoncée, puis faites­les glisser sur « Groupe de prisme double ».

      « Groupe de prisme inférieur » et « Groupe de prisme supérieur » sont désormais membres de « Groupe de prisme double ».

    4. Faites glisser « Groupe de prisme double » sur « Groupe d’écran de mise au point ».

      Votre projet devrait ressembler à ceci :

      Figure. Layers list showing objects in new groups.

    Dans la tâche suivante, ajoutez des formes pour simuler les bagues de mise au point d’un viseur SLR.

Pour ajouter les graphiques de mise au point du viseur
  1. Lorsque « Groupe d’écran de mise au point » est sélectionné, choisissez l’outil Cercle dans le menu local Forme de la barre d’outils.

  2. Placez le pointeur au centre du canevas puis, tout en maintenant enfoncées les touches Maj et Option, dessinez un cercle dans le canevas.

    Le cercle doit être assez large pour recouvrir l’image de la flèche.

    Astuce : choisissez Grille dans le menu local Présentation situé au­dessus du canevas pour afficher une grille permettant le positionnement des graphiques dans le canevas.

  3. Nommer la couche de cercle « Anneau extérieur ».

  4. Lorsque la couche Anneau extérieur est sélectionnée, procédez comme suit dans l’inspecteur Forme :

    1. Désactivez Remplir en désélectionnant la case d’activation bleue.

    2. Activez Contour en cochant la case d’activation bleue.

    3. Réglez la couleur de pinceau sur noir.

    4. Réglez la largeur sur 1.

    5. Réglez l’opacité du pinceau sur 80 pourcent.

      Figure. Canvas with Outer Ring circle set to black outline.
  5. Lorsque la couche Anneau extérieur est sélectionnée, appuyez sur cmd + D puis nommez la forme dupliquée « Anneau de texture ».

  6. Dans l’inspecteur Forme, procédez comme suit :

    1. Désactivez Contour en désélectionnant la case d’activation bleue.

    2. Activez Remplir en cochant la case d’activation bleue.

    3. Réglez la couleur de remplissage sur noir.

    4. Réglez l’opacité du remplissage sur 35 pourcent.

  7. Dans l’inspecteur Propriétés, réglez l’échelle sur 42 pourcent.

  8. Dans la barre d’outils, choisissez Styliser > Similigravure dans le menu local Ajouter filtre.

    Un motif d’écran est appliqué à l’anneau de texture.

  9. Dans l’inspecteur Filtre, réglez le contraste sur 0,2.

    Dans la tâche suivante, ajoutez une image (pour voir l’effet créé) et appliquez un filtre flou. Dans une tâche ultérieure, vous habillerez le filtre flou pour créer l’effet de mise au point changeante.

Ajouter une image et appliquer un filtre flou à l’arrière­plan
  1. Dans le navigateur, faites glisser une image fixe sur le canevas, relâchez le bouton de la souris lorsque le repère d’emplacement du canevas est surligné en jaune.

    Cette image vous permet de voir l’effet créé. Lorsque l’image est déplacée sur le canevas, elle est appliquée sur les couches de clone et d’arrière­plan. Cet exemple utilise une image d’un troupeau d’éléphants. Ils sont nets.

    Figure. Canvas showing elephant image and effect of Halftone filter on the Texture Ring.
  2. Dans la liste Couches, sélectionnez Arrière­plan.

  3. Dans la barre d’outils, choisissez Flou > Flou gaussien dans le menu local Ajouter filtre.

    Un filtre de flou gaussien est ajouté à l’image des éléphants.

  4. Dans l’inspecteur Filtres, réglez Quantité sur 0.

    La quantité de flou est modifiée ultérieurement (lors de la création de l’habillage).

    Dans la tâche suivante, vous ajoutez les masques qui créent le centre du viseur et les prismes doubles.

Pour ajouter les masques de l’écran de mise au point
  1. Ajouter un masque à la couche Anneau de texture :

    1. Dans la liste Couches, sélectionnez Anneau de texture.

    2. Choisissez l’outil Masque circulaire dans le menu local Masque de la barre d’outils, placez le pointeur au centre de la forme Anneau de texture et, tout en maintenant les touches Maj et Option enfoncées, dessinez un masque dans le canevas.

      Utilisez l’image suivante comme référence :

      Figure. Drawing a circle mask on the Texture Ring in the Canvas.

      Le cercle Anneau de texture est masqué. Toutefois, pour simuler une bague de mise au point du viseur SLR, vous devez inverser le masque.

    3. Dans l’inspecteur Masque, sélectionnez Inverser le masque.

      Figure. Result of inverting the circle mask.

      Astuce : pour aligner des objets dans le canevas, utilisez les guides dynamiques et le magnétisme (appuyez sur N). Vous pouvez également sélectionner des objets puis choisir une option dans le menu Objets > Alignement.

  2. Ajouter un masque à « Groupe de prisme supérieur » :

    1. Dans la liste Couches, sélectionnez « Groupe de prisme supérieur ».

    2. Choisissez l’outil Masque de Bézier dans le menu local Masque de la barre d’outils, puis dessinez un quadrilatère dans le canevas de manière à ce que le côté inférieur traverse le centre des graphiques circulaires à un angle.

      Utilisez l’image suivante comme référence :

      Figure. Bezier mask in Canvas.

      Astuce : pour effectuer un zoom arrière rapide dans le canevas, appuyez sur cmd + signe moins (-). Appuyez sur cmd + signe plus (+) pour effectuer un zoom avant dans le canevas. Vous pouvez également maintenir enfoncée la barre d’espace et la touche cmd (dans cet ordre), puis faire glisser en diagonale dans le canevas. Le zoom est effectué autour du point sur lequel vous avez cliqué dans le canevas.

    3. Lorsque le masque est sélectionné, choisissez Présentation > Afficher les règles (ou appuyez sur cmd + Maj + R).

    4. Faites glisser deux guides de la règle horizontale et alignez­les avec les coins inférieurs gauche et droit du masque.

      Figure. Ruler guides aligned with lower-left and lower-right corners of the Bezier mask.
  3. Ajouter un masque à « Groupe de prisme inférieur » :

    1. Dans la liste Couches, sélectionnez le masque de Bézier créé à l’étape 2.

    2. Choisissez Édition > Dupliquer (ou appuyez simultanément sur les touches cmd + D).

    3. Faites glisser la copie du masque de Bézier dans « Groupe de prisme inférieur ».

    4. Choisissez l’outil Sélectionner/Transformer dans le menu local situé à l’extrémité gauche de la barre d’outils.

    5. Tout en maintenant la touche Maj enfoncée, faites glisser la poignée de rotation du masque de 180 degrés.

      Figure. Rotating duplicated Bezier mask in Canvas.
    6. Faites glisser le masque vers le bas jusqu’à ce que les coins supérieurs gauche et droit soient alignés avec les guides.

      Astuce : après avoir débuté l’opération de déplacement du masque, maintenez la touche Maj enfoncée pour confiner le mouvement sur l’axe Y. Pour effectuer un réglage fin de la position Y du masque, appuyez sur cmd + Flèche vers le haut ou cmd + Flèche vers le bas, ou réglez le paramètre Position Y dans l’inspecteur Propriétés du masque.

      Pour visualiser les effets des masques, désactivez le groupe Arrière­plan, puis les groupes « Groupes de prisme supérieur » et « Groupe de prisme inférieur »

  4. Ajouter un masque à « Groupe de prisme double » :

    1. Dans la liste Couches, sélectionnez le masque circulaire que vous avez appliqué à la couche Anneau de texture puis appuyez sur cmd + D.

    2. Faites glisser la copie du masque circulaire sur « Groupe de prisme double », puis désactivez le groupe Arrière­plan pour visualiser l’effet du masque.

      Lorsque le masque est appliqué sur le groupe Prisme double, il conserve son état inversé mais son échelle en est modifiée. Cela provient du fait que le masque a été appliqué à un objet qui a été mis à l’échelle (Anneau de texture). Lorsque le masque est appliqué à un objet qui n’a pas été mis à l’échelle, il est appliqué à sa taille non mise à l’échelle.

    3. Lorsque la copie du masque circulaire est sélectionnée, désélectionnez la case Inverser le masque dans l’inspecteur Masque.

      Figure. Result of Circle Mask copy applied to Split Prism Group and the Invert Mask checkbox deselected.
    4. Lorsque la copie du masque circulaire est sélectionnée, ouvrez l’inspecteur Propriétés et réglez le paramètre Échelle pour faire correspondre l’échelle à l’anneau de texture : 42 pourcent.

      Figure. Result of "Circle Mask copy" scaled to 42 percent.

    Dans la tâche suivante, créez l’habillage qui contrôle les emplacements des couches Prisme supérieur et Prisme inférieur, en simulant la mise au point de l’appareil photo reflex mono-objectif.

Pour créer l’habillage d’effet SLR
  1. Dans la liste Couches, sélectionnez la couche clone Prisme supérieur (et non « Groupe de prisme supérieur ») et, dans l’inspecteur Propriétés, procédez comme suit :

    1. Cliquez sur le triangle d’affichage du paramètre Position pour afficher les sous­paramètres X, Y et Z.

    2. En maintenant la touche Contrôle enfoncée, cliquez sur le nom du paramètre de position X, puis choisissez « Ajouter à l’habillage » > Créer un habillage > Ajouter au nouveau curseur, dans le menu contextuel.

      Figure. Adding X Position parameter to a new rig via the shortcut menu.

    L’inspecteur Widget s’affiche et contient un seul paramètre : « Prisme supérieur.X ». Un icône d’habillage (manette) s’affiche en regard du paramètre dans l’inspecteur (ainsi que dans l’inspecteur Propriétés pour la couche clone Prisme supérieur). Les objets Habillage et Curseur s’affichent également à proximité de la partie supérieure de la liste Couches.

  2. Sélectionnez la couche clonée Prisme inférieur et dans l’inspecteur Propriétés, procédez comme suit :

    1. Cliquez sur le triangle d’affichage du paramètre Position pour afficher les sous­paramètres X, Y et Z.

    2. En maintenant la touche Contrôle enfoncée, cliquez sur le nom du paramètre de position X, puis choisissez Ajouter à l’habillage > Habillage > Ajouter au curseur, dans le menu contextuel.

  3. Dans la liste Couches, sélectionnez le filtre Flou gaussien, puis procédez comme suit :

    1. Ouvrez l’inspecteur Filtres.

    2. En maintenant la touche Contrôle enfoncée, cliquez sur le nom du paramètre de quantité, puis choisissez Ajouter à l’habillage > Habillage > Ajouter au curseur, dans le menu contextuel.

  4. Dans la liste Couches, sélectionnez l’habillage.

    Les paramètres d’habillage s’affichent dans l’inspecteur Habillage, avec le paramètre ajouté le plus récemment situé en haut de la liste.

    Figure. Rig Inspector showing rigged Gaussian Blur Amount, Top Prism Position X, and Bottom Prism Position X parameters.

    Dans la tâche suivante, créez trois instantanés différents simulant l’effet de mise au point du viseur. Dans le premier instantané, le prisme supérieur est déplacé vers la gauche et l’image d’arrière­plan est floue. Dans le second instantané, les prismes supérieur et inférieur sont alignés et l’image d’arrière­plan est nette. Dans le troisième instantané, le prisme inférieur est déplacé sur la droite et l’image d’arrière­plan est floue.

    Pour en savoir plus sur l’utilisation des habillages, des widgets et des instantanés, voir Utilisation d’habillages.

Pour créer les instantanés de l’habillage SLR
  1. Dans la liste Couches, cochez la case du groupe Arrière­plan pour visualiser l’effet des instantanés lors de leur création.

  2. Dans l’inspecteur Habillage, double-cliquez juste au­dessous du centre de la commande de curseur pour ajouter un nouvel instantané puis faites glisser la balise bleue de l’instantané sur 50 environ.

    Figure. Blue dot representing middle snapshot.
  3. Cliquez sur le premier instantané (la balise la plus à gauche) puis réglez les valeurs suivantes :

    1. flou gaussien sur 150 ;.

    2. position X du prisme inférieur sur 25 ;

    3. position X du prisme supérieur sur – 25.

      Cet instantané simule le viseur d ’un appareil photo reflex mono-objectif mis au point sur une extrémité.

  4. Cliquez sur le troisième instantané, puis réglez les valeurs suivantes :

    1. flou gaussien sur 150 ;.

    2. position X du prisme inférieur sur – 25 ;.

    3. position X du prisme supérieur sur 25.

      Cet instantané simule le viseur d’un appareil photo reflex mono-objectif mis au point sur l’extrêmité opposée.

      Remarque : les valeurs des instantanés intermédiaires restent sur 0, représentant l’objectif de l’appareil SLR sur une mise au point nette.

  5. Faites glisser le curseur d’avant en arrière pour visualiser l’effet des paramètres d’habillage.

    Veillez à ne faire glisser que la commande du curseur et non la balise d’un instantané.

    Figure. Results of the SLR effect as the slider is moved back and forth.

    Lorsque l’effet SLR est ajouté à la timeline de Final Cut Pro X, ce curseur s’affiche dans l’inspecteur Effet.

    Dans la tâche suivante, le curseur d’habillage est publié en tant que « Mise au point ». Dans Final Cut Pro X, le déplacement du curseur de mise au point d’avant en arrière simule la mise au point du viseur d’un appareil photo mono-objectif.

Pour publier le widget du curseur et le modèle d’effet SLR
  1. Dans la liste Couches, nommez le widget du curseur « Mise au point ».

  2. Sélectionnez le widget Habillage ou Mise au point, puis procédez de l’une des façons suivantes dans l’inspecteur Habillage :

    • Cliquez sur le menu Animation du curseur de mise au point (le triangle vers le bas qui s’affiche lorsque vous placez le pointeur sur le côté droit de la ligne du paramètre), puis choisissez Publier dans le menu local.

    • Maintenez la touche ctrl enfoncée en cliquant sur le nom du paramètre du curseur de mise au point, puis choisissez Publier dans le menu contextuel.

  3. Dans la liste Couches, sélectionnez l’objet Projet, puis ouvrez la fenêtre Publication de l’inspecteur Projet.

    Le curseur de mise au point s’affiche dans la liste des paramètres publiés, indiquant les commandes de paramètre qui apparaissent dans l’inspecteur Final Cut Pro.

    Figure. Publishing pane of Project Inspector showing Focus slider.
  4. Choisissez Fichier > Enregistrer, puis procédez comme suit :

    1. Dans la zone de dialogue Enregistrer, saisissez un nom pour le modèle.

      Si vous n’indiquez aucun nom, le modèle apparaît dans le navigateur d’effets de Final Cut Pro sous le nom « Nouveau modèle ».

    2. Choisissez une catégorie dans le menu local Catégorie.

      Vous pouvez également créer une catégorie personnalisée. Les catégories apparaissent dans le navigateur de projets de Motion et dans le navigateur d’effets de Final Cut Pro.

    3. Le cas échéant, choisissez un thème dans le menu local Thème.

      Vous pouvez également créer des thèmes. Ceux-ci apparaissent dans le navigateur de projets de Motion et dans le navigateur de thèmes de Final Cut Pro X. Un thème est une balise de métadonnées qui permet de classer les modèles par catégorie. Pour en savoir plus sur les thèmes et les catégories repris dans le navigateur de projets de Motion, consultez la section Navigateur de projets.

    4. Si vous ne voulez pas qu’un film de preview apparaisse dans le navigateur de projets de Motion, désélectionnez l’option Enregistrer le film de preview.

      Le modèle s’affiche dans le navigateur d’effets de Final Cut Pro, prêt à être utilisé. Pour en savoir plus sur les paramètres d’animation avec des images clés de Final Cut Pro, reportez-vous à l’Aide Final Cut Pro X.

    5. Cliquez sur Publier.