Aller au tutoriel
lil cactus

Comment ajouter une ombre portée et un contour avec les styles de calque

Débutant6 minutesMis à jour le

En bref

Sélectionnez le calque et cliquez sur le bouton Style de calque (le bouton fx en bas du panneau Calques), ou choisissez Calque puis Style de calque puis Style de calque… Cliquez sur un effet dans la liste et réglez-le : pour un texte blanc sur une photo claire, une Ombre portée avec Opacité à 70 %, Distance à 4 px et Taille à 10 px, plus le Contour noir de 3 px proposé par défaut. Cliquez sur OK. Calque puis Style de calque puis Copier le style de calque puis Coller le style de calque appliquent le même rendu à un autre calque.

Le texte blanc CLIFF WALK presque invisible dans un ciel pâle, puis le même texte avec un contour noir et une ombre douce, et un sous-titre avec le même style
Avant : un titre blanc sans effet. Après : une ombre portée et un contour, et le même style collé sur un sous-titre, avec un contour plus fin. Faites glisser la poignée pour comparer.
Durée
6 minutes
Niveau
Débutant
Il vous faut
Un calque de texte, de forme ou de pixels à faire ressortir
Formats pris en charge
Texte, formes, calques de pixels et objets dynamiques, dans des documents JPEG, PNG, PSD et autres
Ouvrir l’exemple dans Lil CactusUtiliser votre propre photo

Gratuit, sans inscription. Votre photo reste sur votre ordinateur.

Un style de calque est un ensemble d’effets dessinés autour ou au-dessus d’un calque : ombres portées, contours, lueurs, incrustations de couleur ou de dégradé, biseaux. Ces effets sont des réglages, pas des pixels : ils suivent donc la forme du calque. Modifiez le texte, et le contour se redessine autour des nouvelles lettres.

Dans ce tutoriel, un texte blanc sur un ciel pâle est difficile à lire. Une ombre douce et un contour fin règlent le problème ; vous donnez ensuite le même style à une deuxième ligne avec deux commandes de menu.

