Déplacement vectoriel super simple - Tutoriel After Effects

Déplacement vectoriel super simple – Tutoriel After Effects

La semaine dernière, j’ai publié un article intitulé « Ode à la simplicité dans la conception graphique en jouant avec les lignes » et il présentait une collection d’explorations incroyables d’œuvres d’art et de conception graphique utilisant des formes simples, comme des lignes, des cercles. Certains des exemples avaient une chose vraiment cool en commun, il s’agissait de motifs simples, comme une grille de cercles, mais avec une déformation intelligente. Imaginez utiliser l’effet de déplacement dans Photoshop sur une simple grille de lignes. Le résultat est définitivement saisissant et pour continuer mon programme d’auto-formation After Effects, j’ai décidé d’essayer de reproduire cela et de partager ici sur Abduzeedo avec un petit tutoriel After Effects.

Donc, pour ce tutoriel, je vais juste montrer comment j’ai créé un effet de déformation simple dans After Effects en utilisant uniquement les filtres et effets disponibles. L’ensemble du processus ne prendra pas plus de 20 minutes, mais le rendu peut prendre une éternité.

Tutoriel After Effects

Étape 1

La première chose à faire est de créer un motif simple et de l’appliquer sur une toile. Pour ce faire, j’ai utilisé Illustrator. Il n’y a probablement pas de moyen plus simple que cela.

Alors ouvrir Illustrator et créer un nouveau document. J’utilise la taille de ma composition dans After Effects, 1080×1440 pixels.

Après cela, sélectionnez simplement le Outil Ellipse (L) et créer un cercle. Ensuite aller à Objet>Motif>Créer. Vous verrez un panneau pour Options de motif. Sélectionnez Taille du carreau sur Art et Déplacer le carreau avec Art. Ajustez ensuite le Espacement H et espacement V selon votre goût.

Étape 2

Exportez l’illustration dans Illustrator. Vous pouvez soit importer le fichier Illustrator, soit simplement importer un PNG. J’ai fait ce dernier simplement parce qu’il a créé une petite taille de fichier. Dans After Effects, ajoutez une nouvelle composition et nommez-la Dots. j’utilise 1080x1440px. Importez-y le fichier points.

Étape 3

Créez une autre composition et nommez-la Main. Faites glisser la composition Points vers la chronologie. La raison pour laquelle nous faisons cela est que nous pouvons remplacer l’image plus tard, comme des points aux lignes et l’effet principal ne changera pas.

Après cela, sélectionnez simplement la composition Dots et accédez à Effets>Distorsion>Déplacement turbulent. Sélectionner Turbulent Smoother ou Bulge Smoother. Changer la Taille à quelque chose autour de 400-500 et le montant à 40-50. Assurez-vous que le L’épinglage est Aucun et que Redimensionner le calque est sélectionné.

Étape 4

À présent il suffit d’animer l’Evolution. La première image, vous pouvez la conserver à 0x00, puis pour la dernière image, ajoutez simplement 3×00. Il effectuera l’évolution 3 fois.

Conclusion

Maintenant, vous pouvez simplement l’animer. Vous pouvez également explorer différents types de motifs ou même d’autres façons de créer une déformation. Je joue avec le Wrap et le Displace Map et les résultats sont assez intéressants. Ci-dessous vous pouvez voir quelques exemples.

Téléchargements

Télécharger le fichier source