Scripts-Fu
Gimp Bumpy
Gimp Aquabou
Gimp Plasticlogo

Fond d'écran
Debian (19)
POV-Ray (26)
GNUstep (23)
Enlightenment (8)
Celtique (14)
Autres... (2)

Articles
Gimp (1.2 & 2.x)
Electronique
Prog. & Dével.

Code
PAM t2g
ppdog

Donnez un cachet à vos créations

Bien que la plupart des images (fonds d'écran, décorations de site, logos divers, etc) soient habituellement d'un aspect résolument moderne, il peut arriver que vous ayez besoin de quelque chose de plus ancien. Entendez par là qu'une touche "vieillotte" peut être du plus bel effet selon le sujet traité.

Il est un élément graphique qui donne exactement ce sentiment quelque soit l'endroit où on le place. Il rappel un autre age où la signature éléctronique n'existait pas (sic) et où la signature manuelle laissait la place à quelque chose de bien plus rafiné : les cachets de cire. On trouve encore aujourd'hui dans certains magasins d'art de la cire à cacheter et des poinçons. Mais pourquoi revenir à des techniques si anciennes puisque nous possèdons l'outils universel de création graphique : un ordinateur sous GNU/Linux avec The Gimp installé :)

Pour ce tutoriel, nous allons utiliser un filtre puissant possèdant de nombreuses options. C'est le filtre d'éclairage (lightning en anglais, à ne pas confondre avec "Eclairs"). Vous pouvez voir ce dernier comme une version évoluée du bumpmap supportant un nombre intéressant de caractéristiques physiques. Il est possible de spécifier un type de matière en jouant sur les paramètres de relfexion, de lumière et de diffusion. La palette d'éclairage et de mise en relief ainsi disponible est presque infinie.

Mais entrons dans le vif du sujet en commençant notre création du moment. Le filtre d'éclairage peut fonctionner sur une image quelconque en utilisant uniquement les paramètres physiques définit par l'utilisateur. Mais le meilleure rendu est obtenu en utilisant en plus une carte en relief (bumpmap). A l'instar du filtre bumpmap simple, il nécessaire de composer une carte. Mais avec l'éclairage, l'image faisant office de carte doit impérativement être en niveau de gris, ne comporter qu'un seul calque et ne pas posséder de couche alpha. Il est très important de garder cela à l'esprit car c'est une source d'erreur fréquente chez les utilisateurs peu habitué à l'utilisation de ce filtre. On se retrouve alors devant la fenêtre des options de ce filtre en se demandant pourquoi nous ne pouvons pas choisir de carte pour le mapping...

Nous débuterons donc en créant notre carte. Pour cela créez une nouvelle image de 512 pixels de coté. A l'aide de l'outil de sélection circulaire créez une forme en cercle au centre de l'image et remplissez-la de noir (figure 1). Dupliquez immédiatement ce claque, la copie nous servira juste après.


Figure 1


Figure 2

Utilisez Filtres-> Distortions-> Déformation interactive pour déformer le cercle (figure 2). Essayer de lui donner un aspect très fluide et légèrement plus étiré vers le bas. Utilisez la capture en figure 2 comme base de travail. Dupliquez ce claque. Activez le calque avec le cercle intacte et utilisez Calques-> Alpha vers sélection, revenez ensuite sur l'autre calque et supprimer la sélection de l'image. Votre forme déformée doit maintenant être constitué d'une bordure.

Vous devez maintenant prendre une décision. Soit votre création est destinée à être un élément graphique statique et dans ce cas, vous devez sauter cette étape, soit vous comptez vous servir de ce cachet de cire comme composant pour un page Web auquel cas, il devra être facilement modifiable. Si ce dernier point correspond à vos attentes, Dupliquez l'image avec <CTRL>+D, puis aplatissez l'image avec Calque-> Aplatir image. Dernier point important, utilisez Image-> Mode-> Niveaux de gris pour respecter le type d'image servant de carte pour le filtre d'éclairage. Notre carte est maintenant terminée (figure 3), vous pouvez passer directement à l'étape concernant l'utilisation du filtre.


Figure 3


Figure 4

En principe, si vous lisez ce paragraphe, c'est que vous désirez composer votre image de manière statique. Entendez par là qu'il ne sera pas vraiment impossible d'y faire des modifications mais que cela vous demandera beaucoup plus de travail. Commencez par dupliquer l'image avec <CTRL>+D puis travaillez sur la copie. Créez un nouveau calque transparent en premier plan puis transformez l'alpha en sélection sur le calque où se trouve le cercle original. Revenez sur le nouveau calque puis réduisez la sélection de 23 pixels avec Sélection-> Rapetisser. Dans la fenêtre des calques, ne laissez visible que le nouveau calque et le fond blanc puis fusionnez les calque visibles avec l'option adéquate du menu Calque. Appliquez un léger flou gaussien (environ 10 pixels) sur le calque obtenu (figure 4).

Nous allons à présent transformer cette image de manière à obtenir un anneau. Utilisez pour cela le menu Filtres-> Détection de bord-> Bord, laissez les paramètres par défaut et lancez l'exécution du filtre. Vous obtiendrez un anneau blanc sur fond noir, inverser les couleurs du calque avec Image-> Couleurs-> Inverser pour obtenir la figure 5.


Figure 5


Figure 6

Déplacez le calque le plus en arrière plan puisque celui-ci ne possède pas de transparence, rendez ensuite visible le calque contenant la bordure et ajoutez un calque transparent destiné à accueillir le texte. Au final, vous devez obtenir trois calques, comprenant respectivement, le fond avec l'anneau, la bordure et le texte. Les autres calques, s'il sont toujours présent ne nous servirons plus à rien, vous pouvez les supprimer. Appliquez à chacun des calques restant, un flou gaussien. La bordure devrat être rendue plus flou que les autres éléments. Essayer d'obtenir une image ressemblant à la figure 6. Une fois ce résultat obtenu, vous pourrez aplatir l'image et la passer en niveaux de gris. Notre carte est terminée.

Laissez l'image servant de carte de coté puis repassez sur l'image originale. Ne laissez visible que le calque comprenant la copie de la forme pleine, transformez l'alpha en sélection puis remplissez la sélection obtenue avec une couleur entre le bordeau et le rouge. Nous allons, enfin, appliquer le filtre d'éclairage. Pour cela utilisez le menu Filtres-> Effet de lumière-> Effet d'éclairage (figure 8). Comme vous pouvez le constater un grand nombre de paramètres vous permettent d'affiner l'effet à obtenir. La partie importante concerne l'onglet Carte en relief. Ici, vous devrez cocher l'option Activer le bosselage depuis une carte et vous assurez que la carte en question est bien l'image en niveaux de gris précédement composée à cet effet. Les options de l'onglet Lumière ne sont, en principe, pas à modifier. En revanche, il vous sera sans doute nécessaire de faire des réglages dans l'onglet Matériau.

  • Ambiant détermine le volume de lumière ambiante. En augmentant cette valeur vous éclaircirez l'image finale
  • Diffusion règle de volume de lumière "éparpillée" par la surface de l'objet à obtenir
  • Spéculaire détermine les capacités de réflexion de la surface

Figure 7


Figure 8


Figure 9

Jouez sur ces différents paramètres pour obtenir une prévisualisation convainquante, puis appliquez le filtre. Le temps de calcul est très dépendant de la puissance de votre ordinateur, il est possible que vous attendiez plusieurs minutes sur une machine possèdant un processeur peu puissant (Pentium 200 par exemple). L'image obtenue doit être proche de la figure 9 (j'ai ajouté un calque blanc).

