Ajouter des formes et des lignes

Ajoutez des rectangles, des cercles, des lignes, des flèches, des polygones et des étoiles, puis réglez leur remplissage, leur contour, leurs angles et leurs pointes.

Sur cette page

Les formes donnent de la structure à votre création. Utilisez-les pour encadrer du texte, ajouter une ligne de séparation, pointer avec une flèche ou placer une étoile ou un badge. Ce guide vous montre comment ajouter une forme dans le Design Studio et comment régler son remplissage, son contour, ses angles et ses pointes. Il s’adresse à toute personne qui construit un modèle de produit, sans connaissances en design.

Ajouter une forme

Le catalogue de formes se trouve dans le panneau Graphismes. Six formes de base (Rectangle, Cercle, Ligne, Flèche, Polygone et Étoile) sont ajoutées comme des objets natifs : les poignées de transformation fonctionnent tout de suite et les propriétés correspondent à chaque forme. Au-delà, vous disposez d’un ensemble plus large de formes SVG classées par catégories.

Ouvrir le panneau Graphismes et l'onglet Formes

Dans le Design Studio, ouvrez la tuile Graphismes dans le panneau Éléments, puis sélectionnez l’onglet Formes. Vous verrez les formes classées par catégories : Lignes, Formes de base, Polygones, Étoiles, Flèches, Organigramme, Bulles, Nuages, Cœurs et Bannières. Pour en trouver une rapidement, saisissez du texte dans la zone de recherche en haut de l’onglet pour filtrer toutes les catégories.

Tableau de bordL'onglet Formes du panneau Graphismes avec des catégories de formes regroupées
L'onglet Formes, avec des catégories allant de Formes de base à Bannières et une zone de recherche.

Cliquer sur une forme pour l'ajouter

Cliquez sur n’importe quelle forme pour l’ajouter au centre du canevas. La forme arrive sélectionnée : vous pouvez la faire glisser à sa place ou la redimensionner avec les poignées d’angle tout de suite. Ajoutez autant de formes que votre création en demande.

Régler le remplissage, le contour et les angles

Chaque forme a ses propres propriétés. Sélectionnez une forme et ses réglages s’ouvrent dans le panneau de propriétés. Les contrôles exacts dépendent de la forme choisie.

Sélectionner la forme pour ouvrir ses propriétés

Cliquez sur la forme sur le canevas. Ses propriétés apparaissent dans le panneau de droite.

Tableau de bordLes propriétés d'une forme avec le remplissage, le contour, l'épaisseur du contour et le rayon des angles
Un rectangle sélectionné avec ses contrôles de remplissage, de contour, d'épaisseur du contour et de rayon des angles.

Régler le remplissage, le contour et l'épaisseur

Réglez la couleur de remplissage pour peindre l’intérieur de la forme. Réglez la couleur du contour pour le trait extérieur, et l’épaisseur du contour pour contrôler son épaisseur. Une épaisseur de 0 signifie aucun contour. Pour en savoir plus sur les sélecteurs de couleur et les couleurs de marque, consultez couleurs et remplissages.

Ajuster les contrôles propres à chaque forme

Chaque forme ajoute ses propres réglages en plus du remplissage et du contour :

  • Rectangle : réglez le rayon des angles pour arrondir les coins. Une valeur plus élevée donne une forme plus douce, en pilule.
  • Cercle : réglez le rayon pour changer sa taille.
  • Ligne : réglez le contour, l’épaisseur du contour et l’extrémité de ligne. L’extrémité contrôle l’aspect des bouts (plate, arrondie ou carrée).
  • Flèche : réglez la longueur et la largeur de la pointe pour dimensionner la tête de flèche, ainsi qu’un remplissage.
  • Polygone : réglez le nombre de côtés (de 3 à 24) et le rayon. Trois côtés donnent un triangle ; six donnent un hexagone.
  • Étoile : réglez le nombre de pointes (de 3 à 24), le rayon intérieur et le rayon extérieur. L’écart entre les deux rayons contrôle le caractère pointu de l’étoile.

Questions fréquentes

Pourquoi ma forme n'a-t-elle pas de contour ?

L'épaisseur du contour est réglée sur 0. Augmentez l'épaisseur du contour et choisissez une couleur de contour pour faire apparaître le trait.

Comment faire un triangle ?

Ajoutez un Polygone et réglez son nombre de côtés sur 3.

Comment arrondir les angles d'un cadre ?

Ajoutez un Rectangle et augmentez le rayon de ses angles. Plus la valeur est élevée, plus les angles sont arrondis.

À quoi sert l'extrémité d'une ligne ?

Elle contrôle l'aspect des bouts de la ligne. Choisissez plate pour des bouts droits, arrondie pour des bouts arrondis, ou carrée pour des bouts droits légèrement prolongés.

Suite

Réglez des couleurs fidèles à votre marque pour vos formes dans couleurs et remplissages.

Besoin d'un coup de main ?

Si un guide n'a pas répondu à votre question, notre équipe est là pour vous aider. La plupart des messages reçoivent une première réponse sous un jour ouvré.

Contacter le support

Articles associés