[Andre]

Bonjour,

Nous avons vu les réglages LUMINOSITE, COULEUR et TEINTE dans les tutos précédents, il nous reste voir la SATURATION ainsi que la décomposition de la couleur en TEINTE et SATURATION.

On trouvera une approche différente et instructive par Ch22 sur le site http://www.oitregor.com/numeric/affinity...ntenu.html au chapitre 6.8.

1-La saturation

Pour la SATURATION nous allons utiliser le réglage « Correction sélective » Cette méthode est connue pour créer « un masque de saturation ».

YouTube Tony Kuyper Véritables masques de saturation 16 bits

Méthode :
1) Dupliquer le calque Arrière-plan
2) Ouvrir le réglage « Correction sélective »
3) Décocher la case [b]« Relative »,[/b] on passe ainsi en mode ABSOLU.
4) Pour chaque couleur déplacer le curseur Noir vers la gauche (blanc).
5) Pour la luminosité Blancs,Neutres,Noirs déplacer le curseur Noir vers la droite (noir).



Pour information, d’autres méthodes sont possibles, mais ce qui nous intéresse ici ce sont les réglages.
YouTube InAffinity for Affinity Photo Principes de base du masque de saturation 1: création et utilisation simple (avec Affinity Photo)

2-La décomposition TSL


Nous avons vu dans les tutos précédents comment construire les calques LUMINOSITE et TEINTE.
Luminosité : https://www.affinity-forum.fr/showthread.php?tid=6397
Teinte : https://www.affinity-forum.fr/showthread.php?tid=6448

On peut maintenant disposer ces calques dans un groupe noté ici Groupe TSL:
Les calques sont affectés de leur mode de fusion spécifique (en magenta) et selon un ordre représenté dans le tableau ci-dessous.
Avant le tramage (ou la fusion) des calques, les réglages sont disposés en position "enfant" des calques LUMINOSITE, SATURATION et TEINTE. Chacun de ces calques contient l'image à décomposer.
Après tramage, ces calques représentent respectivement la LUMINOSITE, la SATURATION et la TEINTE de l'image ainsi décomposée.



Ces captures d’écran montrent la différence entre l’image de départ (granger Différence) et l’image obtenue après décomposition (TSL) qui apparaît en NOIR malgré le Réglage Courbes (x=0,02 y=1) qui accentue les différences.
Après tramage ou fusion des calques, le calque TEINTE affecté par le produit de la SATURATION peut être nommé COULEUR_TxS(Couleur) si les calques TEINTE et SATURATION sont fusionnés.


On constate ici que cette décomposition conserve parfaitement l'image de départ.

3-La couleur


Dans les tutos précédents, nous avions utilisé le calque COULEUR obtenu à partir du réglage « TSI » . Dorénavant nous nommerons ce calque COULEUR_TSI.
On peut aussi obtenir les calques COULEUR avec le réglage « Correction sélective »

Méthode :
1) Dupliquer le calque Arrière-plan
2) Ouvrir le réglage « Correction sélective »
3) Décocher la case Relative, on passe ainsi en mode ABSOLU.
4) Pour chaque couleur ( des Rouges aux Magentas ) , maximiser la couleur en déplaçant les 3 premiers curseurs seulement.
Ex ROUGES : déplacer le curseur CYAN vers la gauche et les deux autres curseurs vers la droite
Ex JAUNES : déplacer le curseur JAUNE vers la droite et les deux autres curseurs vers la gauche.
Etc...
5) Pour Blancs, Neutres, Noirs qui représentent la luminosité, déplacer le curseur « Noir » :
- vers la droite (noir). On aura alors une représentation des pixels désaturés en NOIR.(Couleur_N)
- vers la gauche (blanc). On aura alors une représentation des pixels désaturés en BLANC.(Couleur_B)


Si on considère que le signe = signifie que le résultat est le même, on a donc les relations suivantes :

COULEUR_N = TEINTE x SATURATION.

