| (3 révisions intermédiaires par 3 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 | ||
| − | | | + | |Disciplines scientifiques=Arduino |
|Difficulty=Technical | |Difficulty=Technical | ||
|Duration=30 | |Duration=30 | ||
| Ligne 15 : | Ligne 15 : | ||
}} | }} | ||
}} | }} | ||
| − | |||
{{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": | + | |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={"objects":[{"type":" | + | |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= | + | |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={"objects":[{"type":"wfcircle","originX":"center","originY":"center","left":251,"top":197.67,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth": | + | |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 62 : | Ligne 61 : | ||
}} | }} | ||
{{Tuto Step | {{Tuto Step | ||
| − | |Step_Title= | + | |Step_Title=Retouchez les pixels un à un |
| − | |Step_Content= | + | |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={"objects":[{"type":"wfarrow","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","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","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","originX":"center","originY":"center","left":67.08,"top":96.08,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth": | + | |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 85 : | 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
Difficulté
Technique
Durée
30 minute(s)
Disciplines scientifiques
Arduino
Sommaire
- 1 Étape 1 - Ouvrez le logiciel The Gimp, chargez l'image et détourez la forme
- 2 Étape 2 - J'insère un nouveau calque sur le quel je colle le détourage
- 3 Étape 3 - Remplir le détourage de noir
- 4 Étape 4 - Changer le mode de l'image pour le mode couleur indexé
- 5 Étape 5 - Ajustement de la taille
- 6 Étape 6 - Retouchez les pixels un à un
- 7 Étape 7 - Exportez en xbm
- 8 Commentaires
- Matériel et outils
The Gimp 
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.
É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.
Étape 3 - Remplir le détourage de noir
Et je supprime le premier calque pour finir.
Étape 4 - Changer le mode de l'image pour le mode couleur indexé
Choisissez "Utiliser une palette noir et blanc (1-bit)"
É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 "+".
É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.
Dernière modification 7/11/2020 par user:Antonydbzh.
Published