bases:fabnum:trame:start

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
bases:fabnum:trame:start [2025/11/30 08:23]
enseignant [Les Algorithmes Clés] 		bases:fabnum:trame:start [2025/11/30 10:02] (Version actuelle)
enseignant [Applications]
Ligne 1: Ligne 1:
-====== La Trame Numérique : Du Gris au Noir & Blanc ====== +====== La Trame Numérique ====== 
  
  
 La trame, ou _dithering_ en anglais, est une technique fondamentale de l'imagerie numérique. Autrefois nécessité technique pour les écrans limités, elle est aujourd'hui devenue une signature esthétique recherchée dans le design graphique, le web brutaliste et l'art du pixel. La trame, ou _dithering_ en anglais, est une technique fondamentale de l'imagerie numérique. Autrefois nécessité technique pour les écrans limités, elle est aujourd'hui devenue une signature esthétique recherchée dans le design graphique, le web brutaliste et l'art du pixel.
  
-===== 1\. Définition : Qu'est-ce que la trame ? =====+===== Du Gris au Noir & Blanc =====
  
 La trame est une méthode utilisée pour créer l'illusion de la profondeur de couleur (ou de niveaux de gris) dans une image disposant d'une palette de couleurs restreinte. La trame est une méthode utilisée pour créer l'illusion de la profondeur de couleur (ou de niveaux de gris) dans une image disposant d'une palette de couleurs restreinte.
Ligne 12: Ligne 12:
 C'est ce qui permettait aux vieilles imprimantes matricielles ou aux premiers Macintosh d'afficher des photographies reconnaissables avec uniquement de l'encre noire. C'est ce qui permettait aux vieilles imprimantes matricielles ou aux premiers Macintosh d'afficher des photographies reconnaissables avec uniquement de l'encre noire.
  
-===== 2\. La Technique : De l'Image Noir & Blanc au Binaire ===== 
- 
------------------------------------------------------ 
- 
-Le processus technique consiste à convertir une image en niveaux de gris (0 à 255) vers un espace binaire (0 ou 1). 
- 
-Si l'on applique un simple **seuil (threshold)** à 50%, le résultat est dur et perd tous les détails. Pour conserver les nuances, on utilise des **algorithmes de diffusion d'erreur**. L'algorithme calcule la différence entre la couleur voulue et la couleur affichée (noir ou blanc), puis "pousse" cette erreur vers les pixels voisins. 
  
 ==== Les Algorithmes Clés ==== ==== Les Algorithmes Clés ====
Ligne 44: Ligne 37:
          
  
-== D. Réaction-Diffusion ==+== D. Réaction-Diffusion et Stochastic==
 Inspiré par les mathématiques d'Alan Turing sur la morphogenèse (comment les animaux obtiennent leurs taches), cet algorithme simule deux produits chimiques virtuels qui réagissent entre eux. Inspiré par les mathématiques d'Alan Turing sur la morphogenèse (comment les animaux obtiennent leurs taches), cet algorithme simule deux produits chimiques virtuels qui réagissent entre eux.
  
-*   **Résultat :** Des motifs organiques, labyrinthiques, ou des points espacés de manière naturelle. +  *   **Résultat :** Des motifs organiques, labyrinthiques, ou des points espacés de manière naturelle.    
-     +  *   **Usage :** Très prisé pour des textures artistiques ou procédurales.
-*   **Usage :** Très prisé pour des textures artistiques ou procédurales.+
          
  
Ligne 57: Ligne 49:
 Pour produire ces effets, plusieurs outils se distinguent, du gratuit au professionnel. Pour produire ces effets, plusieurs outils se distinguent, du gratuit au professionnel.
  
-===== Stochaster =====+== Stochaster ==
  
