Shagshag's blog

T'apercevrais-tu que tu es heureux, si ton bonheur durait plus d'une heure ? (Charles Vildrac)

Goutte de pluie

, , ,

Voici une façon d'obtenir des gouttes d'eau réaliste avec GIMP. Il existe de nombreuses documentations à ce sujet pour Photoshop mais pas tant que ça pour mon logiciel préféré.

Cet article provient de feu SourisVerte.net L'image de base utilisée ici vient de Wikipedia et j’ai utilisé un zoom de 150% pour la travailler.

Créer la forme

Créez un nouveau calque appelé “goutte”. Avec un pinceau assez gros (j’ai utilisé le “Circle (17)”), dessinez la forme de la goutte avec du gris #7f7f7f (gris 127). Comme on va réutiliser cette forme plus tard, on va la sauvegarder. Avec l’outil de sélection par couleur (Shif+O) sélectionnez le dessin de la goutte et enregistrez la dans un canal (menu Sélection→Enregistrer dans un canal) Pour la retrouver il suffira de faire un clic droit sur ce canal et de choisir “canal vers sélection”.

Reflet interne

Les reflets de votre goutte dépendent surtout de sa forme et de l’image de fond. Ici elle a un coin en bas, j’utilise donc un dégradé de forme conique, sinon un dégradé linéaire devrait convenir dans la plupart des cas. On utilise donc l’outil “dégradé” (L) avec comme couleurs le gris #7f7f7f et du blanc #ffffff. La position et la taille du dégradé sont à adapter à la forme de la goutte. Si au final ce n’est pas réaliste on pourra le modifier sans toucher aux étapes suivantes puisqu’on ne touchera plus à ce calque. Passez le calque goutte en mode “Fusion de grain”.

Ombre interne

Pour obtenir un effet d’ombre interne, j’utilise la méthode de DayplayR.
  • Créez un nouveau calque nommé “ombre interne” sous celui nommé “goutte”.
  • Reprenez la sélection sauvegardée à l’étape 1 et inversez la (Ctrl+I).
  • Remplissez la zone sélectionnée de noir avec l’outil de remplissage (Shift+B)
  • Dé-sélectionnez tout (Shift+Ctrl+A) et appliquez le filtre “flou gaussien” avec un rayon qui dépend de la taille de votre goutte (ici 5 pixels)
  • Reprenez encore la sélection sauvegardée à l’étape 1 et inversez la (Ctrl+I).
  • Effacez tout ce qui dépasse de la goutte (Ctrl+K) L’opacité du calque est a régler suivant votre projet. Je l’ai modifiée à la fin pour avoir une vision plus globale, avec une valeur de 70%.

Ombre externe

  • Sélectionnez le calque “goutte” et appliquez le script “Ombre portée” (Script-Fu→Ombre→Ombre portée...). Comme pour l’ombre interne les paramètres dépendent de votre projet, ici j’ai utilisé un décalage de 3 pixels, un rayon de flou de 15 pixels et une opacité de 32%.
Pour supprimer l’ombre en trop :
  • Reprenez la sélection sauvegardée à l’étape 1
  • Sélectionnez le calque “Drop-Shadow”
  • Supprimez la zone sélectionnée (Ctrl+K) Vous pourrez régler l’opacité de ce calque à la fin du projet.

Reflet externe

  • Créez un nouveau calque nommé “reflet” au dessus de “goutte”
  • Avec un l’outil pinceau (P), une brosse brosse ronde au contour flou (ici Circle Fuzzy (09)) tracez un point de couleur blanche pour marquer le reflet.

Effet loupe

  • Sélectionnez le calque “Arrière plan”
  • Dupliquez le et nommez le calque créé “loupe”
  • Reprenez la sélection sauvegardée à l’étape 1 et inversez la (Ctrl+I).
  • Effacez tout ce qui dépasse de la goutte (Ctrl+K)
  • Redimensionnez les bords du calques (Calque→Découpage automatique du calque). On fait cela pour que le zoom parte à peu près du centre de la goutte et pas du centre de l’image.
  • Changez l’échelle du calque (Calque→Échelle et taille du calque...), ici de 130%
  • Effacez tout ce qui dépasse de la goutte (Ctrl+K)

Résultat final

Et voici l’image finale. L’image de la feuille vient de Wikipedia et fait partie du domaine public Source de ce tutoriel : goutte de pluie.xcf

Fabriquer du ruban adhésifHTML Color Picker

Comments

Unregistered user Wednesday, December 24, 2008 6:59:17 AM

Picou writes: Merci beaucoup, moi je cherchais la goutte de sang, mais tant qu'a faire. C'est un très bon tuto, bien expliqué, bien détaillé. BrAVO.

Unregistered user Friday, September 18, 2009 3:46:06 PM

Anonymous writes: Très bon tuto! Merci beaucoup Juste une petite remarque: j'ai pris une photo de base qui n'était pas la votre. Au dernier point, pour la loupe, j'ai eu un problème au moment d'effacer. C'est là que j'ai compris, en regardant vos copies d'écrans, que ma photo de base n'avait pas de couche alpha (je suis débutante) j'ai donc rajouté une couche alpha et ma goutte est magnifique!

Unregistered user Thursday, March 18, 2010 10:49:59 AM

titi writes: super enfin un tuto sur gimp . le résultat est moins bien que photoshop c'est dommage gimp as pas encor assez de reglages. j'espere que sa sera pour bientot :-)

Unregistered user Monday, June 6, 2011 6:22:42 PM

Anonyme writes: bravo pour ce tuto !! l'effet de cette goutte est tres réussie !! en faite je me suis mise pour de bon a gimp j'ai créer un dossier ou je mets les raccourcis des sites qui m'apprennent pleins de choses !!

Write a comment

New comments have been disabled for this post.