Couleur est un calque particulier car les pixels insaturés peuvent être représentés par du blanc , gris, ou noir. Dans notre décomposition, c’est la LUMINOSITE qui impose ses valeurs.
On peut ensuite vérifier les relations suivantes :

Image =(Luminosité, Image)
            =(Luminosité, Couleur_TSI)
            =(Luminosité, Couleur_N)
            =(Luminosité, Couleur_B)
            =(Luminosité, Teinte x Saturation)
            =(Couleur, Image)
            =(Teinte, Image)


Les calques placés au-dessus des autres doivent être affectés du  mode de fusion correct:
   "Luminosité" pour le calque LUMINOSITE, "Couleur" pour le calque COULEUR et "Teinte" pour le calque TEINTE.
Le calque situé en-dessous peut être en mode de fusion "Normal", sinon il faut placer à la base un calque pixelisé en mode de fusion "Effacer" pour annuler l'influence des calques situés en-dessous.

Les calques "Enfant" peuvent être en mode "Normal" ou autre comme "Tamisé", "Produit",...... On peut ainsi par exemple agir en "mode Tamisé" sur uniquement la Luminosité.


4-Application :


Aide visuelle en temps réel.


Comme ici, la décomposition Teinte,Saturation,Luminosité se fait avec de simples réglages, on peut construire la macro d’une aide visuelle instantanée. Cette aide visuelle permet d’afficher en temps réel l’un des composants suivants résultant des calques situés en-dessous : Luminosité, Couleur_B, Couleur_N, Couleur_TSI, Teinte, Saturation.

Cette aide visuelle se présente comme un groupe de calque qui se place automatiquement au sommet de la pile des calques et modifie la vision ou l’aspect de la résultante des calques. Toute modification d’un calque situé en-dessous est ainsi traduite instantanément dans l’aide visuelle en temps réel.
On se doit bien sûr d’activer qu’un seul réglage à la fois dans ce groupe.

Quel est l'intérêt d'une telle aide?
1- On peut rapidement faire le diagnostic des retouches à réaliser. Par exemple est-ce qu'il faut retoucher la luminosité, la saturation ou la teinte.
2- On peut travailler sur les calques situés en-dessous tout en visionnant en temps réel les modifications résultantes sur la luminosité, la saturation,....
3- On peut avec un réglage placé au-dessus, visualiser une version contrastée, éclairée ou modifiée de l'aide visuelle. 

++++++++++++++++++++++++++++++++++++++++++++++++++++++

Méthode :
On revoit ici tous les réglages utilisés précédemment pour décomposer les images.

1)Luminosité : (transforme la résultante des calques sous-jacents en N&B)
-Créer un calque de réglage Courbes
-Nommer le calque AV_Luminosité
-Appliquer le mode de fusion Couleur
-Supprimer la couleur en descendant la poignée de droite jusqu’à X: 1 Y:0.
-Décocher le calque.

2)Couleur_N : (Les pixels désaturés sont Noirs)
-Créer un calque de réglage « Correction sélective »
-Nommer le calque AV_Couleur_N.
-Décocher la case Relative, on passe ainsi en mode ABSOLU.
-Pour chaque couleur ( des Rouges aux Magentas ) , maximiser la couleur en déplaçant les 3 premiers curseurs seulement.
Ex ROUGES : déplacer le curseur CYAN vers la gauche et les deux autres curseurs vers la droite
Ex JAUNES : déplacer le curseur JAUNE vers la droite et les deux autres curseurs vers la gauche. Etc…
-Pour Blancs, Neutres, Noirs qui représentent la luminosité, déplacer le curseur Noir  vers la droite (noir).
Décocher le calque.

