Animation de formes Sketch et Capture à l’aide d’After Effects

Conversion de formes dans Sketch et Capture en fichiers Illustrator et animation de ces formes à l’aide d’After Effects

Les applications mobiles Adobe Sketch et Adobe Capture vous permettent de créer vos illustrations où que vous soyez, dès que l'inspiration vous vient. Grâce à ces applications, vous pouvez créer des formes qui peuvent être importées directement dans After Effects ou envoyées vers Illustrator ou Photoshop pour faire l’objet de retouches supplémentaires. Vous pouvez ensuite utiliser ces formes dans vos compositions Adobe After Effects.

Les calques de forme contiennent des objets graphiques vectoriels appelés formes. Par défaut, une forme se compose d'un tracé, d'un contour et d'un remplissage.

Vous pouvez importer des formes dans After Effects ou créer des calques de forme en dessinant dans le panneau Composition à l'aide des outils de forme ou de l'outil Plume.

Création d’une forme dans Sketch

  1. Ouvrez Adobe Photoshop Sketch sur votre iPhone, iPad ou iPad Pro et connectez-vous à l’aide de votre Adobe ID.

  2. Appuyez sur « + » pour commencer un nouveau projet et sur un canevas vierge pour commencer une nouvelle esquisse.

    Les options Calque d'esquisse et Calque d'image sont mises en surbrillance.
    Utilisez les options Calque d'esquisse ou Calque d'image pour commencer un nouveau projet avec une esquisse ou une image.

  3. Pour utiliser une image d’archive comme arrière-plan pour votre illustration, appuyez sur l’icône Images et sélectionnez ensuite Adobe Stock dans le menu Images.

    Utilisez les options d'importation d'image pour ajouter une image au canevas.
    Utilisez les options d'importation d'image pour ajouter une image au canevas.

  4. Si vous souhaitez utiliser une image comme référence de tracé, utilisez l’icône d’empilement afin de placer l’image sous votre illustration et de réduire l’opacité. Cliquez ensuite en dehors de la zone pour appliquer les modifications.

  5. Tracez votre esquisse à l’aide des formes, de l’outil de couleur, de l’option de perspective et des pinceaux intégrés.

    Les pinceaux intégrés sont disponibles pour être choisis et utilisés sur le canevas.
    Ouvrez les pinceaux intégrés pour les sélectionner et les utiliser sur le canevas.

  6. Enregistrez votre forme dans une bibliothèque Creative Cloud appropriée de votre collection, ou utilisez les options Envoyer vers Photoshop ou Envoyer vers Illustrator pour la convertir en image vectorielle multicouche.

    Pour en savoir plus sur l’utilisation d’Adobe Sketch, visionnez le tutoriel Dessin et partage de concepts dans Adobe Photoshop Sketch.

Création d’une forme dans Capture

  1. Ouvrez Adobe Capture sur votre iPhone, iPad ou iPad Pro et connectez-vous à l’aide de votre Adobe ID.

  2. Appuyez sur l'option de menu Formes, puis sur l'icône

  3. Pointez la caméra en direction de l’objet et utilisez le curseur pour ajouter ou supprimer des détails d’image. Appuyez sur l’écran et essayez les différentes options pour savoir quelle est celle qui offre le meilleur résultat.

    La caméra est pointée sur l'objet, et un curseur vous permet d'ajouter ou de supprimer des détails de l'image.
    Pointez la caméra sur l'objet et ajustez les détails à l'aide du curseur.

  4. Appuyez sur le bouton Capture pour capturer.

  5. Appuyez sur Désélectionner et faites glisser votre doigt sur les parties de la forme que vous souhaitez supprimer.

    L'option permettant de faire glisser votre doigt sur des parties de la forme est visible.
    Faites glisser votre doigt sur les portions de la forme que vous souhaitez supprimer.

  6. Appuyez sur Suivant lorsque vous avez terminé et laissez à Capture le soin de tracer les contours lisses qui composent votre forme.

  7. Examinez le dessin, puis appuyez sur Suivant et saisissez le nom de la forme.

  8. Sélectionnez la bibliothèque appropriée dans le panneau Bibliothèque Creative Cloud et appuyez ensuite sur Enregistrer la forme

Pour plus d’informations, voir Préparation et importation de fichiers Illustrator.

Importation d’une forme dans After Effects et animation de cette forme en 2D ou 3D

Vous pouvez importer directement des formes à partir d’applications mobiles sous la forme d’éléments ou de fichiers locaux enregistrés dans une bibliothèque Creative Cloud. Vous pouvez également les importer sous la forme de fichiers Photoshop ou Illustrator si vous les avez envoyés à partir d’applications en vue d’y apporter d’autres modifications. 

