Régler les couleurs et les remplissages

Modifiez le remplissage et le contour de n'importe quel élément, réglez l'arrière-plan du canevas sur blanc, transparent ou une couleur personnalisée, et recolorez les graphismes en plusieurs parties.

Sur cette page

La couleur est l’un des moyens les plus rapides de donner à une création un aspect abouti. Ce guide vous montre comment recolorer n’importe quel élément du canevas, régler l’arrière-plan d’une face et changer chaque partie d’un graphisme en plusieurs parties. Il s’adresse à toute personne qui construit un produit dans le Design Studio, sans connaissances en design.

Changer la couleur d’un élément

Chaque élément qui peut être rempli affiche une pastille de couleur dans la barre d’outils flottante au-dessus de votre sélection. Le texte affiche une pastille de couleur de texte. Les formes affichent une pastille de remplissage. Vous pouvez aussi utiliser les champs de remplissage et de contour dans le panneau de propriétés à droite pour un contrôle plus fin.

Sélectionner l'élément

Cliquez sur le texte ou la forme que vous voulez recolorer. La barre d’outils flottante affiche ses contrôles rapides, et ses réglages s’ouvrent dans le panneau de propriétés.

Ouvrir la pastille de couleur

Cliquez sur la pastille de couleur dans la barre d’outils flottante. Un sélecteur de couleur s’ouvre : vous pouvez saisir une valeur hexadécimale ou faire glisser pour choisir une teinte. Pour les formes, cela règle le remplissage. Pour le texte, cela règle la couleur du texte.

Tableau de bordUne forme sélectionnée avec la pastille de couleur de remplissage dans la barre d'outils flottante
La pastille de remplissage se trouve dans la barre d'outils flottante au-dessus de l'élément sélectionné.

Régler le remplissage et le contour dans le panneau de propriétés

Pour un contrôle plus poussé, utilisez le panneau de propriétés à droite. Les formes et le texte ont un champ Remplissage, et un champ Contour pour la couleur du trait extérieur. Le contour a aussi une épaisseur, pour régler l’épaisseur du trait.

Régler l’arrière-plan du canevas

L’arrière-plan se règle par face : chaque face d’un produit peut donc avoir le sien. Vous le réglez dans les Détails de la face, depuis le panneau Faces. Les choix sont Blanc, Transparent ou une couleur Personnalisée.

Ouvrir les détails de la face

Ouvrez le panneau Faces, ouvrez le menu de la face sur laquelle vous travaillez et choisissez Détails. Vous verrez ses contrôles d’arrière-plan sous le libellé Arrière-plan. La taille du canevas dans la barre d’outils flottante ouvre la même page.

Choisir Blanc, Transparent ou Personnalisé

Choisissez Blanc pour un fond blanc uni. Choisissez Transparent pour laisser apparaître la photo du produit ou la maquette derrière votre création. Choisissez Personnalisé pour sélectionner n’importe quelle couleur avec le sélecteur.

Tableau de bordLe sélecteur d'arrière-plan de la face avec les options Blanc, Transparent et Personnalisé
Le contrôle Arrière-plan propose Blanc, Transparent et Personnalisé.

Revenir au blanc si vous changez d'avis

Utilisez Réinitialiser en blanc pour effacer une couleur personnalisée et remettre la face sur un fond blanc uni.

Vous pouvez accéder au même contrôle d’arrière-plan sans ouvrir le panneau Faces. Quand rien n’est sélectionné sur le canevas, la barre d’outils flottante affiche une pastille de couleur d’arrière-plan. Elle s’applique à la face, à la taille ou à la page active. Pour en savoir plus, consultez gérer les faces d’un produit.

Recolorer un graphisme en plusieurs parties

Certains graphismes de la bibliothèque sont construits à partir de plusieurs parties, par exemple des calques séparés pour un contour, un remplissage et un détail. Vous pouvez colorer chaque partie séparément sans toucher aux autres.

Sélectionner un graphisme en plusieurs parties

Cliquez sur un graphisme clipart qui a plus d’une partie. S’il prend en charge le recoloriage, une section Couleurs apparaît dans son Apparence, sous l’onglet Design.

Trouver la section Couleurs

Vous verrez une pastille par partie du graphisme, nommée d’après la partie quand le graphisme indique de quoi il s’agit, comme Peau, Cheveux ou Contour, et numérotée sinon.

Tableau de bordAncienne section Recolorer d'un graphisme en plusieurs parties, avec une ligne de couleur par calque interne
Ancienne disposition avec une ligne de couleur par partie. Les parties forment désormais une rangée de pastilles nommées sous Couleurs.

Changer la couleur d'une partie

Cliquez sur la pastille d’une partie et choisissez une nouvelle couleur. Seule cette partie change. Utilisez Réinitialiser pour retrouver d’un coup toutes les couleurs d’origine.

Laisser le client choisir la couleur d’une partie

Un graphisme en plusieurs parties peut confier la couleur d’une partie au client. Ouvrez l’onglet Personnaliser du graphisme et activez Les clients peuvent le modifier. Sous Partie, choisissez la partie qu’il colore ; sous Couleurs au choix, choisissez les couleurs proposées. La couleur que vous réglez dans l’onglet Design est son point de départ.

Questions fréquentes

Pourquoi mon élément n'a-t-il pas de pastille de remplissage ?

Certains types d'éléments utilisent des contrôles de mise en forme dédiés à la place de la pastille générique. Les codes QR et les codes-barres exposent les couleurs d'avant-plan et d'arrière-plan dans Modifier. Vérifiez les propriétés de l'élément sélectionné.

L'arrière-plan s'applique-t-il à toutes les faces à la fois ?

Non. L'arrière-plan se règle par face : vous pouvez donc donner un arrière-plan différent à chaque face d'un produit.

Un client peut-il changer les couleurs dans ma boutique ?

Oui, si vous marquez un champ de couleur comme modifiable par le client. Consultez le guide pour rendre des champs modifiables par les clients pour savoir comment le configurer.

Pour la suite, découvrez comment laisser les clients choisir leurs propres couleurs avec rendre des champs modifiables par les clients.

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