Conception de mouvement avec la cavalerie : créer une animation binaire basée sur des données | Ken Mbesa | Skillshare

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Conception de mouvement avec la cavalerie : créer une animation binaire basée sur des données

teacher avatar Ken Mbesa, Web Designer | 3D Artist

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Intro

      0:20

    • 2.

      Concevoir un arrière-plan dynamique à chiffres binaires en cavalerie

      12:29

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

1

apprenant·e

--

À propos de ce cours

Avez-vous déjà voulu créer ces flux futuristes de chiffres binaires vus dans Matrix, dans les interfaces de science-fiction, dans les présentations technologiques et dans les motion graphics inspirés par le cyberpunk ?

Dans ce cours pratique de 12 minutes, je vous montrerai comment construire une animation binaire dynamique, et basée sur des données, entièrement à l'intérieur de Cavalry. À l'aide du puissant flux de travail procédural de Cavalry, nous générerons des chiffres binaires aléatoires, les dupliquerons en colonnes animées et les transformerons en un arrière-plan inspiré par la technologie à l'aspect cool.

Si vous êtes novice en cavalerie (ou même si vous connaissez déjà les bases), ce cours vous présentera des techniques qui peuvent être appliquées à une grande variété de projets de conception de mouvement.

Dans ce cours, vous apprendrez à :

  • Générer des chiffres binaires aléatoires à l'aide du générateur de chaînes de Cavalry.
  • Créez des motifs répétitifs avec Duplicators ators
  • Créer de la profondeur et de la perspective à l'aide d'une caméra 3D
  • Améliorez l'attrait visuel avec des dégradés et des effets d'éclat
  • Concevoir un arrière-plan procédural réutilisable pour vos futurs projets

D'ici la fin du cours, vous aurez créé votre propre arrière-plan binaire animé et vous aurez acquis des connaissances précieuses sur le flux de travail de l'animation basée sur les données de Cavalry. Ce sont des compétences qui seront utiles dans vos futurs projets.

Ce cours est parfait pour les concepteurs d'animations, les créateurs de contenu, les artistes visuels et toutes les personnes désireuses d'apprendre les techniques d'animation procédurales de Cavalry.

Vous n'avez pas besoin de savoir maîtriser Cavarly.

Si vous connaissez déjà les bases de l’interface de Cavalry et souhaitez expérimenter, vous êtes prêt. (en anglais)

Rencontrez votre enseignant·e

Teacher Profile Image

Ken Mbesa

Web Designer | 3D Artist

Enseignant·e

My name is Ken.

I'm a web designer, creative educator, and digital entrepreneur with over a decade of experience in visual design (Web Design, Graphic Design, and Video Editing).

Over the years, I've helped thousands of everyday creatives, small business owners, and aspiring freelancers take control of their digital presence by teaching practical, no-fluff web design skills using tools like WordPress, Elementor, Forminator, and WooCommerce, with no coding required.

My goal is to keep things beginner-friendly, practical, and focused on helping you get real-world results. If you're building your first website or launching a fully functional online store, I'll walk you through the process step-by-step with clarity and confidence.

Beyond web design, I'm a... Voir le profil complet

Compétences associées

