Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
ressource:logiciel:imagemagick:composition_images [2020/05/08 01:06]
emoc [Composition d'images avec Imagemagick]
ressource:logiciel:imagemagick:composition_images [2020/05/12 14:36] (Version actuelle)
emoc [Composition avec transparence (alpha channel)]
Ligne 4: Ligne 4:
  
 Quelques exemples de composition d'​images Quelques exemples de composition d'​images
 +
 +===== Superpositions =====
  
 **Images de base** **Images de base**
Ligne 13: Ligne 15:
 De gauche à droite : A rouge sur fond blanc (100x100 pixels), '​zz'​ noir sur fond transparent (200x200 pixels), fond jaune (200x200 pixels) De gauche à droite : A rouge sur fond blanc (100x100 pixels), '​zz'​ noir sur fond transparent (200x200 pixels), fond jaune (200x200 pixels)
  
-===== Superpositions ===== +Pour les exemples ci-dessous, les images sont placées ​de la manière suivante ​:
- +
-Pour les exemples ci-dessous, les images sont placées ​comme ceci :+
  
 {{:​ressource:​logiciel:​imagemagick:​superposition.png?​direct&​400|}} {{:​ressource:​logiciel:​imagemagick:​superposition.png?​direct&​400|}}
Ligne 64: Ligne 64:
  
 {{:​ressource:​logiciel:​imagemagick:​comp_005.png?​direct|}} {{:​ressource:​logiciel:​imagemagick:​comp_005.png?​direct|}}
 +
 +===== Composition avec transparence (alpha channel) =====
 +
 +**Images de base**
 +
 +[{{:​ressource:​logiciel:​imagemagick:​m_trans.png?​direct|m.png}}] ​
 +[{{:​ressource:​logiciel:​imagemagick:​motif.png?​direct|motif.png}}]  ​
 +
 +De gauche à droite : M blanc sur fond transparent (200x200 pixels), motif (200x200 pixels) ​
 +
 +**Etapes intermédiaires**
 +
 +Plusieurs étapes intermédiaires pour arriver au résultat recherché (à droite)
 +
 +[{{:​ressource:​logiciel:​imagemagick:​comp_009.png?​direct|comp_009.png}}] ​
 +[{{:​ressource:​logiciel:​imagemagick:​motif2.png?​direct|motif2.png}}]  ​
 +[{{:​ressource:​logiciel:​imagemagick:​comp_010_trans.png?​direct|comp_010.png}}] ​
 +[{{:​ressource:​logiciel:​imagemagick:​comp_011.png?​direct|résultat}}] ​
 +
 +<​code>​
 +convert -size 200x200 canvas:​white \( motif.png -resize 200% -rotate 60 -crop 200x200+100+100 \) -composite comp_009.png
 +convert -size 200x200 canvas:​white \( motif.png -resize 200% -rotate 30 -crop 200x200+100+100 \) -composite motif2.png
 +composite -compose In motif2.png m.png comp_010.png
 +convert comp_009.png comp_010.png -composite comp_011.png ​          # resultat
 +</​code>​
 +
 +La troisème étape utilise la commande **composite** d'​Imagemagick,​ elle est associée à un opérateur **-compose** et un mot-clé **In** qui définit la manière dont les pixels des deux images seront mélangés. \\
 +Il y a 4 grands types de composition : 
 +  * les opérateurs mathématiques (Multiply, Screen, Difference, Divide, etc.) 
 +  * les méthodes de composition Duff-Porter (Over, In, Out, Xor, etc.)
 +  * les méthodes de composition basées sur la luminosité (Hard light, Soft light, Color dodge, etc.)
 +  * les méthodes de composition basées sur les canaux : rouge, vert, bleu, alpha, saturation, luminosité,​ teinte
 +
 +Dans la documentation on trouve des détails sur les [[http://​www.imagemagick.org/​Usage/​compose/​|différentes méthodes de composition]] et une [[http://​www.imagemagick.org/​Usage/​compose/​tables/​|table de composition]] qui montre le résultat de chacune de ces méthodes (très pratique!)
 + 
  • ressource/logiciel/imagemagick/composition_images.1588892780.txt.gz
  • Dernière modification: 2020/05/08 01:06
  • par emoc