How-to

Tutoriel sur l'outil d'ombrage de l'encre vectorielle | Ajouter de la profondeur avec les propriétés d'ombrage personnalisées

Introduction

Les ombres ajoutent instantanément de la profondeur, de la hiérarchie et de l'éclat à vos conceptions vectorielles. Dans ce tutoriel rapide, vous apprendrez à utiliser les Propriétés d'ombrage dans Vector Ink pour créer des ombres subtiles pour l'interface utilisateur, des éclairages audacieux pour les logos et tout ce qui se trouve entre les deux. Nous aborderons l'activation des ombres, la révélation de l'opacité, le positionnement à l'aide de la commande on-canvas et le réglage du flou et de la couleur.

Ce que vous apprendrez

  • Où trouver et activer le panneau Ombre
  • Comment régler l'opacité (alpha) pour que l'ombre devienne visible
  • Comment ajuster le flou, l'angle/position et la distance
  • Comment choisir une couleur d'ombre efficace pour des looks subtils ou dramatiques

Étape par étape : Ajouter une ombre dans Vector Ink

1) Sélectionnez votre objet. Cliquez sur une forme, un élément de logo ou une carte d'interface utilisateur que vous souhaitez détacher de l'arrière-plan.

2) Ouvrez le panneau Ombre. Il se trouve dans la barre de contrôle (sur mobile, il apparaît en bas). Augmentez le flou de l'ombre pour prévisualiser la douceur.

3) Révéler l'ombre en réglant l'opacité. Si rien n'apparaît encore, cliquez sur l'icône de couleur à l'intérieur du panneau Ombre pour ouvrir Couleur de l'ombre. Augmentez le curseur alpha (opacité) sous la roue chromatique jusqu'à ce que l'ombre devienne visible. Vous pouvez affiner la teinte ici (les gris neutres sont parfaits pour une interface utilisateur subtile ; les teintes plus chaudes peuvent ajouter une profondeur stylisée).

4) Positionnez l'ombre. Faites glisser la commande cercle rose autour de votre objet pour modifier l'angle et la distance de l'ombre. Utilisez des distances plus courtes pour des ombres douces et proches du contact ; des distances plus longues pour des éléments soulevés.

5) Affinez le flou et l'intensité. Retournez au panneau principal Ombre pour ajuster le flou (douceur). Pour un logo net, gardez un flou faible ; pour les éléments de l'interface utilisateur ou les badges flottants, augmentez le flou et diminuez légèrement l'opacité pour plus de réalisme.

6) Fermez la boîte de dialogue des couleurs et continuez à peaufiner. Après avoir défini l'alpha et la couleur, fermez le panneau Couleur de l'ombre pour revenir au panneau Ombre afin d'effectuer les derniers réglages tout en observant le résultat en direct.

Conseils professionnels pour des ombres naturelles

  • Démarrez subtilement: Une opacité de 10 à 20 % avec un flou modéré donne souvent un aspect plus professionnel que des ombres lourdes et sombres.
  • Pensez à l'arrière-plan: Les arrière-plans sombres nécessitent généralement des couleurs d'ombres légèrement plus claires (gris avec une opacité plus faible) afin d'éviter les bords boueux.
  • Cohérence de la direction: Conservez le même angle d'ombre dans une composition pour maintenir la cohérence visuelle.
  • Logo vs. UI: Les logos bénéficient d'ombres nettes et peu floues (ou pas du tout). Les composants de l'interface utilisateur sont parfaits avec des ombres plus douces et de plus grand rayon.

Dépannage

  • Je ne vois pas l'ombre: Ouvrez Couleur de l'ombre et augmentez l'alpha. Par défaut, il est fixé à 0.
  • Les bords semblent durs: Augmentez légèrement Blur et diminuez l'opacité pour une chute plus douce.
  • L'ombre semble mal colorée : Choisissez un gris neutre, puis ajustez légèrement la chaleur/fraîcheur en fonction de la scène.

Conclusion

C'est tout : des images nettes et dimensionnelles en quelques clics. Essayez différentes combinaisons de flou, d'angle et d'opacité pour vous adapter au style de votre marque ou au langage de l'interface utilisateur. La subtilité permet d'obtenir un aspect de qualité supérieure.

Vous êtes prêt à ajouter de la profondeur à votre prochaine conception ? Entraînez-vous sur un logo, un badge ou un bouton et comparez les résultats avant/après.

Lancez Vector Ink et expérimentez les propriétés d'ombrage pour donner à vos créations un aspect professionnel!

Lisez la suite.Related