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

Les applications mobiles Adobe Sketch CC et Adobe Capture CC (anciennement Adobe Shape CC) vous permettent de créer des images où que vous soyez, au gré de votre inspiration. 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 CC.

Les calques de forme contiennent des images vectorielles appelées formes. Par défaut, une forme est constituée d’un tracé, d’un contour et d’un fond. Voir À propos des tracés et Contours et fonds pour les formes.

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 (voir Création de formes et de masques).

Création d’une forme dans Sketch CC

  1. Ouvrez Adobe Photoshop Sketch CC 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.

  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.

  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.

  6. Enregistrez votre forme dans une bibliothèque Creative Cloud appropriée de votre collection ou utilisez l’option « Envoyer vers Photoshop CC » ou « Envoyer vers Illustrator CC » pour convertir la forme en image vectorielle à calques.

    Pour en savoir plus sur l’utilisation d’Adobe Sketch CC, visionnez le didacticiel Draw and share concepts in Adobe Photoshop Sketch.

Création d’une forme dans Capture CC

  1. Ouvrez Adobe Capture CC 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.

  4. Appuyez sur le bouton Acquisition pour effectuer l’acquisition.

  5. Appuyez sur Désélectionner et faites glisser votre doigt sur les parties 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 en savoir plus sur Capture CC, voir FAQ d’Adobe Capture CC.

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 de ressources ou de fichiers locaux enregistrés dans une bibliothèque CC. 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. L’objet extrudé est celui qui apparaît en trois dimensions (3D). Cette apparence tridimensionnelle est plus évidente lorsque vous déplacez l’objet ou lorsque vous déplacez une caméra autour de celui-ci. Biseau désigne la commande sur les bords d’un objet extrudé.

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

  1. Pour importer une forme ou un fichier vectoriel au format PNG ou sous la forme d’un fichier Photoshop ou Illustrator, faites glisser un graphique dans la composition ou cliquez sur Fichier > Importer > Fichier, sélectionnez le fichier, puis cliquez sur Importer.

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

  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 souhaité de rotations de la forme, ainsi que l’angle de rotation, dans les propriétés Rotation. 
    7. Sélectionnez Composition > Prévisualisation > Lire la prévisualisation active.
  4. Sélectionnez Composition > Paramètres de composition pour convertir la composition en composition 3D avec lancer de rayon en vue de l’animation.

  5. Dans l’onglet « Rendu 3D », sélectionnez le système de rendu « 3D avec lancer de rayon ». Votre composition est maintenant au format 3D avec lancer de rayon qui accepte les formes et le texte 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, vous pouvez soit sélectionner l’option Calque 3D dans le panneau Montage, soit sélectionner le calque et cliquer ensuite sur Calque > Calque 3D.
    • Pour convertir un calque de texte en calque 3D avec les propriétés par caractère activées, sélectionnez Animation > Animer 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 orienter ou faire pivoter votre calque 3D dans le panneau Montage, sélectionnez-le, puis modifiez les valeurs de propriété Orientation ou Rotation dans le panneau Montage. 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 flèche du contrôle de calque d’axe 3D correspondant à l’axe le long duquel vous souhaitez déplacer le calque, puis faites glisser la souris en maintenant la touche Maj enfoncée pour déplacer le calque plus rapidement. Vous pouvez également effectuer cette opération en modifiant les valeurs de la propriété Position dans le panneau Montage. Pour en savoir plus sur l’animation de calques 3D, voir Animation de calques 3D.
    • Pour animer un calque 3D selon une distance et des angles de vision variables, comme si l’observation s’effectuait à travers une ou plusieurs caméras, utilisez l’option de caméra. Choisissez Calque > Créer > Caméra ou appuyez sur les touches Ctrl + Alt + Maj + C (Windows) ou Commande + Option + Maj + C (Mac OS). Positionnez le repère d’instant présent sur l’heure de destination, insérez une image clé, puis déplacez la forme. Pour en savoir plus, voir Caméras, lumières et points ciblés.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne