Convertir une image en format xbm : Différence entre versions

(Page créée avec « {{Tuto Details |Main_Picture=Convertir_une_image_en_format_xbm_exportXbmTexte.png |Licences=Attribution (CC-BY) |Description=Ce format est utilisé pour afficher des image... »)
 
 
(8 révisions intermédiaires par 4 utilisateurs non affichées)
Ligne 3 : Ligne 3 :
 
|Licences=Attribution (CC-BY)
 
|Licences=Attribution (CC-BY)
 
|Description=Ce format est utilisé pour afficher des images sur des écrans OLED ou utiliser des imprimantes Thermiques avec Arduino
 
|Description=Ce format est utilisé pour afficher des images sur des écrans OLED ou utiliser des imprimantes Thermiques avec Arduino
−
|Area=Arduino
+
|Disciplines scientifiques=Arduino
 
|Difficulty=Technical
 
|Difficulty=Technical
 
|Duration=30
 
|Duration=30
Ligne 15 : Ligne 15 :
 
}}
 
}}
 
}}
 
}}
−
{{Separator}}
 
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=Ouvrez le logiciel The Gimp, chargez l'image et détourez la forme
 
|Step_Title=Ouvrez le logiciel The Gimp, chargez l'image et détourez la forme
Ligne 23 : Ligne 22 :
 
|Step_Picture_00=Convertir_une_image_en_format_xbm_ExportXbmLogo.png
 
|Step_Picture_00=Convertir_une_image_en_format_xbm_ExportXbmLogo.png
 
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmSelectionCouleur.png
 
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmSelectionCouleur.png
−
|Step_Picture_01_annotation={"objects":[{"type":"wfcircle","originX":"center","originY":"center","left":97.67,"top":50.67,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":14.99,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.2,"scaleY":0.2,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfcircle","originX":"center","originY":"center","left":135.6,"top":256.6,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":12.28,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.24,"scaleY":0.24,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586}],"height":"408","width":"600"}
+
|Step_Picture_01_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":800,"height":545,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.75,"scaleY":0.75,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"http://wikidebrouillard.dokit.io/w/images/thumb/6/66/Convertir_une_image_en_format_xbm_exportXbmSelectionCouleur.png/800px-Convertir_une_image_en_format_xbm_exportXbmSelectionCouleur.png","filters":[]},{"type":"wfcircle","version":"2.4.6","originX":"center","originY":"center","left":97.67,"top":50.67,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":15,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.2,"scaleY":0.2,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfcircle","version":"2.4.6","originX":"center","originY":"center","left":135.6,"top":256.6,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":12.5,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.24,"scaleY":0.24,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586}],"height":409,"width":600}
 
|Step_Picture_02=Convertir_une_image_en_format_xbm_exportXbmCopierCouleur.png
 
|Step_Picture_02=Convertir_une_image_en_format_xbm_exportXbmCopierCouleur.png
 
}}
 
}}
Ligne 38 : Ligne 37 :
 
|Step_Content=Et je supprime le premier calque pour finir.
 
|Step_Content=Et je supprime le premier calque pour finir.
 
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmPotDePeintureNoire.png
 
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmPotDePeintureNoire.png
 +
|Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":800,"height":545,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.75,"scaleY":0.75,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"http://wikidebrouillard.dokit.io/w/images/thumb/2/23/Convertir_une_image_en_format_xbm_exportXbmPotDePeintureNoire.png/800px-Convertir_une_image_en_format_xbm_exportXbmPotDePeintureNoire.png","filters":[]},{"type":"wfcircle","version":"2.4.6","originX":"center","originY":"center","left":36.04,"top":93.04,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":15.79,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.19,"scaleY":0.19,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfcircle","version":"2.4.6","originX":"center","originY":"center","left":88.91,"top":132.91,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":13.04,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.23,"scaleY":0.23,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfarrow","version":"2.4.6","originX":"center","originY":"center","left":313.74,"top":130.24,"width":10,"height":90,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":5.78,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.52,"scaleY":0.52,"angle":85.23,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"points":[{"x":10,"y":10},{"x":10,"y":100},{"x":5,"y":90},{"x":10,"y":100},{"x":15,"y":90}]},{"type":"wfarrow","version":"2.4.6","originX":"center","originY":"center","left":325,"top":178,"width":10,"height":90,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":3,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":1,"angle":44.39,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"points":[{"x":10,"y":10},{"x":10,"y":100},{"x":5,"y":90},{"x":10,"y":100},{"x":15,"y":90}]},{"type":"wfarrow","version":"2.4.6","originX":"center","originY":"center","left":385.92,"top":177.78,"width":10,"height":90,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":5.62,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.53,"scaleY":0.53,"angle":350.46,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"points":[{"x":10,"y":10},{"x":10,"y":100},{"x":5,"y":90},{"x":10,"y":100},{"x":15,"y":90}]}],"height":409,"width":600}
 
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmSupprimerCalque.png
 
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmSupprimerCalque.png
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=Changer le mode de l'image pour le mode couleur indexé
 