Ajouter un style de calque en sept étapes

  1. Ouvrir la photo

    Rendez-vous sur lilcactus.app et choisissez Fichier puis Ouvrir… (Ctrl+O ou ⌘O), ou faites glisser la photo dans la fenêtre. Pour suivre exactement les étapes, ouvrez la photo d’exemple de cette page.

  2. Taper un titre blanc

    Appuyez sur D puis sur X pour que le blanc devienne la couleur de premier plan (la nuance du haut, en bas de la barre d’outils). Appuyez sur T pour choisir l’outil Texte. Dans la barre d’options (la bande sous les menus), choisissez Impact dans la liste Police et tapez 200 dans le champ Taille. Cliquez dans le ciel juste à droite du phare, à environ un tiers de la largeur et un peu moins d’un tiers de la hauteur depuis le haut (le clic marque le bas des lettres), tapez CLIFF WALK et appuyez sur Ctrl+Enter ou ⌘↩. Si Impact ne figure pas dans la liste (cette police n’est pas installée sur tous les ordinateurs), choisissez Arial et cliquez sur le bouton B (gras) de la barre d’options.

    Du blanc sur un ciel pâle n’offre presque aucun contraste : les lettres se détachent à peine des nuages.

    Les lettres blanches CLIFF WALK sur un ciel gris pâle, difficiles à lire
    Du texte blanc sans effet sur le ciel pâle.
  3. Ajouter une ombre portée

    Cliquez sur le bouton Style de calque, le bouton fx en bas du panneau Calques. La boîte de dialogue Style de calque affiche dix effets à gauche. Cliquez sur Ombre portée : l’effet est coché et ses réglages s’affichent à droite.

    Tapez 70 dans le champ Opacité, 4 dans le champ Distance et 10 dans le champ Taille. Appuyez sur Tab après chaque valeur (ou faites glisser les curseurs) : la zone de travail se met à jour pendant que la boîte de dialogue est ouverte, et un bord sombre et doux détache maintenant les lettres du ciel. Le réglage Distance éloigne l’ombre des lettres, dans la direction de l’Angle ; le réglage Taille l’adoucit.

    Le panneau Calques : mode de fusion et opacité, la ligne Verrouiller, les lignes Texte et Arrière-plan, et la rangée de boutons en bas, avec le bouton fx entouré
    Le bouton fx ouvre la boîte de dialogue Style de calque.
    La liste des effets de Style de calque : Effets principaux, puis Ombre portée coché et entouré, puis Ombre interne, Lueur externe, Lueur interne, Contour, Incrustation couleur, Incrustation en dégradé, Incrustation de motif, Biseautage et estampage, et Satin
    Cliquez sur le nom d’un effet pour l’ajouter.
    Réglages de l’ombre portée : mode de fusion Normal, une nuance de couleur noire, Opacité 70 %, Angle 120° avec Utiliser l’éclairage global, Distance 4 px, Propagation 0 % et Taille 10 px
    Opacité 70, Distance 4, Taille 10.
  4. Ajouter un contour, puis cliquer sur OK

    Cliquez sur Contour dans la liste. L’effet commence par un contour noir de 3 px à l’extérieur des lettres, exactement ce qu’il faut pour ce titre : gardez-le. Cliquez sur OK.

    Le titre se lit maintenant clairement sur le ciel pâle.

    Réglages du contour : mode de fusion Normal, une nuance noire, Opacité 100 %, Taille 3 px, Position Extérieur, Type de remplissage Couleur
    Le contour par défaut : 3 px, noir, à l’extérieur.
    CLIFF WALK en blanc avec un fin contour noir et une ombre douce, bien lisible sur le ciel pâle
    Le même titre avec une ombre portée et un contour.
  5. Modifier le style plus tard

    Le calque de texte porte maintenant un badge fx dans le panneau Calques. Cliquez sur ce badge pour rouvrir la boîte de dialogue Style de calque avec les réglages actuels. Décochez un effet pour le désactiver sans perdre ses réglages, ou décochez Effets principaux pour désactiver tous les effets d’un coup.

    Le panneau Calques : le calque Texte avec un badge fx vert entouré, au-dessus d’Arrière-plan
    Le badge fx signale un style de calque et le rouvre.
  6. Copier le style sur une deuxième ligne

    Cliquez d’abord sur la ligne Arrière-plan : tant qu’un calque de texte est sélectionné, la barre d’options modifie ce calque, et taper 64 dans le champ Taille réduirait le titre. Avec l’outil Texte, tapez 64 dans le champ Taille, cliquez sous le bord gauche du titre, à environ la moitié de la hauteur du titre sous ses lettres (là encore, le clic marque le bas des lettres), tapez Lighthouse loop, 4 miles et appuyez sur Ctrl+Enter ou ⌘↩.

    Sélectionnez le calque du titre (Texte) et choisissez Calque puis Style de calque puis Copier le style de calque. Sélectionnez le nouveau calque (Texte 2) et choisissez Calque puis Style de calque puis Coller le style de calque. Le sous-titre reçoit la même ombre et le même contour.

    Les tailles sont copiées en pixels : le contour de 3 px remplit donc les espaces entre les petites lettres. Cliquez sur le badge fx de Texte 2, cliquez sur Contour, tapez 1 dans le champ Taille et cliquez sur OK.

    Le menu Calque avec le sous-menu Style de calque ouvert : Options de fusion, Style de calque, Éclairage global, puis Copier le style de calque entouré, Coller le style de calque, Effacer le style de calque et Pixelliser le style de calque
    « Coller le style de calque » reste grisé tant que vous n’avez pas copié de style.
    CLIFF WALK et la ligne plus petite Lighthouse loop, 4 miles, toutes deux en blanc avec un contour noir et une ombre ; le contour du sous-titre est plus fin
    Le sous-titre avec le style collé et un contour de 1 px.
  7. Enregistrer, ou exporter l’image

    Pour garder le texte et son style modifiables, choisissez Fichier puis Enregistrer sous puis Projet Lil Cactus… (Ctrl+Maj+S ou ⇧⌘S) ou Fichier puis Enregistrer sous puis Photoshop (.psd)… Ensuite, Fichier puis Enregistrer met ce fichier à jour.

    Pour partager l’image, choisissez Fichier puis Exporter puis JPEG… et cliquez sur Exporter : vous obtenez une nouvelle image aplatie qui intègre les effets. Tant que vous n’avez pas enregistré de projet ou de PSD, Fichier puis Enregistrer réécrit une image aplatie dans le JPEG que vous avez ouvert ; le premier enregistrement d’un JPEG, y compris celui de l’exemple, ouvre la boîte de dialogue Enregistrer l’image.

Ce que fait chaque effet

EffetÀ utiliser pour
Ombre portéeDétacher un texte ou un détourage de l’arrière-plan
Ombre interneDes lettres qui semblent enfoncées dans la surface
Lueur externeUn halo doux autour du bord, pour du contraste sans ligne dure
Lueur interneDe la lumière le long de l’intérieur du bord
ContourUn contour en couleur, en dégradé ou en motif, à l’extérieur, à l’intérieur ou centré sur le bord
Incrustation couleurRecolorer le calque sans modifier ses pixels
Incrustation en dégradéDu texte ou des formes remplis d’un dégradé
Incrustation de motifRemplir le calque d’un motif répété
Biseautage et estampageDes bords en relief, en trois dimensions
SatinUn ombrage doux et brillant à l’intérieur de la forme

Les effets Ombre portée, Ombre interne, Contour, Incrustation couleur et Incrustation en dégradé peuvent être ajoutés plusieurs fois, par exemple deux contours de couleurs différentes : ouvrez l’effet et cliquez sur le bouton Ajouter une copie, le bouton à deux carrés en haut à droite des réglages de l’effet.