Tout ceci manque de relief. En effet, le filtre d'éclairage, comme son nom l'indique, éclaire notre cachet et une ombre devrait être portée. Ajoutons cela rapidement. Créez un nouveau calque transparent entre le fond blanc et le cachet, sur le calque de ce dernier, transformez l'alpha en sélection déplacez-là vers le bas (touche <Alt> enfoncée). Revenez ensuite sur le nouveau calque et remplissez la sélection de noir. Annulez la sélection et appliquez un flou gaussien élevé. Le résultat est déjà plus réaliste (figure 10).


Figure 10

Comme nous sommes très pointilleux (si si, vous êtes aussi pointilleux), nous trouvons que cette fois, le fond blanc n'est plus du tout réaliste, il donne beaucoups trop de contraste à l'image et... que ferait un cachet de cire sur une feuille de papier d'une blancheur aussi éclatante ? Nous allons corriger tout cela.

Ajouter un nouveau calque blanc et remplissez-le avec un motif "papier". Ce motif est livré avec Gimp et se trouve dans la fenêtre de sélection de motifs sous le nom Crinkled Paper. Bien que le résultat avec ce simple motif représente déjà une réelle évolution, cela n'est pas suffisant. Définissez des couleurs d'avant et d'arrière plan dans les tons beige et remplissez à l'aide de l'outil de remplissage par dégradé le claque de fond (blanc) en diagonale. Ajoutez éventuellement un texte avec une police de caractères rappelant l'écriture manuelle (cursive). Surtout, ne laissez pas le texte tel quel, ceci risque fort de donner une impression étrange de "propreté". Utilisez l'outil goutte d'eau pour diluer le texte...


