Différences

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

--- bases:fabnum:trame:start [2025/11/30 08:22]
enseignant
+++ 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.
-===== 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.
@@ 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.
-===== 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 ====
 Voici les méthodes les plus emblématiques pour générer une trame :
 == A. Le Bruit (Noise) ==
 Il s'agit d'ajouter un signal aléatoire à l'image avant la conversion.
-*   **Résultat :** Un aspect granuleux, "sale", sans motif répétitif.
+  * **Résultat :** Un aspect granuleux, "sale", sans motif répétitif.
+  * **Usage :** Idéal pour imiter un grain photo argentique très brut.
-*   **Usage :** Idéal pour imiter un grain photo argentique très brut.
 == B. Floyd-Steinberg ==
 Créé en 1976, c'est l'algorithme de référence. Il diffuse l'erreur sur quatre pixels voisins selon un schéma précis.
-*   **Résultat :** Un grain fin et serré qui préserve remarquablement les détails.
+  * **Résultat :** Un grain fin et serré qui préserve remarquablement les détails.
+  * **Esthétique :** C'est le rendu "GIF" classique des années 90.
-*   **Esthétique :** C'est le rendu "GIF" classique des années 90.
 == C. Atkinson Dithering ==
 Développé par Bill Atkinson chez Apple pour le lancement du premier Macintosh (HyperCard). Contrairement au Floyd-Steinberg, il ne diffuse que 75% de l'erreur.
-*   **Résultat :** Les zones très claires ou très sombres deviennent "pures" (blanc ou noir) plus rapidement.
+  * **Résultat :** Les zones très claires ou très sombres deviennent "pures" (blanc ou noir) plus rapidement.
+  * **Esthétique :** Un contraste fort et net, très caractéristique du "MacPaint" de 1984.
-*   **Esthétique :** Un contraste fort et net, très caractéristique du "MacPaint" de 1984.
-== 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.
-*   **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 69: / Ligne 49: @@
 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.
-*   **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/