Dans cet article, je vais vous montrer comment ajouter un effet d'ombre portée dans GIMP à l'aide d'un filtre intégré. Des ombres portées peuvent être ajoutées au texte, ainsi qu'à tout objet ou calque contenant plusieurs objets, à condition que ce calque ait un canal alpha (plus d'informations à ce sujet momentanément).
Je vais vous montrer comment utiliser cet effet en vous montrant comment ajouter une ombre portée au texte.
Table des matières
- Étape 1 : Créer une nouvelle image
- Étape 2: Ajoutez votre texte
- Étape 3 : Alignez votre texte
- Étape 4 : ajouter une ombre portée
Étape 1 : Créer une nouvelle image
Tout d'abord, créons une nouvelle composition. Je peux le faire en allant dans Fichier> Nouveau (flèche rouge dans l'image ci-dessus) ou en appuyant sur la touche de raccourci ctrl+n de mon clavier (cmd+n sur un MAC).
Ensuite, je vais définir les dimensions de mon document – 1920 pour la largeur et 1080 pour la hauteur (indiquées en rouge dans l'image ci-dessus). L'unité que j'utilise est le pixel (px). Cliquez sur OK pour créer le document (flèche bleue).
Étape 2: Ajoutez votre texte
Je vais maintenant récupérer l'outil Texte dans ma boîte à outils (touche de raccourci T - flèche verte dans l'image ci-dessus).
Avec mon outil Texte actif, je clique sur ma composition et commence à taper du texte - dans ce cas "GIMP" (flèche verte dans l'image ci-dessus). Le texte sera quelle que soit la couleur de votre premier plan actuellement définie (dans mon cas, le rouge).
Je peux appuyer sur ctrl + a sur mon clavier ou faire glisser ma souris sur tout le texte à l'intérieur de la nouvelle zone de texte pour le sélectionner. Une fois sélectionné, je peux modifier les attributs du texte, notamment la police, la taille du texte, la couleur, etc. Je recommande de vérifier mon tutoriel dédié sur l'outil de texte de GIMP si vous n'êtes pas familier avec cet outil.
Avec mon texte sélectionné, je vais changer la taille de la police à 500 (flèche verte) et rester avec la police "Gill Sans MT Bold" (flèche bleue).
Étape 3 : Alignez votre texte
Ensuite, je vais cliquer et maintenir le premier groupe d'outils dans ma boîte à outils (flèche rouge dans l'image ci-dessus) et relâcher ma souris sur l'outil « Alignement » (flèche bleue).
Cliquez sur le texte que nous venons de créer avec l'outil d'alignement (assurez-vous de cliquer sur les pixels réels du texte). Sous les options de l'outil, assurez-vous que l'outil d'alignement est défini pour aligner « Par rapport à l'image » (sous la première liste déroulante - flèche rouge). Ensuite, cliquez sur « Aligner le centre de la cible » et « Aligner au milieu de la cible » pour centrer le texte sur l'image (encadré en bleu dans l'image ci-dessus).
Étape 4 : ajouter une ombre portée
Avec notre texte en place, nous pouvons maintenant ajouter une ombre portée à notre texte. Pour ce faire, assurez-vous que le calque de texte est actif dans le panneau des calques (flèche rouge). Ensuite, allez dans Filtres> Lumière et ombre> Ombre portée (flèche bleue).
Une boîte de dialogue flottante apparaîtra désormais intitulée "Drop Shadow" (encadrée en bleu dans l'image ci-dessus).
Le filtre Ombre portée est un filtre GEGL, ce qui signifie que nous obtenons un aperçu en direct de l'effet d'ombre portée sur notre toile lorsque nous modifions les paramètres. Ainsi, vous pouvez maintenant voir que notre texte a une ombre portée en dessous.
Les curseurs X/Y
Le premier ensemble de curseurs pour le filtre Ombre portée sont les curseurs « X » et « Y » (indiqués en bleu ci-dessus). Ces curseurs nous permettent de repositionner l'ombre portée sous notre calque de texte. Le curseur « X » modifie l'emplacement horizontal de l'ombre portée (c'est-à-dire l'axe x), tandis que le curseur « Y » modifie l'emplacement vertical de l'ombre portée (c'est-à-dire l'axe y).
Par défaut, ces deux valeurs seront « liées » entre elles via la petite icône en forme de chaîne à droite des curseurs (flèche rouge sur la photo). Cela signifie que lorsque vous cliquez et faites glisser un curseur, l'autre curseur changera avec lui. Par exemple, si je clique et fais glisser le curseur « X » vers la gauche, le curseur « Y » suivra avec ma souris.
Notez que la valeur ici pour X et Y peut être négative. Une valeur négative pour X signifie que l'ombre portée sera à gauche du centre, et une valeur négative pour Y signifie que l'ombre portée sera au-dessus du centre. (Une valeur positive pour X fera l'ombre portée à droite du centre, et une valeur positive pour Y fera l'ombre portée en dessous du centre). Dans l'image ci-dessus, étant donné que les valeurs X et Y sont toutes deux négatives, l'ombre portée est en haut et à gauche du texte d'origine.
Je peux cliquer sur le bouton "Réinitialiser" en bas de la boîte de dialogue pour réinitialiser mes valeurs par défaut (flèche jaune dans l'image).
Je vais cliquer sur l'icône de la chaîne pour dissocier la chaîne (flèche jaune dans l'image ci-dessus) car je veux que les valeurs des curseurs X et Y soient indépendantes.
Maintenant, je vais cliquer et faire glisser le curseur X (flèche rouge). Plus je fais glisser ce curseur vers la droite, plus l'ombre portée sera éloignée du texte (flèche bleue). Notez que je peux continuer à faire glisser le curseur vers la droite même une fois que la barre du curseur est pleine (elle se remplit généralement autour d'une valeur de 40, mais la valeur X peut être bien supérieure à 40).
Je peux également cliquer avec la molette de ma souris sur cette valeur et saisir manuellement une nouvelle valeur numérique. Par exemple, je vais cliquer avec ma souris n'importe où sur la valeur x (flèche rouge dans l'image ci-dessus), utiliser mes touches fléchées pour déplacer le curseur tout à droite, appuyer sur la touche retour arrière pour supprimer la valeur actuelle, puis taper 250 et appuyez sur la touche Entrée. Mon ombre portée sera mise à jour avec cette nouvelle valeur.
Je peux avoir un curseur avec une valeur positive et un autre avec une valeur négative. Ainsi, alors que X est positif, je peux rendre Y négatif.
Je vais cliquer et faire glisser le curseur Y loin vers la gauche pour lui donner une valeur négative (flèche rouge dans l'image ci-dessus). Au fur et à mesure que je fais cela, l'ombre portée se déplacera plus haut sur la composition par rapport au texte d'origine. Vous remarquerez également à ce stade que l'ombre portée est bien en dehors de la ligne pointillée jaune qui dénotait la limite de notre calque (flèche bleue).
Tant que vous utilisez GIMP 2.10.14 ou au-dessus, GIMP ajustera automatiquement la taille de votre calque pour s'adapter à la partie de l'ombre portée qui va à l'extérieur de la limite du calque actuel.
Encore une fois, j'appuierai sur le bouton « Réinitialiser » pour revenir aux valeurs par défaut.
Rayon de flou
Le curseur suivant est le curseur « Flou Rayon » (flèche rouge dans l'image). Ce curseur augmente ou diminue la quantité de flou gaussien appliqué à l'ombre portée. (Le flou gaussien est un filtre de flou populaire dans GIMP - il ajuste donc simplement la quantité de flou sur votre ombre).
Si je règle la valeur du curseur sur "0", il n'y aura pas de flou sur l'ombre portée et donc l'ombre aura des bords nets (flèche bleue dans l'image ci-dessus). Fondamentalement, l'ombre portée ressemblera simplement à un nouveau calque de texte légèrement décalé sous le calque de texte d'origine.
D'un autre côté, l'augmentation de la valeur du curseur Rayon de flou (flèche rouge) ajoutera plus de flou à l'ombre (flèche bleue). Trop de flou rendra l'ombre portée difficile à voir (l'ombre n'aura pas une forme discernable). Sans ajouter trop de flou, l'augmentation du rayon de flou peut aider à rendre votre « source de lumière » théorique plus douce. Pour le dire plus simplement, cela peut rendre l'ombre portée plus subtile.
Je vais appuyer sur le bouton de réinitialisation pour revenir aux valeurs par défaut.
Développer la forme et développer le rayon
Les deux éléments suivants - la liste déroulante "Grow Shape" et le curseur "Grow Radius" (encadré en bleu sur la photo) - sont liés les uns aux autres.
Le curseur Grow Radius (flèche rouge) vous permet d'augmenter ou de diminuer la taille de l'ombre portée avant que le flou ne lui soit appliqué. Par exemple, je vais augmenter le rayon de croissance et vous pouvez voir que l'ombre portée n'a plus un joli fondu uniforme (visible sur la photo ci-dessus).
La liste déroulante Grow Shape au-dessus du curseur Grow Radius modifie la forme de l'ombre portée au fur et à mesure qu'elle grandit. Par défaut, il s'agit d'un cercle. Cependant, si je change cela en "Diamant" (flèche rouge dans l'image ci-dessus), vous verrez les coins du flou changer pour avoir un bord plus biseauté (plutôt qu'un joli bord arrondi - flèche bleue).
Si je change cette option en « Carré » (flèche rouge), les bords sont beaucoup plus gros (flèche bleue) – ou plus carrés plutôt qu'arrondis.
Je vais à nouveau appuyer sur reset pour revenir aux valeurs par défaut.
Couleur de l'ombre portée
L'option suivante est l'option "Couleur", qui vous permet de changer la couleur de l'ombre portée. Par défaut, l'ombre portée sera noire (comme le sont généralement les ombres !). Cependant, vous pouvez cliquer sur le grand échantillon de couleur pour choisir une nouvelle couleur (flèche rouge dans l'image ci-dessus).
Vous pouvez utiliser la boîte de dialogue Couleur qui s'affiche pour sélectionner à la main la couleur de votre choix. Vous pouvez soit faire glisser votre souris autour du sélecteur de couleurs sur le côté gauche en utilisant la bande de couleur unidimensionnelle (flèche rouge) et la zone de couleur bidimensionnelle (flèche bleue). Ou, vous pouvez saisir manuellement les valeurs numériques des canaux de couleur pour n'importe quel canal de couleur individuel sur le côté droit de la boîte de dialogue Couleur.
Remarque : R, G et B signifient « Rouge », « Vert » et « Bleu », tandis que L, C et h signifient « Luminance », « Chroma » et « teinte », et enfin le a représente pour "alpha", qui n'est que transparence.
Vous pouvez également copier la couleur exacte que j'ai choisie ici en tapant la "Notation HTML" (contour en jaune dans l'image ci-dessus).
Une fois que je suis prêt à appliquer cette couleur, je clique sur « OK ». Vous verrez que mon ombre portée est maintenant de couleur bleu clair.
Opacité de l'ombre portée
À droite du grand échantillon de couleur se trouve un sélecteur de couleurs (flèche rouge) qui vous permet de choisir n'importe quelle couleur dans votre composition GIMP (tant qu'elle se trouve à l'intérieur de la zone de canevas).
Sous les options de couleur se trouve le curseur "Opacité" (flèche bleue dans l'image ci-dessus). Ce curseur vous permet de rendre votre ombre portée soit plus transparente (transparente) en la faisant glisser vers la gauche, soit plus opaque en la faisant glisser vers la droite.
Vous verrez quand je fais glisser cette valeur vers la gauche que l'ombre portée devient plus faible (flèche jaune).
Lorsque je fais glisser la valeur vers la droite, l'ombre portée devient plus prononcée. Lorsque la valeur du curseur est définie sur 1.0, cela signifie que l'ombre portée est totalement opaque (ou transparente à 0 %).
GIMP permet d'aller au-delà de 1.0 pour cette valeur. Pour comprendre pourquoi, permettez-moi de le dire ainsi : jusqu'à 1.0 affectera l'opacité de la zone d'ombre portée principale à l'exclusion de la zone de flou. Entre 1.0 et 2.0 affectera l'opacité de la zone de flou. Comme vous pouvez le voir sur la photo, lorsque je fais glisser la valeur du curseur bien au-dessus de 1.0 (flèche rouge sur la photo ci-dessus), la forme de l'ombre portée commence à changer à mesure que la zone de flou perd sa transparence et devient plus opaque (flèche jaune) .
J'aime généralement garder mon opacité en dessous de 1.0 - je vais donc réajuster cette valeur à quelque chose entre 5 et 1.0.
Options de découpage
La prochaine étape dans la boîte de dialogue Ombre portée se trouve dans la liste déroulante "Découpage" (développée et encadrée en jaune dans l'image ci-dessus). Par défaut, ce paramètre sera défini sur « Ajuster », ce qui signifie que la limite du calque de texte (flèche rouge) s'ajustera pour s'adapter à tous les pixels créés par l'ombre portée. Cela empêche l'ombre portée de se couper.
Cependant, je peux changer cette valeur en "Coupe", ce qui signifie que tous les pixels d'ombre portée qui sortent de la limite du calque seront "écrêtés" ou coupés.
Options de mélange
Sous la liste déroulante Découpage se trouve une zone appelée "Options de fusion". Cela peut être réduit pour vous par défaut, vous pouvez donc cliquer sur la petite icône "+" pour révéler cette zone (flèche bleue dans l'image ci-dessus). Le premier élément ici est la liste déroulante "Mode" (flèche rouge), qui vous permet de sélectionner un mode de fusion ou un mode de calque.
Les options à l'intérieur de cette liste déroulante sont les mêmes que celles auxquelles vous pouvez appliquer calques dans le panneau des calques. En d'autres termes, ces options sont tous des modes de calque, seul le mode de calque que vous choisissez sera appliqué uniquement à l'effet d'ombre portée et non à l'ensemble du calque. Cela vous donne la possibilité d'ajouter des effets supplémentaires à votre ombre portée. Par exemple, si je choisis le mode « Dissoudre » (flèche jaune), vous verrez que mon ombre portée se verra désormais appliquer le mode de fusion du calque (flèche rouge).
En dessous de cette liste déroulante se trouve un autre curseur « Opacité » (flèche rouge). Cette fois, le curseur vous permet uniquement de choisir des valeurs comprises entre 0 et 100 et affecte l'intégralité de l'ombre portée composite. Il prend essentiellement tous les effets et paramètres que vous avez appliqués dans les étapes précédentes et les fusionne en un seul élément. Vous ajustez ensuite l'opacité de cet élément unique.
Si je fais glisser le curseur d'opacité vers le bas, toute l'ombre portée composite deviendra plus transparente (flèche bleue). Si je fais glisser la valeur du curseur vers le haut, elle deviendra plus opaque.
Sauvegarde des préréglages
Si je souhaite enregistrer tous les paramètres que je viens de créer en tant que préréglage pour une utilisation future, je peux simplement aller en haut de la boîte de dialogue Ombre portée et cliquer sur la petite icône "+" (flèche rouge dans l'image ci-dessus).
Une boîte nommée « Enregistrer les paramètres en tant que préréglage nommé » apparaîtra (encadrée en jaune), et je peux donner un nom à mon préréglage. Dans ce cas, je l'appellerai "Blue Dissolve". Cliquez sur OK pour créer le nouveau préréglage.
À côté de l'icône « + » en haut se trouve une liste déroulante (flèche bleue). Ici, vous verrez des préréglages créés automatiquement en fonction des effets d'ombre portée que vous avez appliqués lors des sessions précédentes. Vers le bas, vous verrez une ligne de séparation qui sépare les préréglages générés automatiquement des préréglages créés par l'utilisateur. Sous la ligne de séparation, vous verrez le nom du nouveau préréglage que nous venons de créer - « Blue Dissolve » (flèche rouge).
Aperçu de votre ombre portée
Au bas de la boîte de dialogue Ombre portée se trouvent les cases à cocher « Aperçu » et « Aperçu fractionné ». L'aperçu (flèche jaune) vous permet de basculer l'aperçu en direct sur le canevas des effets du filtre.
La case à cocher « Split Preview » (flèche rouge), lorsqu'elle est activée, affichera une ligne de séparation sur votre toile (flèche bleue). Sur le côté gauche du séparateur se trouve un aperçu en direct de l'effet, tandis que sur le côté droit de la ligne se trouve la composition avant l'application de l'effet (c'est-à-dire une version « avant » du texte).
Vous pouvez cliquer et faire glisser cette ligne sur votre toile pour modifier la taille des zones d'aperçu de chaque côté de la ligne. Par exemple, si je fais glisser la ligne vers la droite, j'obtiens davantage l'aperçu « après ». Si je le fais glisser vers la gauche, j'obtiens plus de l'aperçu "avant".
Si je ne souhaite pas appliquer ces modifications, je peux cliquer sur le bouton « Annuler ». Sinon, lorsque je clique sur "OK", l'ombre portée sera appliquée directement sur mon calque de texte.
Notez qu'avec l'effet maintenant sur mon texte, le calque de texte lui-même a été converti en un calque de pixels standard (ce qui signifie que les informations de texte ont été supprimées - flèche rouge dans l'image ci-dessus). Je ne peux plus modifier mon texte avec l'outil texte sans annuler l'effet d'ombre portée.
Voilà pour ce tutoriel! Si vous l'avez aimé, n'oubliez pas de consulter mon autre Articles d'aide GIMP, Tutoriels vidéo GIMPou devenir un Membre Premium DMD!