Figure 11

Tout en gardant le calque au dégradé actif, utilisez Filtres-> Cartes-> Carte en relief en utilisant le calque de motif comme carte. Essayer d'obtenir un résultat possèdant un relief léger (figure 11). La répétition du motif peut paraître problèmatique mais la présence du cachet de cire masquera tout cela.

Comble du rafinement, nous allons ajouter un dernier élément à l'image. Nous allons bruler un bord du papier. Les manipulations qui vons suivre ne sont pas assez poussées pour faire l'objet d'un tutoriel à part entière mais sont facilement utilisable dans d'autres compositions. Créez un nouveau calque transparent juste au dessus du calque de fond (papier), agrandissez la fenêtre d'image pour faciliter les manipulations puis utilisez l'outil Courbe de Bézier (voir tutoriel sur le sujet présent sur le site) pour tracer une ligne fluctuante le long de la partie droite de l'image.

Choisissez ensuite le plus gros pinceau disponible (Circle 19x19) et réglez la couleur d'avant plan sur un brun sombre. Dans la fenêtre des calques et canaux, choisissez l'onglet Chemins. Votre courbe de Bézier doit s'y trouver. Utilisez l'outil de tracer des courbes (en bas à droite, le bouton décoré d'un cercle). Appliquez un flou gaussien pour adoucir le tracé. Changez ensuite de pinceau en choisissant quelque chose de plus fin (Circle 5x5 par exemple) et réglez la couleur sur noir 100%. Tracez à nouveau la courbe et appliquez ensuite un flou léger.

Enfin, masquez tous les calques sauf le fond et celui où sont tracés les courbes et fusionnez les calques visibles. Dans la fenêtre des calques et canaux, transformez la courbe en sélection (figure 12) et supprimer cette dernière (<CTRL>+X). Rendez à nouveau les calques visibles et voilà, notre composition est terminée (figure 13).


Figure 12


Figure 13

Il est, bien sûr possible de faire encore mieux en ajoutant, par exemple, de petites craquelure dans la cire du cachet ou en ajoutant des éléments sur le papier. Je vous laissez ce plaisir en guise d'exercice...

$Id: cire.php,v 1.10 2004/01/12 15:54:38 denis Exp $

© Denis Bodor <lefinnois@lefinnois.net>

Aucune reproduction, même partielle, autres que celles prévues à l'article L 122-5
du code de la propriété intellectuelle, ne peut être faite de ce site
sans l'autorisation expresse de l'auteur.