Ultra Fractal
Utiliser Opacité/Transparence
avec les "Gradients"
Fonctionnement de
l'éditeur de Canal Alpha

Voici la deuxième partie d'un cours sur Opacité et Transparence dans Ultra Fractal qui est la continuation des concepts présentés dans la première partie disponible ici.

Maintenant que vous comprenez comment la transparence fonctionne avec les "solid colors" dans les onglets Inside et Outside, il est temps de parler de son utilisation avec l'éditeur de gradient. Avec une "solid color", vous ne travaillez qu'avec une seule couleur donc vous n'avez qu'un réglage d'opacité/transparence. Avec l'éditeur de gradient, vous avez des millions de couleurs et 400 points de contrôle auxquels vous pouvez associer opacité et transparence. Oh là la ! Cela signifie que vous disposez de toutes sortes de contrôles que vous ne pensiez sûrement pas avoir ! Commençons par voir comment cela fonctionne, nous verrons ensuite pourquoi vous aurez besoin de l'utiliser.

J'ai créé une image qui ressemble à ceci. Vous pouvez obtenir les paramètres de cette image ici.

La couche supérieure est une spirale avec huit grosses parties (blanc, noir et six couleurs). Comme le gradient est divisé en 400 points de contrôle, j'ai fait chaque bande e couleurs de 50 points de large.

La couche inférieure est la même spirale, mais le gradient est un gris uni.

Avec le Merge Mode réglé sur Normal 100% on ne voit pas du tout la couche inférieure, mais on va changer cela en modifiant la transparence de la couche supérieure, non pas avec le curseur sur l'onglet layer, mais avec l'éditeur de Canal Alpha.

La fenêtre fractal étant sélectionnée (barre de titre active), cliquez sur le bouton alpha de la barre d'outils. Par défaut, l'éditeur de Canal Alpha s'ouvre avec un point de contrôle (à'extrême gauche) positionné tout en haut. La zone du gradient étant entièrement blanche, cela signifie que le gradient tout entier est complètement opaque. Si vous prenez ce point de contrôle et le faites glisser vers le bas, vous verrez qu'au fur et à mesure qu'il descend, et que le Gradient Alpha devient plus noir, les deux couches se mélangent jusqu'à ce que vous ne voyiez plus que la couche inférieure. Ceci axactement le même effet que de ramener le curseur Merge Mode Opacity vers 0%.

Dans l'éditeur de Canal Alpha, remontez le point de contrôle 1. Tout en appuyant sur la touche Control, cliquez n'importe où dans la zone blanche pour ajouter un autre point de contrôle. Cette fois, quand vous faites glisser l'un ou l'autre des points de contrôle, vous voyez qu'une partie de votre image est grise (laissant voir la couche inférieure), une partie de l'image montre les couleurs vives de la couche supérieure et le reste est un mélange des deux couches. La position des points de contrôle de l'éditeur de Canal Alpha correspond aux couleurs dans l'éditeur de Gradients. Si vous placez l'un des deux éditeurs juste au-dessus de l'autre dans votre espace de travail, vour remarquerez queà où votre gradient Alpha est blanc, la couleur correspondante du Color Gradient est la plus franche dans votre image. Et partout où le gradient Alpha est noir, la couleur correspondante (devenue grise) est absente de votre image.

Pour illustrer ceci de manière encore plus claire et plus spectaculaire, j'ai créé un canal Alpha de rayures qui coïncident exactement avec les points du Color Gradient. Sélectionnez et copiez (Ctrl-C) leexte violet ci-dessous.

stripesAlphaChannel {
alpha:
title="stripes Alpha channel" smooth=yes numnodes=16 index=0 alpha=0 index=1 alpha=255 index=49 alpha=252 index=50 alpha=0 index=99 alpha=0 index=100 alpha=255 index=149 alpha=255 index=150 alpha=4 index=199 alpha=0 index=200 alpha=255 index=249 alpha=255 index=250 alpha=0 index=299 alpha=0 index=300 alpha=252 index=349 alpha=255 index=350 alpha=0
}

Avec votre éditeur de Canal Alpha ouvert dans UF et sa barre de titre activée, collez (Ctrl-V) le texte. Votre éditeur de Canal Alpha devrait maintenant apparaître comme ceci :

et votre image comme ceci :

Comme les rayures noires de l'éditeur de Canal Alpha, indiquant une complète transparence, coïncident exactement avec les rayures noires, orange, vertes et violettes de l'éditeur de Gradient, vous voyez le gris de la couche inférieure à la place de ces couleurs dans votre image. Seules les couleurs qui correspondent aux rayures entièrement opaques (blanches) sont visibles. Choisissez Alpha|Invert pour inverser les rayures. Maintenant les parties blanches, rouges, jaunes et bleues de la spirale sont devenues grises. Essayez aussi de faire tourner le curseur de'éditeur de Canal Alpha. Le déplacer même d'un point vers la gauche (Position -1) permet de faire apparaître un peu des autres couleurs.

L'utilisation de l'éditeur de Canal Alpha vous permet d'avoir pas moins de 400 points supplémentaires pour contrôler l'opacité et la transparence de chaque couche. Notez qu'il n'y a jamais d'icône Alpha pour la couche inférieure de votre fractale. La raison en est que, bien que vous puissiez éditer le Canal Alpha pour votre couche inférieure (rien dans le programme ne vous empêche de le faire) ça n'a aucun effet parce qu'il n'y a pas de couche sous-jacente avec laquelle la couche inférieure pourrait être fusionnée. Les gradients Alpha peuvent aussi être enregistrés et réutilisés comme les Color gradients standards (File|Save ou Ctrl-S) mais il est si facile d'en créer de nouveaux adaptés uniquement aux besoins d'une image spécifique, vouv vous apercevrez qu'il n'est pas nécessaire de les enregistrer.

Vous trouverez un autre bon exemple de la façon dont le Canal Alpha fonctionne à l'aide du Parameter Browser d'UF dans le dossier fs-exam.. Prenez bien le temps de jouer avec cette image et avec mon exemple avant de passer à la partie suivante de ce cours.

J'espère que ces exemples vous ont montré comment fonctionne le Canal Alpha, mais les images ne sont pas très jolies -- donc quand vous serez assez familiarisé avec les informations présentées jusque là, vous aurez intérêt à passer à la partie suivante qui explique quand et pourquoi vous auriez vraiment intérêt à utiliser cette capacité -- suite ici.

Si vous avez des questions, commentairess ou corrections, envoyez-moi un email.

Back to UF Tutorials