Faites osciller les lignes en appliquant des tracés de tremblement aux calques de forme dans Adobe After Effects.

Un tourne-disque et des ondes sonores surmontés du texte « SCIENCE OF SOUND » s’affichent sur une tablette.

Ce qu'il vous faut

Il s’agit d’une ressource Adobe Stock qui vous permettra de mettre en pratique ce que vous apprenez dans ce tutoriel. Si vous souhaitez utiliser ce fichier d’exemple en dehors de ce tutoriel, il vous suffit d’acheter une licence sur Adobe Stock. Consultez le fichier ReadMe figurant dans le dossier téléchargé pour connaître les conditions régissant l’utilisation de ce fichier d’exemple.

Vous pouvez ajouter les modificateurs des calques de forme à leurs tracés pour créer d’intéressants effets de distorsion. Vous pouvez décaler, raccorder, faire trembler, déformer et même combiner ces modificateurs. Utilisez également le modificateur Tracés de tremblement pour créer une forme d’onde.

Dans une nouvelle composition (Composition > Nouvelle composition), sélectionnez l’outil Plume, puis cliquez à deux endroits dans la fenêtre vide Composition. Maintenez la touche Maj. enfoncée pour contraindre ces points horizontalement. Un calque de forme constitué d’une seule ligne est ajouté à la composition.

Une ligne horizontale simple est ajoutée à une nouvelle composition.

Animez la ligne en l’étirant vers l’extérieur. Dans le panneau Montage, sous Calque de forme 1, développez Contenu > Forme 1 > Tracé 1. Définissez une image clé Tracé au début de la composition, puis avancez la tête de lecture. Dans la fenêtre Composition, modifiez la longueur du tracé en activant l’outil Sélection (appuyez sur V), puis double-cliquez sur un point d’entrée afin de pouvoir le faire glisser vers la gauche ou la droite pour étendre le tracé sur l’image. Une deuxième image clé est automatiquement générée. Prévisualisez votre animation et regardez la ligne s’allonger.

La ligne est animée et étirée en faisant glisser le point d’entrée et en ajoutant des images clés.

Dans le Montage, supprimez (ou désactivez) le fond, développez Contour 1 et définissez l’option Largeur du contour à votre convenance. Cliquez sur le bouton Ajouter sur le calque Contenu et choisissez Tracés de tremblement dans le sous-menu. Développez la nouvelle option Tracés de tremblement 1 et modifiez les paramètres jusqu’à obtenir un résultat satisfaisant. L’option Points vous permet de sélectionner un tremblement irrégulier (Sommet) ou arrondi (Lisse). Tracés de tremblement 1 étant développé, définissez une image clé sur le paramètre Taille actuel. Revenez au début de la composition et définissez une image clé Taille à 0. Prévisualisez votre animation et regardez la ligne s’allonger vers l’extérieur, puis croître en amplitude. Si vous avancez l’image clé Taille du début dans le montage, vous retarderez le début de l’animation de tremblement.

Des tracés de tremblement sont ajoutés avec des pointes arrondies ou anguleuses. La ligne de tremblement est animée en définissant des images clés sur les paramètres Taille.

Pour afficher plusieurs animations de tremblement, dupliquez deux fois votre calque de forme, puis appuyez deux fois sur U pour afficher toutes les propriétés modifiées. Modifiez légèrement les tailles de Tracés de tremblement, les couleurs de Contour, etc. des copies de calque de forme pour que les lignes soient distinctes les unes des autres.

D’autres tracés de tremblement avec des pointes anguleuses sont ajoutés. La couleur et la taille des tracés de tremblement sont modifiées pour créer des lignes distinctes.

Pour compléter cette composition, nous avons décidé de placer nos formes d’onde superposées dans une publicité rétro de platine stéréo. Après avoir activé le mode Produit, nous les avons précomposées, nous avons dupliqué la précomposition, puis appliqué un effet Fond à la copie du bas, en définissant une couleur de fond blanche et en décalant sa position d’un pixel ou deux pour imiter l’effet de « défonce » utilisé dans l’impression offset. Nous avons placé une image de platine stéréo sur les tracés, l’avons coloriée (Effet > Correction colorimétrique > Teinte/Saturation) et avons ajouté quelques images clés Échelle pour l’agrandir. Nous avons ensuite fait glisser une texture éraflée sur les calques de forme et la précomposition d’arrière-plan tout en bas. Enfin, nous avons ajouté une vignette. Découvrez ce que nous avons fait ici et créez votre propre style à l’aide du fichier d’exemple fourni.

 

Avec Adobe Stock, vous avez accès à plus de 100 millions d’images de grande qualité et libres de droits, y compris des photos, illustrations, vidéos et templates pour démarrer rapidement vos projets de création. Testez Adobe Stock et bénéficiez de 10 images offertes.

Logo Adobe

Accéder à votre compte