Couleur_B : (Les pixels désaturés sont Blancs)
Créer un calque de réglage « Correction sélective »
Nommer le calque AV_Couleur_B.
Décocher la case Relative, on passe ainsi en mode ABSOLU.
Pour chaque couleur ( des Rouges aux Magentas ) , maximiser la couleur en déplaçant les 3 premiers curseurs seulement.
Ex ROUGES : déplacer le curseur CYAN vers la gauche et les deux autres curseurs vers la droite
Ex JAUNES : déplacer le curseur JAUNE vers la droite et les deux autres curseurs vers la gauche. Etc…
Pour Blancs, Neutres, Noirs qui représentent la luminosité, déplacer le curseur Noir  vers la gauche (Blanc).
Décocher le calque.

Couleur_TSILes pixels désaturés sont Blancs, les pixels noirs sont légèrement noirs ce qui permet de percevoir les limites)
Créer un calque de réglage « TSI »
Nommer le calque AV_Couleur_TSI.
Appliquer le mode de fusion Luminosité
Cocher la case TSV
Déplacer la poignée « Décalage de luminosité » vers la droite jusqu’à la valeur 100 % si la pastille multicolore est sélectionnée.
Décocher le calque.


TEINTE:
Créer un calque de réglage « TSI »
Nommer le calque AV_TEINTE.
Cocher la case TSV
Déplacer la poignée « Décalage de luminosité » vers la droite jusqu’à la valeur 100 % si la pastille multicolore est sélectionnée.
Déplacer la poignée « Décalage de saturation » vers la droite jusqu’à la valeur 100 % si la pastille multicolore est sélectionnée.
Décocher le calque.

SATURATION :
Créer un calque de réglage « Correction sélective »
Nommer le calque AV_Saturation
Décocher la case Relative, on passe ainsi en mode ABSOLU.
Pour chaque couleur déplacer le curseur Noir vers la gauche(blanc).
Pour la luminosité Blancs,Neutres,Noirs déplacer le curseur Noir vers la droite (noir)
Décocher le calque.
++++++++++++++++++++++++++++++++++++++++++++++++++++++

Comment créer un masque de saturation.

1) Activer dans l’Aide_Visuelle le réglage SATURATION (AV_Saturation)
2) Sélectionner le calque du groupe Aide_Visuelle
3) Clic Droit « Fusionner les calques visibles » et on obtient le calque pixelisé de la saturation.
4) Clic Droit sur ce calque et faire « Tramer pour masquer »
On a ainsi obtenir le masque actualisé sans lancer aucun réglage.


Comment obtenir un calque pixélisé LUMINOSITE, COULEUR, SATURATION ou TEINTE.


1- On sélectionne dans l'aide visuelle le composant à afficher.
2- Avec un clic droit on fusionne tous les calques visibles et on obtient une version actualisée du calque pixelisé LUMINOSITE ou  COULEUR ou  SATURATION ou TEINTE ....

Liens pour télécharger :

https://drive.google.com/file/d/1O-qujcu...sp=sharing

Les macros :

    LST il faut cliquer sur un calque pixelisé et cette macro va créer le groupe LST qui contient l’image décomposée.
    Aide_Visuelle qui produit le groupe avec tous les réglages.
    ENFANT produit un calque pixelisé du même nom en position « enfant détaché » du calque sélectionné et permet de rendre « non  destructives » les opérations sur la Luminosité, la Couleur, la Saturation ou la Teinte.

Un fichier T3_GRANGER_16b.afphoto de test de la méthode.

[Jany]

Bonjour,

C'est pour les pros tous ces détails .

Jany va devoir s'y atteler pour améliorer ses retouches 

[Andre]

Bonjour,
Je suis d'accord, il y a beaucoup de détails. Ces détails ne sont là que pour expliciter la méthode, la reproduire, la modifier ou l'améliorer le cas échéant.
Dans ce qui suit je vais donner 2 exemples (que je viens juste de terminer) pour détailler la méthode dans certaines retouches. J'espère que c'est compréhensible.
J'avais déjà donné des exemples dans 2 tutos précédents.
SEPARATION LUMINOSITE TEINTE COULEUR
SÉPARATION LUMINOSITÉ ET COULEUR

