Un Bump Map est une fusion de deux images permettant d'obtenir un effet de relief. La qualité du plug'in inclus dans The Gimp permet ainsi un rendu vraiment magnifique. Pour les amateurs de rendu 3D, il est possible de comparer le Bump Map avec les HighFields, de POV-Ray par exemple.

Le Bump Mapping est une technique relativement simple. Il s'agit d'utiliser une image (de préférence en niveaux de gris) comme carte afin d'embosser une autre image. Dans l'image "carte" les différentes teintes permettent de définir une altitude dans l'image finale. Ainsi un blanc 100% déterminera une altitude la plus basse et un noir 100% l'altitude la plus élevée.

Peu importe ici quelle sera le rendu final, on ne place pas sur l'image "carte" d'altitudes arbitraires. Ce n'est que lors de l'application du plug'in sur la nouvelle image que l'on choisira divers paramètres comme l'altitude maximum, la distance et l'angle de la source lumineuse et le type de mapping que l'on souhaite appliquer.

Vous pouvez vous entrainer très facilement avec The Gimp en utilisant deux calques. Le permier étant une simple image remplie avec une texture, une couleur ou un dégradé et le second étant un dessin noir sur fond blanc.

Comme je l'ai dit plus haut, les différentes nuances de gris vont influer sur la douceur des contours du relief qui sera obtenu. Voilà pourquoi, le flou appliqué à l'image "carte" est très important. Plus celui-ci sera élevé, plus le relief sera doux. Une image "carte" sans aucun flou vous donnera un rendu très angulaire et pas toujours agréable.

Le flou permet de définir la douceur du relief mais les différents niveaux de gris peuvent être interprétés de plusieurs manières. La méthode par défaut est dite linéaire. Dans ce cas, la différence d'altitude interprétée entre chaque niveau de gris est égale. Mais vous pouvez également utiliser un rendu sinusoïdal ou sphérique comme le montrent les courbes ci-contre.

Rien de tel qu'un bel exemple pour montrer à quel point deux appels au plug'in BumpMap permettent de créer une un image magnifique.

Commençons par créer notre image "carte". Pour cela créez une nouvelle image d'une dimension quelconque (ici 512*512 pixels) puis utilisez l'outil texte pour écrire quelque chose. Choisissez une police relativement grasse comme blippo, vous obtiendrez ainsi un meilleur rendu.

Vous pouvez également ajouter des formes diverses (non texte) en utilisant les outils de sélection et en remplissant de noir. N'oubliez pas la fonction de «masque rapide» accessible via le bouton en bas à gauche de la fenêtre d'image. Celle-ci s'avère souvent être d'un grand secours.

N'oubliez pas d'ajuster la taille du calque à la taille de l'image par Calque aux dimensions de l'image du menu contextuel du calque de texte. Ceci permet d'annuler le status «texte éditable» du calque et le transforme en calque normel. Bien sûr, si vous ajoutez des formes supplémentaire (comme ici) la question ne se pose pas, mais pensez à fusionner les calques visibles (entrée Fusionner vers le bas du menu contextuel d'un calque supérieur). Assurez-vous, cependant de conserver le texte et les forme sur un seul et même calque transparent.
Pour que le bumpmap ait un aspect plus travaillé, nous allons déformer l'image à l'aide d'un filtre de déformation. Utilisez le menu Filtres-> Distortions-> Vagues. Ajustez les paramètres du filtre pour obtenir une légère déformation sans détacher de morceaux de l'ensemble.

Il est possible qu'un léger bug dans le filtre vous affiche en prévisualisation une image un peu... massacré (j'ai constaté ceci uniquement dans la version 1.2.x de The Gimp). Au final, vous devez obtenir un résultat approchant de ceci.

Si vous aviez fusionné les calques visibles, vous devrez utiliser (l'horrible) baguette magique pour sélectionner le blanc de l'images et supprimer cette sélection. Utilisez Alpha vers sélection du menu contextuel du calque pour obtenir une sélection notre forme de base. Nous allons nettoyer les imperfection apportées par le filtre en coulant une couleur noir dans la sélection. Dupliquez immédiatement ce calque, nous en auront besoin pour le second bumpmap.

La sélection est normalement toujours active. Créez un nouveau calque transparent et utilisez Sélection-> Agrandir pour grossir la sélection d'une vingtaine de pixel. Inversez la sélection et coulez une couleur noir. Notre "carte" est presque terminée. A ce moment, nous devez avoir un calque comprenant la forme de départ et un autre avec le pochoir.

Nous allons maintenant utiliser le flou gaussien pour adoucir le futur relief. Sur le calque pochoir, appliquez un flou important, nous cherchons à créer une pente légère et douce. Sur l'autre calque, appliquez un flou léger afin d'obtenir au final un relief plus abrupte. Rappelez-vous plus il y a de flou, plus il y a de niveaux de gris et donc d'étapes entre le haut et le bas du relief. Enfin, fusionnez les trois calques (l'arrière plan blanc, le texte/forme de base, le pochoirs noir)

Notre image "carte" est terminée, nous devons maintenant nous intéresser au calque qui recevra le bumpmap. Créez un nouveau calque blanc, placez-le au tout premier plan et utilisez le filtre Filtres-> Rendu-> Nuages-> Plasma pour obtenir quelque chose comme ceci.

Supprimez les couleurs du calque avec Calque-> Couleur-> Désaturer, puis ajoutez du bruit avec Filtres-> Bruit-> Brouiller (Assurez-vous que l'Alpha soit bien à 0 pour ne pas avoir de trous dans le calque).

Supprimez encore une fois les couleurs (désaturez le calque) puis utilisez Filtres-> Cartes-> Repoussage d'après une carte. Nous allons appliquer notre premier bumpmap. Assurez-vous que le bumpmap utilisé est bien le calque préparé à cet effet et jouez sur les différents paramètres jusqu'à obtenir un résultat qui vous plaise.

Vous retrouvez dans la fenêtre des options du filtres tout les éléments dont je parle en début de tutoriel. Vous pourrez déterminer ici la hauteur du relief, l'azimute de la source de lumière ou encore le type de Bump Map.

Le résultat devrait être prometteur mais nous n'en avons pas encore fini. Activez le calque avec la copie de la forme originale et transformez l'alpha en sélection (menu contextuel du calque). Vous devrez ajuster la sélection avec Sélection-> Réduire afin qu'elle coincide avec le creux du bumpmap. La capture ci-contre illustre cela.

Créez un calque transparent et coulez une couleur de votre choix dans la sélection en ayant ce nouveau calque actif. Vous pouvez maintenant appliquer un flou gaussien sur la copie qui nous servira de "carte" pour le nouveau bumpmap et le fusionner avec un calque blanc.

Il ne vous reste plus qu'à appliquer le bumpmap sur le texte (ou la forme) en couleur. En principe la seule chose que vous aurez à faire est d'inverser le bumpmap afin d'obtenir un effet inverse du précédent.

Les variations sur ce thème sont presque infinies, vous pouvez, par exemple, appliquer le dernier bumpmap dans le même sens que le premier pour changer le sens le l'image du tout au tout.

Après quelques jours d'amusement avec le filtre Bump Map vous arriverez rapidement à prendre "le coup de main" pour parvenir au résultat escompté. Je vous conseil d'essayer différente formes combinés et ce sur plusieurs calques, le tout en utilisant des flous de valeurs différentes. Vous pourrez ainsi plus facilement comprendre l'impacte des manipulations sur le résultat final.