Design Motion design
Level: Beginner

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Intro: Bonjour, et bienvenue dans une autre classe de cavalerie géniale avec moi, Ken. Dans ce cours, je vais vous montrer comment concevoir ce fond de chiffres binaires inspiré de la matrice dans Cavalry, et nous allons le faire à partir de zéro. 2. Concevoir un arrière-plan dynamique à chiffres binaires en cavalerie: Nous voici donc au sein de Cavalry, et je souhaite créer un tout nouveau projet. Je vais donc aller dans ce menu déroulant et dire créer. Je vais aller dans le dossier de mes deux projets en D, et je vais créer un dossier appelé la matrice. Et je vais choisir ce dossier. Si je dis Control, nous allons ouvrir automatiquement le sous-dossier SNS dans le dossier de matrice que nous venons de créer Nous avons un dossier Scenes. Alors maintenant, nous y travaillons. Et la première chose que je veux faire est de créer un fond noir foncé, car je vais juste vous montrer le projet de référence j'ai créé lors de la préparation de ce cours. Comme vous pouvez le voir, nous avons un fond noir foncé, puis le texte brille en vert C'est donc ce que nous voulons voir comment faire. La première chose que je veux faire est de créer un fond noir. Je vais donc aller ici et taper Background shape. Entrez. Il est gris par défaut. Il est automatiquement sélectionné. Je vais donc aller remplir, cliquer dessus et le faire glisser vers le noir. Maintenez le texte enfoncé et cliquez sur T pour ajouter un texte au milieu du monde. Ici, nous avons un texte qui dit cavalerie par défaut. Je veux remplacer cela par des zéros et des uns. Alors, comment s'y prendre ? Je veux écrire ceci. Je vais dire générateur de chaînes utilitaire. Maintenant, il va générer des chaînes, mais je vais sélectionner le générateur de chaînes ici pour modifier certains aspects de ce que nous examinons. Par exemple, le rembourrage ici devrait être un. Cela supprime simplement tous ces chiffres précédents, précision, zéro, et quoi d'autre ? Nous voulons dire un nombre aléatoire. Mais le minimum doit être zéro et le maximum doit être un. Ce seront donc des nombres aléatoires, mais le minimum sera toujours zéro, et le maximum sera toujours un. Donc, en fait, les paramètres que nous étions en train de définir auparavant étaient ceux que nous avions par défaut, qui était la valeur. Maintenant, nous devons refaire tout ce que nous venons de faire. Le rembourrage ici devrait en être un. Le maximum ici devrait être de un. Et zéro minimum. Nous aurons donc toujours zéro ou un. Maintenant, avec ça, je veux sélectionner le texte de la cavalerie, et je veux le dupliquer. Alors maintenant, comme vous pouvez le voir, nous dupliquons des nombres aléatoires Nous pouvons passer de la grille à la ligne linéaire pour former une ligne droite. Et une chose que j'aime faire, c'est que lorsque je duplique une forme, je la place sous le duplicateur afin de pouvoir réduire le duplicateur et de masquer tout ce qui se rapporte au duplicateur, y compris la forme le duplicateur afin de pouvoir réduire le duplicateur et de masquer dupliquée qui se rapporte au duplicateur, y compris Et le générateur de chaînes se trouve également ici parce qu'il est appliqué au texte. Il est donc censé accéder au texte pour que je puisse le réduire, et son générateur de chaînes reste à l'intérieur. C'est juste pour des raisons d'organisation. Maintenant que nous avons la capacité générer des uns et des zéros aléatoires, nous pouvons augmenter la taille ici à 1920 car mon écran mesure 1920 x 1080, c'est de la HD Je sais donc que si je dis 1920, cela occupera le plein écran. Et nous pouvons augmenter le nombre. Nous allons donc simplement générer des uns et des zéros aléatoires. Nous pouvons également l'étendre, sélectionner la forme du texte pour réduire la taille de la police. Disons 25. Et maintenant, alors que le texte est toujours sélectionné, je peux lui donner une couleur verte. Comme ça. Et revenons en arrière et sélectionnons le duplicateur Maintenant, nous sommes passés au linéaire et nous ne sommes pas passés de l' horizontale à la verticale. Passons donc à la verticale. Cliquez de côté. Nous avons maintenant une matrice verticale comme une bande de uns et de zéros Il ne nous reste plus qu'à dupliquer ce duplicateur. Donc, avec le duplicateur sélectionné, je vais le dupliquer Et par défaut, il se présente sous forme de grille. Nous allons passer à nouveau au linéaire, et nous allons étendre la taille comme d'habitude à 1920. Et augmentez le nombre ici. Laisser de tels écarts parce que c'est vrai, pas trop grand. Augmentons le nombre ici. Nous pouvons toujours revenir pour jouer avec. s'agit donc de deux D, mais nous voulons que ce soit trois D. Donc, ce que nous devons faire, c'est ajouter une caméra. Entrez. Et lorsque vous ajoutez une caméra, pour que toutes les formes la scène fonctionnent également avec une caméra, vous devez les changer 2,5 D. Maintenant que nous avons 2,5 D, nous pouvons venir sélectionner ce duplicateur Nous pouvons également le dupliquer. Mais cette fois, c'est le contrôle D. Nous n'utilisons pas un duplicateur, nous le contrôlons simplement pour pouvoir le sélectionner Et comme c'est du 2,5 D et que nous avons une caméra, nous avons cette position Z. Nous pouvons la pousser vers l'arrière Donc, si je le tire vers l'arrière, maintenant, l'arrière-plan est également censé reculer. Laissez-moi donc le sélectionner. Poussez-le également vers l'arrière. Mais maintenant, sa taille diminue parce qu'elle s'éloigne de plus en plus Ce que nous voulons faire, c'est augmenter l'échelle. Je vais m'accrocher pour augmenter à la fois le X et le Y. Maintenant, il est plus en arrière plan, mais il occupe tout l'espace Pour en revenir à ce duplicateur, nous pouvons le repousser un peu plus loin En maintenant la touche de contrôle enfoncée, vous vous déplacerez par petits incréments, en tirant vers la gauche Donnons-le peut-être jusqu'à moins 50. Juste comme ça. Maintenant, créons-en un autre. Contrôle D, sélectionnez ceci, Contrôle D. Nous avons le duplicateur quatre. Donnons-lui un résultat positif de 50. Cela va l'amener encore plus loin que l'original, celui-ci. Nous avons donc maintenant un joli fond matriciel, mais ce que nous voulons faire, c'est lui donner ce dégradé. Alors, qu'est-ce que cette couleur verte ? C'est le texte. Donc, en développant ce texte, en passant à la couleur de remplissage. Nous voulons passer de la couleur verte plate à un shader dégradé Lorsque nous faisons cela, le dégradé est ajouté. Je vais le déposer sous le texte pour pouvoir le développer et trouver son dégradé ici. Et je vais double-cliquer dessus, lui donner une couleur verte. Et je vais cliquer dessus, lui donner une couleur noire. Mais dans la zone verte. C'est bon. Alors maintenant, comme vous pouvez le voir, si je zoome, cela affecte chaque élément individuel du duplicateur Ce que nous voulons, c'est de l'espace sur l'écran. Un espace d'écran comme ça. Et comme vous pouvez le voir, il se déplace de gauche à droite. Nous voulons le faire pivoter à 90 degrés. En fait, nous voulons qu'il soit négatif 90 parce que nous voulons le côté obscur ci-dessous. Maintenant, je vais appuyer sur ce stop de dégradé foncé et sur ce stop de dégradé vert comme ça. Maintenant, ce côté doit être d'un noir pur ou peut-être légèrement plus clair. Ça fait des ravages sur ma machine. Je pense que c'est un bon endroit. Mais c'est trop pointu. Rendons-le plus progressif en les espaçant. Je vais cliquer n'importe où ici et appuyer F. Pour remplir l'écran avec votre scène. Alors maintenant, ce que nous voulons faire, c'est lui donner cette lueur. Je vais donc sélectionner celui-ci des duplicateurs Je vais sélectionner cette option et dire que les filtres brillent. Et on va lui donner un coup d'éclat. Je vais déposer la lueur dans ce duplicateur et sélectionner une Je vais passer à Glorid Intensity. Essayons-en quatre. Entrez. Allons-y. Pas trop. Vous pouvez jouer avec les autres paramètres pour vous assurer d' obtenir une belle lueur. Mais en gros, c'est ainsi que vous pouvez créer un magnifique fond matriciel vert et lumineux Et encore une chose dont je viens de me souvenir, que nous n'avons pas animé la caméra Vous vous demandez peut-être comment animer la caméra et la déplacer vers les uns et les zéros Donc, en sélectionnant l'appareil photo, assurez-vous que cette poignée se trouve au tout début. Cette poignée, et ajoutons une image-clé dans l'axe Z. Je vais donc ajouter une image-clé dès le début, et la déplacer jusqu'à la fin Et dans l'axe Z, à ce stade, nous voulons avoir emménagé. Disons que jusqu'à ce point. L'image-clé sera donc ajoutée automatiquement. Et maintenant, si je joue maintenant, mon PC est un peu lent. Bien entendu, il existe de nombreuses autres manières créatives d'animer ces nombres binaires. Vous pouvez également les animer en changeant 1 à 0 de manière aléatoire, mais cela rendrait cette classe trop longue. Ce sont des choses que vous allez apprendre à faire dans les prochaines leçons. Jusqu'à la prochaine fois, restez créatifs, et je vous parlerai bientôt.