|Step_Title=Changer le mode de l'image pour le mode couleur indexé
−
|Step_Content=Choisir 2 couleurs
+
|Step_Content=Choisissez "Utiliser une palette noir et blanc (1-bit)"
 
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmModeCouleurIndexee.png
 
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmModeCouleurIndexee.png
 
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmPaletteNetB.png
 
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmPaletteNetB.png
 +
|Step_Picture_01_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":800,"height":722,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.75,"scaleY":0.75,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"http://wikidebrouillard.dokit.io/w/images/thumb/8/86/Convertir_une_image_en_format_xbm_exportXbmPaletteNetB.png/800px-Convertir_une_image_en_format_xbm_exportXbmPaletteNetB.png","filters":[]},{"type":"wfcircle","version":"2.4.6","originX":"center","originY":"center","left":251,"top":197.67,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":3,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":0.18,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586}],"height":541,"width":600}
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
Ligne 60 : Ligne 61 :
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=retpouchez les pixels un à un
+
|Step_Title=Retouchez les pixels un à un
−
|Step_Content=avec l'outil crayon, en réglant le diamètre à 1 pixel (C'est aussi de cette manière que vous pouvez faire des dessins libres).
+
|Step_Content=Avec l'outil crayon, en réglant le diamètre à 1 pixel (C'est aussi de cette manière que vous pouvez faire des dessins libres).
 
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmCoorectionPixels.png
 
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmCoorectionPixels.png
 +
|Step_Picture_00_annotation={"version":"2.4.6","objects":[{"type":"image","version":"2.4.6","originX":"left","originY":"top","left":0,"top":0,"width":800,"height":545,"fill":"rgb(0,0,0)","stroke":null,"strokeWidth":0,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":4,"scaleX":0.75,"scaleY":0.75,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"crossOrigin":"","cropX":0,"cropY":0,"src":"http://wikidebrouillard.dokit.io/w/images/thumb/7/78/Convertir_une_image_en_format_xbm_exportXbmCoorectionPixels.png/800px-Convertir_une_image_en_format_xbm_exportXbmCoorectionPixels.png","filters":[]},{"type":"wfarrow","version":"2.4.6","originX":"center","originY":"center","left":430,"top":195,"width":10,"height":90,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":3,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":1,"angle":27.36,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"points":[{"x":10,"y":10},{"x":10,"y":100},{"x":5,"y":90},{"x":10,"y":100},{"x":15,"y":90}]},{"type":"wfcircle","version":"2.4.6","originX":"center","originY":"center","left":67.08,"top":96.08,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":25,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.12,"scaleY":0.12,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfcircle","version":"2.4.6","originX":"center","originY":"center","left":73.11,"top":213.01,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":5.26,"strokeDashArray":null,"strokeLineCap":"butt","strokeDashOffset":0,"strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.57,"scaleY":0.12,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","paintFirst":"fill","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586}],"height":409,"width":600}
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
Ligne 68 : Ligne 70 :
 
|Step_Content=Cliquez sur "Fichier" -> "Exporter sous"
 
|Step_Content=Cliquez sur "Fichier" -> "Exporter sous"
  
−
Choissir le format d'export voulu : xbm
+
Choisir le format d'export voulu : .xbm
  
 
Vérifier le fichier exporter en l'ouvrant avec un éditeur de texte.
 
Vérifier le fichier exporter en l'ouvrant avec un éditeur de texte.
 +
 +
Avec cette base, vous pouvez réaliser un [[Badge avec un écran Oled]] par exemple.
 
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmExport.png
 
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmExport.png
 
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmFormaExport.png
 
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmFormaExport.png
Ligne 80 : Ligne 84 :
 
|Complete=Published
 
|Complete=Published
 
}}
 
}}
 +
{{Separator}}

