Skip to content


Des objets transparents

Un didacticiel de Ron Scott.
Didacticiel original: Transparent Objects
Traduction: Michel (abcdugimp.free.fr).

Voici une méthode simple que j'utilise pour faire des objets transparents plats. Pour créer l'illusion en deux dimensions j'essaye d'exploiter la présence de contours et la scène placée derrière l'objet transparent afin de créer l'illusion.

1. Sur un arrière-plan noir nous créons trois calques transparents comme indiqué à gauche.

Dans le premièr, "New layer", utilisez l'outil de sélection pour faire un fond rectangulaire qui sera vu à travers l'objet transparent. Remplissez-le d'un gris moyen.

Faites maintenant un deuxième calque transparent, "New Layer#2" et créez la forme de l'objet que vous voulez rendre transparent. En utilisant les outils de sélection et de remplissage, j'ai créé une forme carrée dont j'ai soustrait un cercle et une fente pour fournir une abondance de contours. Remplissez votre forme de blanc et obtenez la sélection de votre forme finale avec "Alpha vers sélection" dans le menu qui apparaît avec un clic droit sur "New Layer#2" dans le dialogue des Calques.

Avec cette sélection active, créez le troisième calque transparent, "New Layer#3" et remplissez le d'un brun foncé profond. Supprimez maintenant la sélection en cliquant avec le bouton droit <image> - > Sélection - > Aucune.

2. Rendez "New Layer#3" invisible en cliquant de son icône d'œil dans le dialogue des Calques.

Allez maintenant à "New Layer#2", la forme blanche, et activez-la en cliquant dessus dans le dialogue des Calques. Assurez vous qu'elle est visible.

Ensuite, faites un flou sur la forme blanche de 5 pixels : <image> -> Filtres -> Flou -> Flou Gaussien (RLE).
Rendez "New Layer#2" invisible (clic sur l'icône d'œil), activez "New Layer#3" et rendez-le visible. Maintenant le repoussage de "New Layer#3". Utilisez <image> -> Filtres -> Carte -> Repoussage d'après une carte. Dans les Paramètres, choisissez "New Layer#2" comme carte de repoussage et mettez la Profondeur à 4 pixels. Cliquez sur OK.

3. Toujours sur "New Layer#3", sélectionnez l'objet et réduisez la sélection de 3 pixels, comme indiqué sur l'image à l'extrème gauche: <image> -> Sélection -> Réduire. Puis adoucissez la sélection de 2 pixels : <image> -> Sélection -> Adoucir.

La fine marge de couleur à l'extérieur de la sélection rétrécie formera les bords de l'objet; nous allons maintenant rendre transparente la partie intérieure de la sélection. Pour cela, clic droit <image> -> Calque -> Couleurs -> Courbes.

Près du sommet du dialogue de Courbes vous trouvez une entrée intitulée "Canal". Dans le menu déroulant choisissez Alpha, comme indiqué à gauche.

La courbe, une ligne droite, se termine par un gros point noir dans le droit coin supérieur du graphique. Cliquez dessus et glissez-le vers le bas  juste sur le côté du graphique. Le déplacement du point en bas réduit progressivement l'opacité de la région à l'intérieur de la sélection. Ajustez la courbe à la position approximative montrée ici à gauche. Cliquer sur OK. Assurez-vous de conserver la sélection.

4. Avec "New Layer#3" toujours actif et la sélection toujours en place, cliquez sur le bouton Dupliquer le calque en bas du dialogue des Calques. Cela donne une copie de l'objet dans "New Layer#4", comme indiqué ici sur l'image gauche.

Rendez maintenant "New Layer#4" invisible et retournez à "New Layer#3", en le rendant visible et actif. Avec la sélection toujours présente, nous nettoyons complètement l'intérieur de la sélection par : <image> -> Edition -> Effacer. Ce résultat sera utilisé pour faire une ombre projetée et augmenter ainsi l'illusion d'un objet transparent. Supprimer la sélection : <image> - > Sélection - > Aucune.

Rendez "New Layer#3" invisible et retournez à " New Layer#4", le rendant visible et actif. Inversez maintenant la couleur de "New Layer#4" : <image> -> Image -> Couleurs -> Inverser. Vous devriez maintenant avoir l'élément de base de l'objet transparent complet avec des contours correctement éclairés, comme montré sur l'image à l'extrème gauche.

5. Pour faire l'ombre, rendez "New Layer#4" invisible et retournez à " New Layer#3", le rendant visible et actif. Ensuite faites un flou de 10 ou 12 pixels.

Déplacez maintenant l'ombre. Clic avec le bouton droit <image> -> Calque -> Transformations -> Décalage et indiquez une valeur pour x et y de 12 pixels chacun.

Finalement, rendez "New Layer#4" visible de nouveau avec un résultat comme sur l'image à l'extrème gauche. L'ombre a généralement besoin d'un peu d'ajustement. Dans mon exemple, j'ai mis le Mode de calque (en haut du dialogue des Calques) sur Multiplier et j'ai diminué l'opacité à environ 86 %.

L'objet transparent n'est pas encore tout à fait fini. Il y a par exemple la question de la couleur; le bleu peut ne pas être ce que vous voulez et on va s'en occuper dans l'étape 6.

6. Nous pouvons maintenant utiliser la fonction de Teinte-Saturation pour obtenir à peu près n'importe quelle couleur pour l'objet.

Activez "New Layer#4" et cliquez avec le bouton droit sur <image> -> Calque -> Couleurs -> Teinte-Saturation. Il y a trois curseurs dans le dialogue qui apparaît; pour Teinte, Lumière et Saturation. Supposons, par exemple, que vous pensez que le bleu est agréable, mais ce que vous auriez vraiment voulu était un objet transparent neutre, comme une couche de verre ou de plastique incolore. Dans ce cas, faites glisser le curseur de Saturation entièrement à gauche, à une valeur de -100 et l'objet transparent devient incolore, comme indiqué en illustration sur l'image à l'extrème gauche.

En expérimentant avec les trois ajustements, Teinte, Lumière et Saturation (et le contrôle d'opacité au sommet du dialogue des Calques), vous disposez d'un grand éventail de couleurs et d'apparences. De cette façon j'ai obtenu la version orange sombre montrée à gauche. J'ai ajouté un texte en arrière-plan, augmentant l'illusion d'un objet transparent en trois dimensions.