Exemple 1 :Le chien

Cet exemple est tiré d'un sujet posté récemment.[b]de sujets[/b]
[b]Supprimer/atténuer herbe ou grillage devant un sujet[/b]
https://www.affinity-forum.fr/showthread.php?tid=6753

https://www.youtube.com/watch?v=hitjWHN5hnA

Voici la méthode utilisée ici.

1-Diagnostic
Avant de retoucher cette image on utilise l’Aide visuelle pour faire ce diagnostic.
On constate alors que la SATURATION et la LUMINOSITÉ sont affectés par les brins d’herbe tandis que la TEINTE ne l’est pas.
Le calque courbe ajouté à l'aide visuelle permet de mieux percevoir les défauts de saturation.




2-Retouche
La décomposition TSL va nous permettre de travailler ces composantes de l’image séparément.
Toutes les modifications se feront sur le calque « ENFANT » pour éviter de toucher au calque « Parent ».
Ici les principales retouches consistent à appliquer des réglages « Courbes » masqués.
Le calque de haute fréquence permet de faire ressortir la structure du pelage dans certaines zones.




++++++++++++++++++++++++++++++++++++

EXEMPLE 2 : Les crevettes

Cet exemple est tiré d’un échange sur le forum officiel d’Affinity
How to match image colors using an image as a reference? - Affinity on Desktop Questions (macOS and Windows) - Affinity | Forum
Il s’agit ici de retoucher la couleur de la deuxième crevette pour qu’elle est la même couleur que la première.




Après un rapide diagnostic il s’avère que les 2 crevettes ont ici la même Luminosité mais les couleurs composées par la teinte et la saturation sont différentes.

J’ai donc ici décider de modifier directement les Couleurs :
1-En fusionnant les calques SATURATION et TEINTE. J’ai affecté le mode de fusion Couleur et renommé ce calque Couleur. La macro ENFANT positionne une copie de calque en position d’«Enfant détaché ».

2 - Comme le calque Couleur est très sombre, j’ai activé dans l’Aide Visuelle le calque « AV_Couleur_TSI ». Pour renforcer les couleurs de ce calque j’ai ajouté un réglage « Courbe » ce qui facilite la visibilité des couleurs. Cette modification disparaît dès que l’on désactive le groupe « Aide Visuelle ». Si on replie le calque « Aide Visuelle », il prend moins de place et on peut l’activer ou le désactiver à tout moment sans avoir besoin de le sélectionner.

3 - Je sélectionne le calque ENFANT. C’est sur ce calque et uniquement lui que l’on va travailler. C’est sur le calque ENFANT que doit se faire la capture des couleurs et l’action du pinceau.

4 – Je sélectionne l’outil Pipette que je configure « Source : Calque actif » « Rayon : 5x5 ou 17x17 »

A partir de maintenant je peux travailler de 2 manières selon que le calque « Aide Visuelle » est activé ou non .
Attention : le calque « Enfant » doit toujours rester sélectionné et activé.


5 -Le calque Aide Visuelle est activé:
    a - Je prélève la couleur avec la pipette sur la crevette 01.
    b - Je peins ensuite sur la crevette 02 avec le pinceau. La couleur prélevée ici correspond bien à la couleur prélevée sur le calque « Enfant » qui est sélectionné (Le calque sélectionné apparait toujours avec un fond bleu).


6 – Le calque Aide Visuelle désactivé :
Les opérations restent les mêmes, mais on a l’affichage du résultat.


On peut à tout moment jongler entre les 2 types d’affichage (5 ou 6).





Conclusion :

La décomposition TSL permet de travailler la Luminosité et la Couleur séparément.
L’aide visuelle instantanée permet de travailler un calque tout en affichant de manière instantanée la luminosité, la couleur, la teinte ou la saturation. Ces affichages peuvent être modifiés par des réglages sans affecter le résultat.

Bonne lecture