Par exemple, pour biseauter et extruder votre vecteur, créez un calque de forme à partir d’un calque de métrage d’illustrations vectorielles, puis modifiez-le. Une fois le calque vectoriel converti en calque de forme, vous pouvez le biseauter et l’extruder. Un objet extrudé est celui qui apparaît en trois dimensions. Cette apparence tridimensionnelle est plus évidente lorsque vous déplacez l’objet ou lorsque vous déplacez une caméra autour de celui-ci.Le biseau désigne la commande appliquée sur les bords d’un objet extrudé.

La procédure suivante vous explique comment animer votre forme en 2D et 3D:

  1. Pour importer un fichier vectoriel ou une forme au format PNG, ou sous forme de fichier Illustrator ou Photoshop, faites glisser et déposez le graphique dans votre composition, ou sélectionnez Fichier > Importer > Fichier, sélectionnez le fichier, puis Importer.

  2. Si vous avez importé un fichier graphique vectoriel multicouche, cliquez avec le bouton droit sur le calque vectoriel et sélectionnez Créer > Créer des formes à partir du calque vectoriel. After Effects convertit le calque vectoriel en un calque de forme que vous pouvez animer.

    Le menu Calque est ouvert, et dans le menu Créer, l'option Créer des formes à partir du calque de vecteur est sélectionnée.
    Convertissez le calque de vecteur sélectionné en calque de forme modifiable tout en conservant le calque d'origine dans le montage.

  3. Pour créer une animation simple avec la forme importée, développez le calque et l'option Transformer située en dessous. Par exemple, si vous souhaitez faire pivoter la forme:

    1. Faites glisser la forme sur votre composition. After Effects crée un calque de forme.
    2. Positionnez le repère d’instant présent à l’emplacement où vous souhaitez que la rotation soit effectuée.
    3. Appuyez sur R. La propriété Rotation apparaît sous le calque de forme.
    4. Cliquez sur l’icône du chronomètre pour activer la rotation.
    5. Insérez une image-clé au niveau du point de destination en cliquant sur l’icône d’image-clé à gauche de la propriété de rotation.
    6. Faites pivoter la forme dans votre composition ou modifiez le nombre de fois que vous souhaitez que la forme pivote et l'angle de rotation dans les propriétés Rotation
    7. Sélectionnez Composition > Aperçu > Lire l'aperçu actuel.
    Les propriétés du calque sont ouvertes, et la Valeur de la propriété rotation est ajustée dans le panneau Montage.
    Utilisez la propriété rotation dans le montage pour faire pivoter le calque sélectionné autour de son point d'ancrage au fil du temps.

  4. Sélectionnez Composition > Paramètres de composition pour convertir la composition en une composition 3D avec lancer de rayons pour l'animation.

  5. Dans l'onglet Rendu 3D , sélectionnez le moteur de rendu Cinema 4D.Votre composition est maintenant au format 4D avec lancer de rayon qui accepte les formes et le texte extrudés.

    Les Paramètres de composition sont ouverts, et dans l'onglet Moteur de rendu 3D, le moteur de rendu est sélectionné comme Cinema 4D.
    Sélectionnez Cinema 4D pour pouvoir travailler avec du texte et des formes extrudés.

  6. Pour convertir votre calque de forme en calque 3D, effectuez l’une des opérations suivantes:

    • Pour convertir un calque en calque 3D, sélectionnez le commutateur Calque 3D pour le calque dans le panneau Montage, ou sélectionnez le calque et sélectionnez Calque > Calque 3D.
    • Pour convertir un calque de texte en calque 3D avec les propriétés 3D par caractère activées, sélectionnez Animation > Animer le texte > Activer la 3D par caractère.
  7. Sélectionnez une ou plusieurs options parmi le large éventail d’outils d’animation 3D proposés par After Effects. Par exemple:

    • Pour faire pivoter ou orienter votre calque 3D dans le panneau Montage, sélectionnez le calque 3D et, dans le panneau Montage, modifiez les valeurs des propriétés Rotation ou Orientation. Appuyez sur R pour afficher les propriétés Rotation et Orientation
    • Pour déplacer un calque 3D, dans le panneau Composition, utilisez l'outil Sélection pour faire glisser la pointe de la flèche du contrôle de calque d'axe 3D correspondant à l'axe le long duquel vous souhaitez déplacer le calque, puis Maj-glisser pour déplacer le calque plus rapidement. Vous pouvez également le faire en modifiant les valeurs de la propriété Position dans le panneau Montage.
    • Pour animer votre calque 3D avec différents angles de vue et distances, comme si vous regardiez à travers une ou plusieurs caméras, utilisez l'option caméra. Sélectionnez Calque > Nouveau > Caméra, ou appuyez sur Ctrl+Alt+Maj+C (Windows) ou Commande+Option+Maj+C (macOS). Positionnez le repère d’instant présent sur l’heure de destination, insérez une image clé, puis déplacez la forme. 

Adobe, Inc.

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?