Créer des lettres évidées (contour seul)

Cliquez sur le badge fx du titre, décochez Ombre portée et cliquez sur OK : avec un fond à 0 %, une ombre portée transparaîtrait dans les lettres évidées comme un remplissage gris foncé. Gardez le Contour.

Réglez ensuite le champ Fond sur 0 % dans le panneau Calques. Le fond masque les pixels du calque lui-même mais conserve ses effets : seul le contour reste, et la photo apparaît à travers les lettres. Le réglage Opacité, juste au-dessus, estompe aussi les effets.

Le panneau Calques avec le réglage Fond de la ligne Verrouiller entouré, réglé sur 0 %, au-dessus des lignes Texte, Texte 2 et Arrière-plan
Fond à 0 % dans le panneau Calques.
CLIFF WALK en contours noirs, le ciel pâle visible à travers les lettres
Contour seul, fond à 0 % : des lettres évidées.

Autres commandes de style de calque

  • Calque puis Style de calque puis Éclairage global… définit un seul angle de lumière pour toutes les ombres et tous les biseaux dont l’option Utiliser l’éclairage global est cochée : ils tombent alors tous dans le même sens.
  • Calque puis Style de calque puis Effacer le style de calque supprime tous les effets du calque sélectionné et remet le Fond à 100 %.
  • Calque puis Style de calque puis Pixelliser le style de calque transforme le calque et ses effets en un seul calque de pixels : vous ne pouvez plus retaper le texte ni régler les effets ensuite.

Résoudre les problèmes courants

« Coller le style de calque » est grisé

Rien n’a encore été copié dans cet onglet du navigateur, ou le calque sélectionné est verrouillé. Choisissez d’abord Calque puis Style de calque puis Copier le style de calque sur le calque qui porte le style, et vérifiez le cadenas dans le panneau Calques. Le style copié est conservé jusqu’au rechargement de la page : vous pouvez donc aussi le coller dans un autre document ouvert.

« Coller le style de calque » a fait disparaître les lettres

Le style copié comprenait un Fond à 0 %. Remettez le Fond à 100 % dans le panneau Calques.

L’ombre est coupée au bord de l’image

Les effets ne sont dessinés qu’à l’intérieur de la zone de travail. Rapprochez le calque du centre, ou agrandissez la zone de travail avec Image puis Taille de la zone de travail…

Si vous venez d’un autre logiciel

Photoshop
Le bouton fx en bas du panneau Calques, et Calque › Style de calque, avec Copier et Coller le style de calque.
GIMP
Filtres › Lumière et ombre › Ombre portée.

Styles de calque : questions et réponses

Les styles de calque modifient-ils les pixels de mon calque ?

Non. Dans Lil Cactus, un style de calque est un ensemble de réglages dessinés autour du calque : vous pouvez le modifier ou le supprimer à tout moment. Calque › Style de calque › Pixelliser le style de calque, Fusionner avec le calque inférieur, Fusionner les calques visibles et Aplatir l’image transforment les effets en pixels ; jusque-là, ils restent modifiables.

Les styles de calque sont-ils conservés dans les fichiers PSD ?

Oui. Dans Lil Cactus, Fichier › Enregistrer sous › Photoshop (.psd)… garde les styles de calque modifiables. Seule exception : un style qui utilise un motif 16 bits ou du bruit de biseau. Lil Cactus signale alors ce calque et vous demande confirmation avant d’enregistrer, et le rendu du calque est enregistré sous forme de pixels.

Comment ajouter une ombre derrière un objet détouré, et non derrière du texte ?

Dans Lil Cactus, placez l’objet sur son propre calque avec un arrière-plan transparent, puis ajoutez une ombre portée avec le bouton fx. L’ombre suit le contour de l’objet.

Comment appliquer le même style à plusieurs calques ?

Dans Lil Cactus, choisissez Calque › Style de calque › Copier le style de calque sur le calque qui porte le style, puis sélectionnez chaque autre calque tour à tour et choisissez « Coller le style de calque » ; le collage se fait sur un calque à la fois. Le collage remplace le style que le calque avait déjà.

Comment changer la couleur d’une ombre portée ou d’un contour ?

Dans Lil Cactus, ouvrez le style de calque, cliquez sur l’effet, puis sur la nuance de couleur au bout de sa ligne « Mode de fusion ». Choisissez une couleur et cliquez sur OK dans les deux boîtes de dialogue.

Ma photo est-elle envoyée sur un serveur quand j’utilise les styles de calque dans Lil Cactus ?

Non. Tout s’exécute dans votre navigateur, sur votre propre appareil. Lorsque les statistiques sont activées, l’éditeur enregistre quels outils sont utilisés, jamais l’image, comme l’explique la politique de confidentialité.