Version actuelle datée du 7 novembre 2020 à 13:31

Ce format est utilisé pour afficher des images sur des écrans OLED ou utiliser des imprimantes Thermiques avec Arduino

Auteur avatarAntony Le Goïc-Auffret | Dernière modification 7/11/2020 par Antonydbzh

Convertir une image en format xbm exportXbmTexte.png
Difficulté
Technique
Durée
30 minute(s)
Disciplines scientifiques
Arduino
Ce format est utilisé pour afficher des images sur des écrans OLED ou utiliser des imprimantes Thermiques avec Arduino
Difficulté
Technique
Durée
30 minute(s)
Disciplines scientifiques
Arduino
<languages />
Licence : Attribution (CC-BY)

The Gimp
Item-The Gimp gimp.png
Logiciel de traitement d'image. Le nom signifie the GNU Image Manipulation Program (GIMPprononcer "Guimp" et non "jimp").

Étape 1 - Ouvrez le logiciel The Gimp, chargez l'image et détourez la forme

Ici, le fond est blanc,le détourage se fait avec l'outil de sélection par couleur.

Je copie le fond blanc.

Convertir une image en format xbm ExportXbmLogo.png

Convertir une image en format xbm exportXbmCopierCouleur.png


Étape 2 - J'insère un nouveau calque sur le quel je colle le détourage

Pour insérer un calque je cliques sur "Calque" -> "nouveau calque".

je colle le détourage sur le nouveau calque.

Convertir une image en format xbm exportXbmNouveauCalqueTransparent.png
Convertir une image en format xbm exportXbmColler.png



Étape 3 - Remplir le détourage de noir

Et je supprime le premier calque pour finir.

Convertir une image en format xbm exportXbmSupprimerCalque.png



Étape 4 - Changer le mode de l'image pour le mode couleur indexé

Choisissez "Utiliser une palette noir et blanc (1-bit)"

Convertir une image en format xbm exportXbmModeCouleurIndexee.png



Étape 5 - Ajustement de la taille

Cliquer sur "Edition" -> "Echelle et taille de l'image"

Réduisez la résolution, et mettez la taille à la dimension voulue (ici l'écran oled faisant 64 pixel de haut, c'est 64 px qu'on choisis).

Mettez à l'échelle et hop votre réduit. Agrandissez la visualisation en appuyant sur la touche "+".

Convertir une image en format xbm exportXbmEchelleEtTaille.png
Convertir une image en format xbm exportXbmEchelleEtTaille2.png
Convertir une image en format xbm exportXbmEchelleEtTaille3.png
Convertir une image en format xbm exportXbmEchelleEtTaille4.png
Convertir une image en format xbm exportXbmEchelleZoom.png

Étape 6 - Retouchez les pixels un à un

Avec l'outil crayon, en réglant le diamètre à 1 pixel (C'est aussi de cette manière que vous pouvez faire des dessins libres).




Étape 7 - Exportez en xbm

Cliquez sur "Fichier" -> "Exporter sous"

Choisir le format d'export voulu : .xbm

Vérifier le fichier exporter en l'ouvrant avec un éditeur de texte.

Avec cette base, vous pouvez réaliser un Badge avec un écran Oled par exemple.

Convertir une image en format xbm exportXbmExport.png
Convertir une image en format xbm exportXbmFormaExport.png
Convertir une image en format xbm exportXbmFormatExport.png
Convertir une image en format xbm exportXbmTexte.png



Dernière modification 7/11/2020 par user:Antonydbzh.

Commentaires

Published

Récupérée de « https://www.wikidebrouillard.org/w/index.php?title=Convertir_une_image_en_format_xbm&oldid=9972 »
© 2017 - 2024 Dokit, SAS.