Ajout d'ombre à l'image

Ombre portée

Une capture d’écran de produit plate se détache de la page avec une ombre portée douce ; la même image sans ombre semble collée. Cet outil ajoute une ombre personnalisable avec des contrôles indépendants pour le rayon de flou, le décalage, l’étalement et la couleur, produisant un PNG avec l’ombre intégrée, prêt pour les pages marketing, les en-têtes de blog et la documentation.

Comment ajouter une ombre portée

  1. 1

    Téléchargez une image

    Fonctionne mieux avec des PNG qui ont déjà de la transparence ou une capture d'écran de produit que vous souhaitez encadrer.

  2. 2

    Définissez les paramètres de l'ombre

    Rayon de flou, décalage X/Y, opacité, couleur.

  3. 3

    Choisissez un canevas

    Ajustez à l'image plus l'ombre, ou taille fixe avec marge.

  4. 4

    Exporter

    La sortie PNG préserve les bords d'ombre douce ; le JPG aura un fond visible.

Paramètres d'ombre qui semblent corrects

De bonnes ombres portées sont généralement plus douces et moins opaques que ce que les gens choisissent instinctivement.

Styles prédéfinis

Style Flou Décalage Y Opacité Étalement
Léger relief (carte UI) 12 px 2 px 8% 0
Élévation Material 2 8 px 2 px 15% 0
Élévation Material 8 24 px 12 px 20% 0
Publication sur les réseaux sociaux 40 px 20 px 25% 0
Image principale flottante 80 px 40 px 30% 0
Longue ombre (design plat) 0 px 40 px 30% 0

Couleur de l’ombre

  • Le noir est facile mais semble souvent dur. Une version sombre désaturée de la couleur dominante de l’image semble plus intégrée.
  • Le noir pur à 25% d’opacité est généralement meilleur que le noir à 70%.
  • Ombres chaudes sous une image chaude, ombres froides sous une image froide.

Où se trouve la lumière

Si votre image a un sens interne de l’éclairage (un logo avec un reflet), faites correspondre la direction de l’ombre à cet éclairage. Les captures d’écran de photos génériques semblent généralement meilleures avec une lumière venant du haut (ombre décalée vers le bas de 2 à 20 px).

Sortie PNG vs JPG

  • PNG : les bords d’ombre s’estompent proprement vers la transparence. Meilleur pour placer l’image sur n’importe quel fond.
  • JPG : l’ombre est aplatie contre une couleur de fond choisie. Utilisez-le lorsque vous connaissez le fond de placement final.

Évitez d’empiler les effets

Une ombre portée plus une bordure épaisse plus des coins arrondis plus une teinte commencent à sembler chargés. Choisissez-en un ou deux, une bordure subtile plus une ombre est généralement suffisante.

Questions fréquentes

Presque toujours, l’opacité est trop élevée. Réduisez à 20-30% et augmentez le rayon de flou. Les vraies ombres en plein jour sont diffuses ; une ombre nette et sombre est perçue comme un éclairage de scène.

L’outil produit uniquement des ombres portées extérieures. Pour des ombres intérieures (par exemple, du texte enfoncé dans une surface), utilisez un filtre de biseautage/embossage dédié.

Oui par défaut, le canevas s’étend pour inclure les dimensions de l’ombre. Vous pouvez verrouiller le canevas à la taille d’origine si vous préférez que l’ombre soit coupée aux bords (pour les motifs en mosaïque ou les fonds continus).

Oui. Une entrée PNG avec alpha produit une ombre autour de ce qui est opaque, pas autour du rectangle entier. Les découpes de produit avec des silhouettes complexes rendent des ombres naturelles et conformes à la forme.

Outils similaires

Outil disponible dans d’autres langues