Design de spline : créer des objets, des scènes et des animations en 3D [Introduction]

1. Introduction au design de Spline: Salut les gars, Ceci est un cours d'introduction à l'outil Spline. Spline est un outil de conception 3D simple destiné aux personnes ayant peu ou pas d' expérience de la modélisation 3D. C'est totalement gratuit. Vous pouvez travailler sur un navigateur avec n'importe quel appareil de votre choix. Comme il est basé sur un navigateur, vous n'avez pas besoin d'un ordinateur puissant ni de vous soucier de la configuration matérielle requise. Ce que vous pouvez faire avec Spline dépend totalement de votre imagination. Vous pouvez travailler avec votre équipe, en temps réel, concevoir vos niveaux de jeu, lire un multivers, sculpter en 3D, concevoir et modéliser des objets avec de magnifiques effets de couleur et de lumière. Dans ce cours, nous allons commencer par les bases de la spline, comme l'interface utilisateur, menu latéral et les barres d'outils. Ensuite, nous aborderons les sujets essentiels tels que les matériaux, voile, l'animation, etc. Sachez qu'il s'agit d'un cours d'introduction au niveau débutant. Si vous n'êtes pas novice en matière de spline ou de modélisation 3D, vous pouvez ignorer ce cours et consulter notre profil pour découvrir des didacticiels de projet géniaux utilisant Spine. Si vous êtes débutant, je vous recommande de commencer par ce cours. Et après avoir terminé ce cours intensif, vous pourrez continuer et regarder des didacticiels 3D réels. Dix du Colorado. N'oubliez pas de vérifier mon profil après avoir terminé ce cours. 2. Pour commencer: Au cours de ce didacticiel, j'utiliserai la version navigateur Web de spline. Il existe également des applications de bureau pour Windows et macOS. Il n'y a aucune différence. Je crois que vous pouvez suivre avec n'importe quelle version que vous voulez. Mais je ne veux pas de confusion pour personne. Donc ceux qui veulent suivre avec les mêmes paramètres, il suffit d'ouvrir la spline sur un onglet Chrome comme moi. D'accord, si tu es prêt, commençons. instant, vous voyez le menu principal. Examinons le menu de gauche. Je suis actuellement sur mes dossiers. Comme vous pouvez le constater, je n' ai pas encore de fichiers. Nous pouvons créer un nouveau fichier à partir d'ici, ou simplement en utilisant ce bouton. Spline est une application collaborative qui vous permet de travailler avec votre équipe sur un projet. Vous verrez ici les projets qui seront partagés avec vous à l'avenir. Dans l'onglet Bibliothèque, vous trouverez de nombreuses scènes et objets 3D que vous pouvez utiliser. Nous reviendrons ici plus tard. Passons à autre chose. Dans la boîte de réception, vous pouvez voir les notifications. Nous n'en avons pas encore. Et juste en dessous, vous pouvez créer une nouvelle équipe à l'aide de ce bouton. Ici, dans l'onglet Archive. Vos projets supprimés sont placés dans les archives. À partir de là, vous pouvez restaurer le projet ou le supprimer définitivement. Et nous pouvons voir les mises à jour, corrections de bogues ou les développements dans cet onglet. Je peux dire que Spline a une équipe vraiment dynamique. Ils développent l'application en permanence. Enfin, nous avons le bouton Aide et commentaires. Vous trouverez des liens utiles ici. Vous trouverez également la documentation de spline, que nous suivrons dans ce cours. Vérifiez également les raccourcis. Prendre une capture d' écran peut être une bonne idée. 3. Démarrer rapidement: La mise en page est assez simple et facile à comprendre. Fondamentalement, nous avons la hiérarchie sur la gauche et le gestionnaire d'objets. Vous pouvez changer la visibilité des objets et les verrouiller. En haut. Nous avons une barre d'outils. Nous ajouterons des formes, exporterons des objets et passerons en mode jeu à partir de là. Et sur le panneau latéral droit, nous avons les paramètres globaux tels que la couleur d'arrière-plan. Changeons la couleur d' arrière-plan de la scène, quelque chose comme le jaunâtre. Permettez-moi de supprimer cet objet ici. Et aussi, je ne veux pas d' aides et de plans de grille. Vous pouvez créer un objet à partir d'ici. Créons un cube. Vous pouvez soit le modifier en cliquant soit cliquer dessus et le faire glisser comme ceci. Maintenant, si je maintiens la touche Maj enfoncée, je vais redimensionner cet objet proportionnellement. Si je maintiens également le bouton Alt enfoncé, je peux le redimensionner à partir du centre de l'axe. Je peux utiliser ces flèches et ces arcs pour déplacer l'objet ou le faire pivoter. Je peux également le faire pivoter sur l'axe Y. Maintenant, nous pouvons vraiment voir que c'est de la 3D. Et ces petits cercles ici servent à déplacer l'objet. Alors que les cubes servent à redimensionner le cube. Et pendant que l' objet est sélectionné, nous pouvons aller dans la section des propriétés et modifier le coin. Ces paramètres ici dépendent de l'objet, ce qui signifie que si nous créons un nouveau cylindre, laissez-moi le faire pivoter. Et dans ma direction aussi, peut-être une annexe. D'accord, vous pouvez donc voir que les paramètres de forme sont modifiés. Maintenant, j'ai un paramètre creux, par exemple, qui est spécifique à un objet cylindre. Si vous créez un objet 2D, vous aurez des propriétés telles que l'extrusion, qui revient à ajouter une troisième dimension aux objets 2D. Avec un outil vectoriel, vous pouvez dessiner un objet à partir de zéro, comme dans Photoshop. Laissez-moi dessiner une forme. Vous pouvez modifier votre forme après avoir dessiné à l'aide de ces points. La meilleure partie est qu'après avoir dessiné, vous pouvez extruder et biseauter. Vous pouvez donc également utiliser cet objet dans l'espace 3D. OK ? Il est déjà difficile d'organiser les articles de ce point de vue. Une chose que vous pouvez faire est de changer d'angle maintenant la touche Alt enfoncée et en la faisant glisser avec votre souris. Vous pouvez appuyer et faire glisser avec la molette de votre souris pour vous déplacer comme ceci. Si vous n'avez pas de molette de la souris, vous pouvez maintenir la touche espace enfoncée et la déplacer de nouveau comme ceci. Enfin, vous pouvez sélectionner la vue orthographique ou en perspective. Nous avons également une vue isométrique. Et ces petits points colorés vous permettent de choisir si vous voulez regarder cela de droite, de droite ou d'en haut. Et vous pouvez toujours réinitialiser votre appareil photo quand vous en avez besoin. Très bien les gars, c'était un démarrage rapide sur Spline. Nous aborderons tous ces détails plus tard. 4. Hiérarchie: Tout d'abord, je veux créer un nouveau fichier immédiatement et commencer à explorer la plateforme. De là, cela ressemble à un outil de conception 2D. Nous pouvons créer des rectangles et ainsi de suite. Parlons de l'interface. Sur la gauche, vous pouvez voir la hiérarchie. Vous pouvez faire glisser et déposer les objets, modifier leur position. Permettez-moi de créer un nouvel objet cette fois-ci. Oh c'est vrai. Nous pouvons activer/désactiver la visibilité ou verrouiller l'objet ici. Nous ne pouvons pas le sélectionner lorsqu'il est enregistré. De plus, si vous le déplacez sur un autre objet, il devient un objet enfant comme celui-ci. ce cas, les éléments que vous appliquez à l'objet parent s'appliquent également à l'objet enfant. Comme vous pouvez le voir, lorsque je déplace le parent, l'enfant bouge également. Quand je le rendrai visible. Hit s'applique aux deux. Tu as compris le point. Ramenons-le à la hiérarchie. Au fait, vous n'êtes pas obligé d' utiliser cette hiérarchie parent-enfant. Vous pouvez également utiliser des groupes si vous souhaitez regrouper la sélection. Alors maintenant, ils se sont regroupés pour que vous puissiez apporter des modifications ensemble, n'est-ce pas ? Ces fonctionnalités sont vraiment utiles si vous travaillez sur plusieurs objets. Par exemple, si vous créez une scène, accord, dissocions-la en cliquant avec le bouton droit sur le groupe. Le groupe est alors un objet vide. Nous pouvons le supprimer. 5. Cliquez sur le menu droit: D'accord, parlons du menu contextuel. Vous pouvez copier le matériau d' un objet et le coller sur un autre. C'est le matériau. Montrons-le dans un exemple. Je veux changer la couleur de ce rectangle et copier le matériau de cet objet et le coller dans l'ellipse. Maintenant, l'ellipse est également bleue. Continuez à partir du menu. Nous avons copier-coller les actions de base que vous connaissez déjà. Et nous pouvons également verrouiller et masquer l' objet à partir d'ici, le renommer et réinitialiser les actions. En fait, je voudrais parler de ça. Lorsque nous renvoyons la position d'un objet, nous réinitialisons simplement les valeurs x, y et z à 0. Ce n'est donc pas important où qu'ils soient auparavant. Lorsque nous réinitialisons quelque chose, ils deviennent tous 0. Réinitialisons également l' ellipse. Il centre simplement l' objet sur le canevas. Nous avons également réinitialisé la rotation, et alternons cet événement. Lorsque nous faisons cela, nous renvoyons également les valeurs X, Y et Z à 0 de l'objet pivoté. Et enfin, nous avons inversé l'option. Lorsque je clique sur Flip X, nous ne voyons aucune différence pour le moment car il est symétrique. Toutes les formes sont symétriques. Permettez-moi donc d'ajouter un pentagone ici et de les regrouper avec le rectangle. Et maintenant, lorsque je clique sur Flip X, vous pouvez voir le reflet de la forme précédente. Il bascule sur l'axe des abscisses. Dégroupons-les encore une fois. Et d'ailleurs, vous pouvez accéder au même menu en cliquant avec le bouton droit de la souris sur l'objet. Vous n'avez pas besoin d'aller chercher l'objet dans la hiérarchie de gauche à chaque fois. Enfin, nous avons l'option de basculement de l'interface utilisateur. Il s'agit plutôt d'un paramètre général de vue de spline. Comme vous pouvez le voir, il cache les bars, les bars environnants. Et quand je clique à nouveau, ça les ramène. Et vous pouvez également basculer le mode plein écran avec la même logique. Le canevas s'affiche en plein écran dans le navigateur. 6. Taille et échelle: Maintenir le bouton Maj enfoncé permet de conserver la proportion du rapport hauteur/largeur de l'objet. valeurs x et y changent donc avec le même ratio. Quand je maintiens Shift. Sans Shift, je peux modifier la proportion. Je peux l'étendre sur X ou Y et ainsi de suite. Mais remarquez ici que nous ne changeons que ses valeurs x et y, donc sa taille. Pour modifier son échelle, vous devez utiliser ces boutons. Vous pouvez le voir maintenant, nous ne changeons pas de position, mais l'échelle, en utilisant ce bouton, changera l'échelle x. Et nous avons une option de réinitialisation de l'échelle ici pour les refaire. 7. Bar droit: Parlons de la barre latérale droite. En haut, nous avons le bouton Inviter. Vous pouvez copier le lien des projets ou saisir l' e-mail de quelqu'un pour envoyer une invitation. Ensuite, nous pouvons ajouter ou modifier la caméra à partir d'ici. Cela peut donc être utilisé pour envisager le projet sous un angle différent. Ajoutons un nouvel appareil photo. Lorsque nous ajoutons un nouvel appareil photo, voyons ce que nous pouvons faire. Nous parlerons des états et des événements plus tard. Pour l'instant, nous pouvons changer la position de la caméra. Nous pouvons modifier les valeurs x, y et z. Nous pouvons changer d'échelle. Et nous pouvons effectuer un zoom avant, un zoom arrière, et ce genre de choses. OK ? Et une fois que vous avez modifié la position, vous pouvez toujours basculer la caméra personnelle ou les autres caméras à partir de ce menu déroulant. Nous n'utiliserons plus cet appareil photo. Supprimons-le pour l'instant. Et en descendant, nous avons une section cadre ici. Et à partir de là, nous pouvons changer la couleur de fond. Nous pouvons taper une valeur hexadécimale. Et vous pouvez modifier la résolution du Canvas. D'accord, annulons le changement de couleur. Nous avons ici le post-traitement des paramètres globaux. Je ne vais pas entrer dans les détails pour l'instant. Nous en reparlerons plus tard. Et des options de fourche. Et nous avons également des paramètres d' environnement. Et en bas, nous avons des actifs matériels. Par exemple, nous pouvons ajouter un nouveau matériau, le personnaliser et le conserver ici pour de futures utilisations. la même manière, nous pouvons créer une nouvelle couleur. On peut le garder ici. Enfin, nous avons la section des ressources d'image. Nous pouvons importer des images ici et les conserver dans la barre latérale. 8. Barre d'outils: Continuons avec la barre d'outils ici. Il fournit un accès rapide aux objets les plus courants, options de transformation et aux modes spéciaux tels que l' outil vecteur ou le mode image. Nous pouvons également voir la valeur du zoom, modifier la valeur du zoom, exporter le projet ou passer en mode présentation. Commençons par l'icône plus, qui permet de créer un nouvel objet. Vous pouvez consulter la liste complète des objets disponibles dans le menu déroulant. Nous avons ici quelques formes 2D et 3D. Nous avons également quelques exemples de modèles. Par exemple, drôle. C'est donc un lapin 3D et nous pouvons importer des modèles 3D dans des projets de spline, ce qui est vraiment cool. Je vais donc simplement importer un cube juste pour vous montrer les objets 3D sous forme de spline. Cela ressemble donc à de la 2D. Mais lorsque je maintiens la touche Alt enfoncée et que j'utilise ma souris, nous pouvons entrer dans une scène 3D. Maintenant vous pouvez voir que c'est en 3D, n'est-ce pas ? Ces autres outils sont donc 2D. Comme vous pouvez le constater, ils n' ont pas de troisième dimension. Mais c'est un cube, non ? Et je peux modifier ses valeurs d'échelle sur chaque dimension. Maintenant, si vous revenez à la caméra initiale, nous pouvons cliquer sur Réinitialiser ici. Faisons un zoom arrière sur les lits. Nous avons notre cube ici. Maintenant, nous pouvons travailler avec n'importe quel angle de notre choix. Et en appuyant sur la touche Alt, vous pouvez aller dans l' espace comme ceci. Continuons donc. Vous connaissez déjà l'ellipse rectangulaire. Et ça, c'est pour créer des textes. Nous venons de créer une sphère cubique et c'est pour le vecteur. Prenons donc cet exemple. Ainsi, lorsque je clique dessus, un nouvel espace réservé apparaît. Ainsi, lorsque je clique quelque part dans les points et que je peux dessiner comme ça, nous pouvons dessiner n'importe quelle forme à l'aide de cet outil. Et disons que vous voulez un arc, vous pouvez simplement maintenir la souris enfoncée et ensuite créer un arc, n'est-ce pas ? Sélectionnez cette option. Et lorsque vous avez terminé votre forme, il vous suffit d'appuyer sur le bouton Échap. Ensuite, vous pouvez toujours ajuster les points de forme, d'accord ? Si le point est un arc, il se comporte comme celui-ci. Si ce n'est pas le cas, il se comporte normalement. Imaginons donc que vous souhaitiez modifier le comportement d'un point. Par exemple, vous souhaitez remplacer un point de vecteur par un arc. Nous pouvons simplement appuyer sur Commande ou Contrôle de notre clavier. Et puis quand vous maintenez le point, cela a changé de comportement. Donc ici, ce n'est pas un arc pour le moment, mais si j'appuie simplement sur commande, je peux le faire en arc. OK ? Vous pouvez donc modifier la forme comme vous le souhaitez. Voici donc ce qu'est l'outil vectoriel. Mais laissez-moi supprimer cette forme. C'est vraiment moche. 9. Barre d'outils 2: Vous pouvez passer en mode Transformation à tout moment en cliquant ici. Elle est déjà sélectionnée par défaut. En gros, nous pouvons déplacer, mettre à l'échelle et faire pivoter un objet. Ensuite, nous avons ajouté le bouton frame. Et ce bouton nous amène dans la section frame, que nous avons déjà vue dans cette section, car nous pouvons également y accéder en utilisant ce bouton. Ensuite, nous avons le pourcentage de zoom, et vous pouvez voir qu' il change lorsque je zoome en avant et en arrière avec ma souris. Vous pouvez également utiliser ce menu déroulant pour certaines valeurs. Et la prochaine étape, nous avons la section d'exportation. Nous allons donc beaucoup utiliser cette section et il y a de nombreux paramètres lors de l'exportation. Je pense qu'il est un peu trop tôt pour parler d'exportation. Ce sera une vidéo en soi. OK, laissons-le pour l'instant. Enfin, nous avons icône de lecture pour accéder au mode de présentation. 10. Matériel: Ensuite, nous parlerons des matériaux dans la spline. J'ai créé un nouveau fichier et un cube. Le cube est sélectionné et nous pouvons voir les matériaux ici. Et les matériaux Spline sont basés sur des couches, ils l'appellent système de matériaux de base de couches. Nous pouvons donc avoir plusieurs types de matériaux les uns sur les autres, comme des calques sur Photoshop ou tout autre programme. Nous avons en fait plusieurs options à utiliser. L'éclairage et la couleur sont fournis par défaut. Mais si vous voulez en ajouter, vous disposez d'une variété d'options. Vous pouvez changer la couleur ici. Vous pouvez également régler les paramètres d'éclairage. La chute est sélectionnée pour le type d'éclairage, et nous pouvons augmenter et diminuer la brillance. Cependant, si vous sélectionnez physique, vous avez différents domaines tels que la rugosité, la maladie mentale ou la réflectivité. Donc, une fois que vous êtes satisfait du matériel, si vous souhaitez le conserver pour d'autres objets également. Comme pour un préfabriqué, vous pouvez cliquer sur ces quatre points ici. Et ici, vous aurez vos actifs matériels. Cliquez sur Plus et renommez-le comme bon vous semble. Pour celui-ci, je l' appellerai ma matière orange. Vous pouvez également le voir ici sous les actifs matériels à l'échelle mondiale. heure actuelle, si je veux créer une nouvelle sphère, je peux également affecter ce matériau au nouvel objet. Et si vous voulez jouer avec ce matériel plus tard, vous pouvez toujours cliquer ici et le modifier à nouveau. Lorsque vous faites cela, vous pouvez voir que les objets sont mis à jour simultanément. Si vous souhaitez modifier le matériau d' un seul objet et qu'il possède un matériau global parce que vous ne voulez pas affecter les autres. Il suffit de cliquer ici pour le détacher. Et puis cela deviendra spécifiquement pour cet objet. Changeons cette couleur en image et voyons ce que nous pouvons faire. Vous pouvez littéralement assigner des textures aux objets dans une spline. Vous pouvez choisir dans la bibliothèque ou télécharger vos propres textures si vous le souhaitez. Vous pouvez même ajuster votre texture ici. Ajoutons un nouveau touriste ici. Et peut-être que ce tore a un matériau en verre. Permettez-moi de repositionner les Torres. Il y a donc un certain flou. Nous pouvons également ajuster le flou à partir de là. Très bien les gars, c'était une introduction pour la section des matériaux. 11. L'éclairage: D'accord, donc en spline, nous avons deux types de lumière. Nous avons ici une lumière d'environnement, et nous avons également des lumières personnalisées que nous pouvons créer, comme la lumière 0, la lumière directionnelle ou le projecteur. Personnellement, je ne suis pas un grand fan de jouer avec la lumière d' ambiance, mais c'est bon de savoir que nous avons le choix. Nous pouvons activer ou désactiver l'ambiance, changer la couleur de la lumière. Nous pouvons également décider de l' intensité de la lumière, éteindre complètement si vous le souhaitez. Mais lorsque nous faisons cela, aucun des objets n'est visible. Nous pouvons basculer entre les ombres douces et les ombres normales. Vous voyez donc que les ombres sont légèrement différentes lorsque je passe de l'une à l'autre. Nous avons également une lumière directionnelle ici, qui n'est pas visible car nous avons éteint les aides. Si j'active les assistants, vous pouvez voir la direction de la lumière. Faisons en sorte que l' environnement soit léger 0. C'est neutre. Et supprimons celui-ci ici. D'accord, on ne peut pas voir les objets, non ? Allons-y et ajoutons une nouvelle lumière ici. Vous pouvez positionner la lumière comme vous le souhaitez. Je vais juste le faire glisser ici. Ça a l'air sympa. Et nous pouvons également ajuster les propriétés de la lumière comme l'intensité. Nous pouvons également continuer et ajouter un feu ponctuel. OK, alors laisse-moi le faire glisser ici. Nous pouvons ajuster la distance comme ça. Enfin, nous avons la possibilité d'ajouter Spotlight. Laissez-moi régler sa position. Faisons-le glisser un peu ici. Peut-être que ça vient ici. Et changeons l'angle pour qu'il ressemble à mes objets. Dans ce cas, il y a quelques options supplémentaires, comme l'angle du projecteur ou le flou. Augmentons à nouveau l'éclairage ambiant pour revenir à une vue réaliste. Peut-être comme ça. Je vais également changer la couleur. Je veux une couleur plus chaude. Oh, mais c'est trop. Diminuons ce chiffre. Tu as eu l'idée. 12. Torus animé: Maintenant que nous avons terminé l'interface utilisateur, faisons quelque chose d'amusant. Je ne vais pas expliquer tous les détails de la plateforme, comme les paramètres d'éclairage ou les options de matériaux. Au lieu de cela, mettons-le en pratique et réalisons quelques projets afin que vous puissiez apprendre la spline en réalisant des projets. Je pense que l'apprentissage actif est la meilleure approche pour apprendre un nouvel outil. Dans cette vidéo, nous allons créer un objet animé de base, ce qui est vraiment facile. Permettez-moi de supprimer tout ce qui se trouve ici. Nous pouvons travailler sur la toile. Il suffit de garder la lumière. Ensuite, changeons la couleur d' arrière-plan, quelque chose de plus clair comme celui-ci. Je souhaite créer un objet 3D touristes. Maintenant, lors de la création, vous pouvez ajuster la taille et le rapport hauteur/largeur. Vous pouvez le créer comme vous le souhaitez. Cependant, si vous maintenez la touche Maj enfoncée, rapport hauteur/largeur reste le même pendant que vous ajustez la taille. Ainsi, vous pouvez créer un touriste fluide comme celui-ci. De plus, je ne veux pas voir la lumière sur la scène. Désactivons donc les assistants et réinitialisons la position du tore. Tout a l'air super. Changeons la couleur du tore et vous pouvez également ajuster d'autres options de matériaux. Ici, je vais changer de couleur pour l'instant. Peut-être quelque chose comme de l'orange. Ça a l'air bien. Oh, nous avons oublié de désactiver le quadrillage. Vous pouvez maintenant désactiver les plans de la grille à partir d' ici, car nous n'en avons pas besoin pour le moment. Je suis content de l'objet. Continuons donc à créer les états. Spline fonctionne avec des états pour animer des objets, ce qui facilite grandement la vie. Ajoutons un nouvel état afin avoir deux états au total, base et l' état que nous venons de créer. Pendant que la deuxième étape est sélectionnée, je redimensionnerai l'objet en maintenant la touche Maj enfoncée pour conserver la proportion. Revenons à l'origine et réinitialisons sa position. Et réinitialisons-le également dans les données de base. Vous pouvez donc maintenant voir que la taille n'est pas modifiée dans l'état de base. Et nous aurons un plus grand nombre de touristes dans le deuxième État. Pour passer d'un état à un autre, nous avons besoin de n'importe quel événement. Si le type est start, cela signifie que nous passerons de la base au deuxième état au début lorsque l'animation démarre. Vous pouvez donc ingérer l'état dans lequel vous souhaitez passer. Nous pouvons également modifier le type de transition. Gardons-les comme ça pour l'instant et voyons ce que nous avons. Avez-vous vu que l'animation démarre instantanément lorsque nous appuyons sur Play ? Laisse-moi rejouer. OK, passons la souris dessus pour voir la différence. Maintenant, il n'y a pas d' animation au départ, lorsque je passe la souris sur l'objet, il passe au deuxième état. Nous pouvons également sélectionner la souris vers le bas. Voyons voir que cette fois, lorsque je clique sur l'objet, il passe au deuxième état. n'y a pas de retour possible. Mais il y a un autre cadre pour cela. Si vous activez cette option, cette fois, lorsque vous cliquez une deuxième fois, il revient à l'état de base. OK ? Nous pouvons également modifier d'autres paramètres du tore sur le second état. Par exemple, changeons la rotation sur x et faisons basculer les touristes. Disons 184 direction X. Vous voyez maintenant qu'il est possible de faire n'importe quelle transition. Vous pouvez augmenter le nombre de retournements en donnant des valeurs plus élevées ici. Augmentez-le encore plus. Faisons-en un AD à nouveau. Et maintenant je veux vous montrer quelques types de transition. Donc, mon préféré est la facilité d'entrée, de sortie pour cet objet. Maintenant, ça a l'air mieux. Lorsque je suis satisfait des résultats, je peux exporter le projet ici. Il y a donc une fonctionnalité vraiment intéressante de spline. Vous pouvez obtenir une URL instantanée pour les projets et l' envoyer à n'importe qui. Par défaut, votre projet fonctionne sur un navigateur. Permettez-moi de coller l'URL dans un nouvel onglet. Juste là. Vous pouvez voir notre projet. Je peux utiliser cette animation sur n' importe quel site Web dès maintenant. Qu'est-ce que c'est cool ? OK les gars, je suis d'accord que ce n' est pas la meilleure animation que nous puissions faire, mais je crois que nous avons beaucoup appris dans cette vidéo. Nous réaliserons d'autres projets plus tard dans ce cours. Alors continue. 13. Gradient: Salut les gars, Dans cette vidéo, nous allons parler du dégradé dans la spline. Permettez-moi donc de fermer les assistants et le plan de la grille. Je vais également supprimer celui-ci. Et pour tous ceux qui connaissent déjà dégradé d'autres plateformes de design, c'est la même idée. Cela fonctionne vraiment de la même manière. Donc pour vous montrer, je vais simplement ajouter un nouveau rectangle ici. Permettez-moi de réinitialiser la position. Le dégradé est donc essentiellement un flux de couleurs, n'est-ce pas ? Permettez-moi donc de sélectionner ce rectangle et d'ajouter un nouveau matériau ici. Laissez-moi choisir un dégradé ici. Il y aura donc un flux de couleurs juste ici. Il passe du noir au blanc. Ça part du noir ici et ça passe au blanc. Et nous pouvons ajuster ces propriétés à partir de ce menu déroulant. Vous pouvez donc choisir la couleur et la changer. Peut-être changer celui-ci ici. Et je ne sais pas, peut-être celui-ci ici. Vous pouvez changer les couleurs ou simplement ajouter une nouvelle couleur. Nous pouvons donc avoir une transition à trois dégradés dès maintenant. Et je peux changer la zone dans laquelle ils réfléchissent. Permettez-moi de supprimer celui du milieu en faisant simplement glisser ces petits cercles ici. OK ? Vous pouvez donc voir que nous pouvons changer et décider de la zone où ils apparaîtront. Que pouvons-nous faire d'autre ? Nous pouvons changer le type du dégradé en radial. Donc en ce moment, vous pouvez voir qu'il se propage depuis le centre, n'est-ce pas ? Ou linéaire et polaire aussi. Comment pouvons-nous décider de mélanger le type deux, qui sera lisse ou linéaire. Je ne vois pas beaucoup de différence, mais nous pouvons légèrement voir que c'est plus fluide lorsque cette option est sélectionnée. Et nous pouvons bien entendu changer les couleurs. Nous pouvons également modifier l' opacité. Cliquons sur les couleurs. Vous pouvez modifier l' opacité à partir d'ici. Et nous pouvons également changer l'angle. Donc comme ça, vous voulez un dégradé horizontal ou vertical ? Nous pouvons le changer à partir de là, comme ça. Vous pouvez également avoir un décalage x et y. Ou vous pouvez ajuster le morphing. OK, donc rien de trop important pour l'instant, parce que vous savez peut-être déjà ce qu'est un dégradé. Surtout si vous êtes graphiste ou si vous avez déjà utilisé une plateforme de conception, vous l'avez. D'accord, nous pouvons donc également avoir des options normales Multiply Screen et de superposition pour les matériaux dégradés. Rien d'extraordinaire ici, mais cool avec Spline, c'est que nous pouvons également ajouter ces effets à des objets 3D très facilement. Permettez-moi donc de créer un nouveau touriste et de réinitialiser sa position. ce moment, si j'ajoute un nouveau matériau dégradé ici, il est déjà beau, non ? Permettez-moi de modifier quelques propriétés. Changeons ce bloc pour peut-être lire. Permettez-moi d'ajouter un nouveau point ici et de changer la couleur. Je ne sais pas, peut-être un peu de turquoise, peut-être un autre. Faisons en sorte qu'il soit orange. Car c'est suffisant. J'ai également équilibré la distance. Une chose à noter ici à propos du cercle final, vous pouvez voir qu' il y a une transition et c'est tellement évident, non ? Je veux donc que le cercle final ait la même couleur que le premier. Je vais donc copier ce code hexadécimal et le coller ici pour la finale, afin que nous n'ayons plus cette transition. D'accord, vous voyez à quel point il est facile d' appliquer le dégradé à un objet 3D. Ça a déjà l'air si beau. Nous pouvons aller de l'avant et jouer avec plus de terrains. Changez peut-être l'angle ou modifiez les valeurs de décalage X, Y. N'oubliez pas que vous pouvez toujours passer à une polaire linéaire ou radiale comme ceci. Et bien sûr, n' oubliez pas les types d'éclairage. 14. Profondeur: Salut les gars, bon retour. Nous allons créer cet objet impressionnant en apprenant à utiliser la profondeur dans cette vidéo. Donc, si vous êtes prêt à partir du menu principal, créons un nouveau fichier. Permettez-moi de supprimer cela ici. Je fermerai également les aides et les plans de grille comme toujours. Ensuite, nous pouvons ajouter un nouvel objet, appelé dodécaèdre. Je ne sais pas si je le prononce correctement. Mais ça n'a pas vraiment d' importance, non ? Cliquons dessus avec le bouton droit de la souris et sauvegardons les trois positions, la rotation et l'échelle. Je vais également aller de l'avant et changer les côtés de visibilité en sac parce que nous voulons seulement voir la face intérieure de l'objet. Ajoutons un nouveau matériau. Maintenant. Nous pouvons utiliser la profondeur comme matériau. Et la profondeur n'est rien d'autre qu'un dégradé 3D. Il possède les mêmes propriétés. C'est vraiment très similaire. Nous avons donc des options proches et lointaines. Nous avons des options linéaires et lisses pour le dégradé. Et vous pouvez également ajuster la couleur comme vous le souhaitez. instant, je veux quelque chose comme du rouge pour la partie gauche de l'objet. Non, en fait du rose pour le côté droit. Choisissons un bleu. Enfin, changeons le type de profondeur en écran. Mais les couleurs sont trop intenses en ce moment. Je veux des couleurs plus vives comme celle-ci. Et peut-être comme ça. OK, donc une fois que tu es satisfait de ça, on peut y aller. Nous pouvons également ajuster la puissance de l'effet, mais je laisserai un 100 tel qu'il est actuellement. Ajoutons également une nouvelle sphère à la scène. Au fait, je maintiens le quart de travail, pour garder les proportions. Peut-être un peu plus petit. OK, donc réinitialise à nouveau la position pour que nous ayons cette sphère à l'intérieur de l'objet. Nous l'avons déjà fait. Je veux aussi voir l' intérieur de la sphère. Changeons ça. Et ce que nous pouvons faire ici, c'est copier le matériel du dodécaèdre sur la sphère, d'accord ? Il aura également les mêmes fonctionnalités. Mais c'est trop grand pour la sphère puisqu'il est plus petit. Alors allons-les plus petits. Et nous jouons simplement avec des options proches et lointaines. Je veux des couleurs saturées pour la sphère intérieure. Ainsi, il deviendra de plus en plus sombre en entrant à l'intérieur. Laissez-moi voir à quoi ça ressemble. Ça a l'air super. Continuons comme ça. OK, alors nous pouvons ajouter le troisième objet, qui est une pyramide, maintenez Shift pour le mettre à l'échelle. Et réinitialisons également sa position. Je reviendrai également sur ce point. Maintenant, collons également le matériau sur les pyramides. Maintenant, vous pouvez voir légèrement la pyramide à l'intérieur, mais faisons-la plus sombre. Changez à l'étape, nous aurons plus de valeurs saturées sur les pyramides, elles seront donc visibles. Et cela nous donnera également un bel effet de diffusion de la lumière, comme si la lumière venait de la pyramide. Ça va ressembler à ça. Peut-être ajouter le troisième point de dégradé à la pyramide. Et ce sera violet. C'est le milieu de la pyramide. OK ? Et laissons les autres dehors. Maintenant, cette partie dépend vraiment de vous. Vous pouvez utiliser toutes les couleurs. Vous pouvez ajuster les valeurs proches et lointaines de votre projet. Je vérifierai à nouveau les autres options pour cet effet. Et le plus beau, c'est l'écran. Nous pouvons donc laisser ça comme ça. OK, c'est déjà très beau. Mais une dernière chose que je veux faire est de leur donner un aspect vitreux pour qu' ils aient l'air plus nets. J'ajouterai du verre aux sphères et aux pyramides. Très bien, alors allons-y, sélectionnons sphère et passons au signe plus. Il y aura écrit « verre » ici. Ce n'est pas vraiment visible pour le moment, mais nous pouvons modifier le flou pour le rétablir. Nous pouvons également ajuster l'épaisseur. Au fur et à mesure que nous le rendons plus épais, il deviendra plus visible comme ça. Mais changeons cela en superposition et voyons ce que nous obtenons. Peut-être diminuer le flou, le diminuer. OK, quelque chose comme ça. Diminuez également l'épaisseur. Et au fur et à mesure que vous le diminuez, vous pouvez voir une différence évidente. D'accord, alors laissons-le comme ça. Je ne veux pas perdre trop de temps ici. Et faisons aussi un verre de retour à la pyramide. Je vais sélectionner la superposition. Encore une fois. J'ai envie de jouer ici pendant un moment pour voir différentes options. Nous pouvons changer à nouveau l'épaisseur et le flou, je ne suis pas sûr que vous ayez besoin de quelque chose de plus foncé ou de plus clair. Il pourrait donc s'assombrir avec le flou. Mais c'est peut-être trop. Permettez-moi de le réparer encore une fois. Diminuons le flou. quelque chose de bien ici. OK, continuons avec l'animation. moment, quand je joue à ce jeu, rien ne se passe vraiment parce que nous n'avons ajouté aucun état ou événement à exécuter. Sélectionnons l'objet ici et ajoutons un nouvel état. Et je souhaite également modifier sa rotation. Je souhaite ajouter un événement qui sera linéaire. Mais voyons d'abord, je veux changer la durée à dix secondes. Nous avons donc un bel effet de rotation lente. Mais comme vous pouvez le voir, c'est fini. Il y a aussi une facilité de transition. Permettez-moi de faire en sorte que cette durée dure deux secondes. Vous pouvez voir qu'il ne s'agit pas d'une boucle infinie. Basculez donc l' option de répétition sur Oui. Mais cette fois, il fait juste une boucle, s'arrête et recommence. Nous pouvons donc changer cela en linéaire pour obtenir un effet de rotation infini. C'est vrai ? Maintenant, c'est trop rapide. Je vais refaire la durée de dix secondes. Maintenant, nous avons une rotation lente et stable. Ensuite, nous devons ajouter une animation pour la sphère. Voilà, je vais le faire. Dans quelle direction dois-je aller ? Peut-être qu'on peut le changer dans la direction X. Voyons ce que nous avons. Oh, je n'ai pas ajouté d'état. Dans l'état de base. Il devrait être 0, et le second état, 360. Et nous devrions avoir un événement linéaire d'une durée de dix secondes et nous assurer que la répétition est activée. Ça ne bouge pas. Je ne vois pas vraiment si ça bouge. Désactivons donc cette animation afin que nous puissions mieux comprendre si ce n'est pas le cas, je ne veux pas supprimer cet état. Donc, ce que nous pouvons faire à la place, vous savez quoi en fait, cachons simplement cet objet pour qu'il ne soit pas visible. OK, donc il n'y a pas d'animation, non ? Pourquoi est-ce que c'est ? Nous avons l'état de base, l'état normal et leurs axes sont différents. Maintenant, peut-être que nous ne le voyons pas parce qu' il n'y a aucune différence réelle sur son apparence. Puisque les lumières sont de la même couleur, peut-être devrions-nous changer de direction. Changeons cela en fonction de la raison pour laquelle nous voyons la différence. Non dit aussi. Peut-être devrions-nous le faire pivoter dans plus d'un sens. OK. Je vais également taper 364 x et 364 y. Oui, c'est en rotation. La couleur change, non ? Je pensais aussi ajouter la direction zed, mais nous n'en avons pas vraiment besoin. Laissons-le car 0, x et y suffisent. Comment ça ? Puisque nous en avons fini avec cette peur, la prochaine étape est la pyramide. Sélectionnez la pyramide et ajoutez un nouvel état. Nous allons changer la direction du vent et nous avons besoin d'un événement pour cela également. Je vais dire répéter oui, linéaire et dix secondes pour la durée. OK, maintenant il tourne autour du pourquoi, comme nous nous y attendions. Débloquons également ce dodécaèdre. Enfin, nous les avons tous dans la scène et ils s'animent. Alors c'est ça les gars. J'espère que vous avez apprécié cette vidéo et que vous vous retrouverez sur la prochaine. 15. Composante de cloner: OK les gars, il est temps de parler du composant cloner dans Spline. Pour ce faire, j'irai dans la section Bibliothèques et je sélectionnerai une vue dans le résumé, disons View all down here, je sélectionnerai la vue qu'ils ont fournie. J'ai trouvé celui-ci sur le web pour l'explication des composants du cloneur. Spline utilise officiellement cette scène pour expliquer les composants du cloneur. Je crois qu'ils ont créé cette scène deux pour ça. Allons voir ça. Nous voyons ici quatre couleurs différentes. Au dessus de ces rectangles. Il y a quelques objets. Mais si vous remarquez que nous ne pouvons pas survoler les objets environnants, nous ne pouvons sélectionner que celui du milieu. Si nous voulons déplacer celui-ci. Ils sont tous livrés avec les objets centraux. Et là aussi, si je redimensionne celui du centre, les autres sont également redimensionnés. Et je ne peux même pas sélectionner les objets environnants. Alors, que se passe-t-il ici ? Et aussi dans cette section, c'est celui-ci. OK ? Donc ce qui se passe ici, c'est ceux qui l'entourent sont des clones de celui du milieu. accord, donc si je sélectionne cet objet et que je descends ici et dans la section Cloner, vous verrez qu'il a un type radial de clones. OK ? Ainsi, chaque fois que je crée un nouvel objet ici, par exemple, laissez-le être en 3D. Laissez-moi sélectionner un cube. OK ? Donc, en sélectionnant le cube, si vous descendez ici, vous verrez l'objet cloner. Et si j'appuie sur plus, cela crée des cubes clonés pour moi. Supprimons donc celui-ci. Nous avons déjà des exemples ici, comme celui-ci. Voyons quelles sont les propriétés que nous avons ici. Nous pouvons sélectionner radial, qui est circulaire, comme ceci. Ou nous pouvons aussi dire linéaire, ce qui sera fondamentalement comme une ligne directe, comme un ordre linéaire. Et enfin, nous avons une grille, qui est, je crois que ces gars-là, c'est une grille d'ordre. Permettez-moi donc de revenir à ce que j'ai fait. l'avenir, nous pouvons décider d' afficher ou de masquer le composant de base. Par exemple, lorsque je dis « cache-cache », celui du milieu devient invisible. Et si vous voulez une forme circulaire, vous voudrez peut-être cacher le petit. Mais dans ce cas, nous allons le montrer à nouveau. Nous pouvons augmenter et diminuer le nombre de clones. Alors quand tu fais quelque chose comme ça, ça ressemble à un bracelet, non ? Réduisons-le encore. Nous pouvons décider du rayon, qui est la distance entre les clones et celui du milieu comme ceci. Et nous pouvons également sélectionner l'angle de départ et l'angle du mouvement circulaire, d'accord ? Si nous choisissons linéaire, les options sont légèrement différentes. Cette fois, nous aurons également la section Afficher ou Masquer. Nous pouvons également décider du décompte. Nous avons également une section sur les postes. En fait, nous l'avons également en radial. Mais nous n'avons pas le champ du rayon, non ? Donc, en gros, c'est tout. Permettez-moi de vous parler de cet excellent exemple. Une chose que vous devriez remarquer, que nous pouvons augmenter ou diminuer la valeur x. Rien n'a changé en jouant avec la valeur car nous n'avons pas d'objet dans la direction y, nous pouvons modifier la valeur zed. Donc x est dans cette direction et z est dans cette direction. Augmentons le nombre de x et y. C'est pourquoi nous n'avons pas vu de différence juste avant, parce que nous n'avions aucun objet sur y. Et maintenant c'est le cas. Nous pouvons donc modifier la distance. Je crois qu'il y a un bug ici. Il ne doit pas s'agir de valeurs flottantes. Au lieu de cela, nous devrions utiliser des entiers ici. Donc, si la spline n'a pas encore résolu ce problème, ne faites pas glisser les entiers de ce type de champ, sinon votre application risque de planter. Bref, tu as compris l'idée, non ? Nous pouvons modifier le nombre de directions x, y et z. Nous pouvons modifier la distance qui les sépare. Et basculez ici si vous souhaitez utiliser Center ou non. Voyons donc celui-ci. Il s'agit là encore d'une radiale. Permettez-moi d'augmenter le nombre. Cette fois. Je veux vous montrer quelque chose de différent. Nous pouvons changer d'axe. OK, laisse-moi zoomer et me rapprocher. heure actuelle, nous dessinons un cercle sur l'axe des x lorsque vous sélectionnez Y, cependant, vous pouvez maintenant voir qu'il possède des clones radiaux verticaux. Enfin, vous pouvez également sélectionner l'axe Zed. 16. Réalisation de vecteur 3D: Bonjour tout le monde. Dans cette vidéo, nous allons utiliser l' outil d'édition vectorielle 3D pour créer ce logo McDonald's. Pour ce faire, laissez-moi aller dans Google et trouver un logo McDonald's pour référence. Celui-ci a l'air bien. Je vais copier cette image. Je vais le coller dans une spline, et j'appuie sur Maj et Option pour le réduire. Nous pouvons maintenant utiliser cette image comme référence. Réinitialisons donc sa position. Assurez-vous qu'il est centré. Et nous sommes maintenant prêts à dessiner sur ce logo. Je vais sélectionner l'outil vectoriel. J'ajouterai des points aux points critiques, comme les virages, comme ceci. Ce n'est donc pas vraiment important car vous pouvez toujours modifier l'emplacement des points. Il suffit donc de dessiner la superposition, le modèle du logo. Ça a l'air bien. Et quand j'ai fini de me retirer, je peux cliquer sur le point initial et il s'éteint. Vous pouvez également appuyer sur la touche Échap. Et maintenant je peux utiliser cet outil de pliage pour plier ces côtés. OK ? Peut-être comme ça. Tu sais quoi ? En fait, diminuons d'abord l'opacité de celui-ci pour que nous puissions également voir le logo. Alors allons-y juste ici. Mais je ne me plie pas en ce moment. Sélectionnez l'outil de pliage. Je vais déplacer ce point ici. Ça a l'air bien. Permettez-moi continuer à le faire pour chaque point. OK ? Je vais m'arrêter pour l'instant et vérifier le résultat. Quittez avec la touche Echap et désactivez l'image pour voir ce que nous avons. Peut-être qu'on pourrait régler ça un peu ici. Je joue juste avec les points pour les rendre plus lisses. Peut-être comme ça. Maintenant, une fois que vous êtes satisfait du résultat, vous pouvez passer à l'extrusion. Permettez-moi de changer de perspective. Et fermons aussi les grilles. Lorsque vous ajoutez une extrusion, celle-ci devient instantanément 3D, n'est-ce pas ? Comme ça. Et vous pouvez bien sûr changer la couleur, définir la couleur de fond sur celle-ci ici, et faisons en sorte que la couleur du logo soit jaune ici. Désactivez à nouveau l'image. Donc, oui, nous avons ce joli logo McDonald's en 3D. Et enfin, j'augmenterai le biseau pour le rendre plus réaliste. 17. Opérateur booléen à Spline: Permettez-moi d'ajuster cette scène en supprimant ces objets. Et je voulais aussi changer la couleur de fond pour que vous puissiez mieux voir les détails. Fermez également les assistants et désactivez les grilles. OK les gars, Dans cette vidéo, nous allons parler de l'opérateur booléen. Alors qu'est-ce que c'est exactement ? Fondamentalement, les booléens vous permettent de créer des objets à partir de soustractions ou intersections de différentes formes. Voyons cela en action. Disons que nous avons une sphère ici et une autre ici. Rendons-les plus proches. Peut-être. Sélectionnez maintenant les deux objets dans le menu de droite. Vous verrez cette section. Le premier est la soustraction, second est l'intersection et le dernier est l'union. Commençons par la soustraction. Nous pouvons soustraire l' objet d'un autre. Et cela permet de créer facilement des formes vraiment compliquées. Vous pourrez également jouer avec l' objet soustractif plus tard. Il n'est pas nécessaire d'utiliser le même objet. Supprimez donc cette sphère ici, et utilisons plutôt un cube. Je vais simplement déplacer le cube ici car l'objet booléen est déjà créé. Maintenant, elle n'est plus visible. OK ? C'était donc une soustraction. Et vous pouvez vraiment créer des objets sympas facilement avec l'outil de soustraction, je pense en fait que c'est l'opérateur booléen le plus utilisé. Vous pouvez également modifier le type du booléen ultérieurement à partir d'ici. Par exemple, faisons cette intersection. Pour l'instant, seuls les points d'intersection sont visibles. Eh bien, laissez-moi déplacer l'objet pour mieux le voir. Peut-être déplacer le cube ici et le regarder de ce côté. Ou on peut jouer avec la sphère. Et de cette façon, c'est peut-être plus évident. Si vous sélectionnez Union à la place, les deux seront visibles. Un autre avantage des booléens est que vous pouvez toujours ajouter de nouveaux objets au groupe booléen. Supposons donc que nous ayons un objet booléen ici qui contient déjà une sphère et le cube. Nous pouvons également utiliser des touristes avec eux. Sélectionnez-les tous et créez un nouveau booléen. La hiérarchie ressemblera à ceci. Vous pouvez le placer comme vous le souhaitez. Vous pouvez également ajouter d'autres objets. En fait, il n'y a aucune limite. Tu comprends le point. Très bien, parlons des animations avec des booléens. Pour ce faire, je souhaite créer un tout nouveau cube et une toute nouvelle sphère. Sélectionnez-les tous les deux et changez le type booléen en intersection afin que nous ayons cette apparence. Nous pouvons créer un nouvel état pour la sphère. Et dans cet état, changez sa position. Créez également un événement pour déclencher cet état. Dites « start here », active le cycle et la répétition, appuyez sur le bouton de lecture. C'est ainsi que vous pouvez créer une animation d'intersection.