-Un outil (souvent web ou script) spécialisé dans le placement de points stochastiques. +Un outil (  https://www.stochaster-apps.com/) spécialisé dans le placement de points stochastiques de façon organique.
- +
-*   **Le plus :** Il permet souvent de générer non pas des pixels, mais des vecteurs (pour les traceurs/plotters) en optimisant la densité des points pour simuler les gris.+
          
  
-===== GIMP (Gratuit & Open Source) ===== +== GIMP (Gratuit & Open Source) ==
- +
 L'alternative libre à Photoshop gère le dithering de manière native et très efficace. L'alternative libre à Photoshop gère le dithering de manière native et très efficace.
  
-*   **La méthode :** Allez dans Image > Mode > Couleurs indexées. +  *   **La méthode :** Allez dans Image > Mode > Couleurs indexées. 
-     +  *   Sélectionnez "Palette noir et blanc (1-bit)" et choisissez "Floyd-Steinberg" (normal ou réduit) dans les options de dithering.
-*   Sélectionnez "Palette noir et blanc (1-bit)" et choisissez "Floyd-Steinberg" (normal ou réduit) dans les options de dithering.+
          
 +== Photoshop ==
  
-===== Outils de Texturing (Substance Designer / Blender) =====+Le standard de l'industrie, bien que l'option soit cachée.
  
 +  *   **La méthode :** Passez d'abord l'image en Niveaux de gris, puis Image > Mode > Bitmap.  
 +  *   Une boîte de dialogue vous proposera alors : _Seuil 50%_, _Motif_ (Halftone), ou _Diffusion_ (Dithering).
  
-Dans le monde de la 3D, la trame est utilisée pour des effets de style "PlayStation 1" ou "Rétro".+<WRAP center round tip 80%> 
 +Conseil Technique Important pour la Sérigraphie
  
-*   Les logiciels comme **Substance Designer** permettent de créer des trames procédurales (via des "Pixel Processors") pour générer des textures qui réagissent dynamiquement à la lumière tout en gardant un aspect trame 1-bit. +Quel que soit le logiciel utilisé, le paramètre crucial pour vous sera la Fréquence (LPI - Lines Per Inch).
-    +
  
-===== Photoshop =====+Pour que votre trame s'imprime bien sans se boucher ou faire du moiré avec la maille de votre écran, respectez ce ratio : 4.5/1  
  
 +Exemple : Si vous avez un écran de 90 fils/cm (jaune standard), ne dépassez pas 20 LPI pour votre trame si vous débutez...
 + ou 40-45 LPI grand maximum si vous maîtrisez bien l'insolation.
  
-Le standard de l'industrie, bien que l'option soit cachée.+</WRAP>
  
-*   **La méthode :** Passez d'abord l'image en Niveaux de gris, puis Image > Mode > Bitmap. + 
-     +  * https://youtube.com/shorts/iZhifkxS_ek?si=Bm2QzmqpMS9SDUUN 
-*   Une boîte de dialogue vous proposera alors : _Seuil 50%_, _Motif_ (Halftone), ou _Diffusion_ (Dithering).+  * https://www.doronsupply.com/shop/all
          
  
-====== 4\. Liens et Ressources ======+====== Liens et Ressources ======
  
 +  * Wikipedia - Dithering (Diffusion d'erreur) : https://fr.wikipedia.org/wiki/Dithering
 +  * Sur l'algorithme Atkinson (vieux mac): https://beyondloom.com/blog/dither.html     
 +  * Ditherlicious : https://29a.ch/ditherlicious/
 +  * https://perso.liris.cnrs.fr/victor.ostromoukhov/publications/pdf/SIGGRAPH99_MultiColorDithering_600dpi.pdf
 +  * https://beyondloom.com/blog/dither.html
 +  * http://www.trame-aleatoire.fr/articles/la-trame-en-imprimerie-177
  
-Pour approfondir le sujet, voici des points de départ essentiels :+====== Applications ======
  
-*   **Wikipedia - Dithering (Diffusion d'erreur) :** Pour comprendre la théorie mathématique.    +  * https://ditheringstudio.com/Dithering/Video  free 
-https://fr.wikipedia.org/wiki/Dithering +  * https://github.com/ivangrozny/TexTuring   fonctionne sur processing 4 
-         +  * https://www.stochaster-apps.com/ 
-*   **Sur l'algorithme Atkinson :** Une explication détaillée de pourquoi les images du premier Mac étaient si particulières. +  * https://halftonepro.com/app#
-https://beyondloom.com/blog/dither.html +
-         +
-*   **Ditherlicious :** Un outil web simple pour tester rapidement les rendus Floyd-Steinberg et autres sur vos propres images. +
-https://29a.ch/ditherlicious/+
  • bases/fabnum/trame/start.1764487387.txt.gz
  • Dernière modification: 2025/11/30 08:23
  • de enseignant