Attribut:Difficulty

(init wikifab pages)
 
(update property name)
 
Ligne 1 : Ligne 1 :
−
This is a property of type [[Has type::Text]].
+
{{Tuto Details
 +
|Main_Picture=Convertir_une_image_en_format_xbm_exportXbmTexte.png
 +
|Licences=Attribution (CC-BY)
 +
|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
 +
|Duration=30
 +
|Duration-type=minute(s)
 +
|Tags=convertir
 +
}}
 +
{{Introduction}}
 +
{{Materials
 +
|ItemList={{ItemList
 +
|Item=The Gimp
 +
}}
 +
}}
 +
{{Separator}}
 +
{{Tuto Step
 +
|Step_Title=Ouvrez le logiciel The Gimp, chargez l'image et détourez la forme
 +
|Step_Content=Ici, le fond est blanc,le détourage se fait avec l'outil de sélection par couleur.  
  
−
The allowed values for this property are:
+
Je copie le fond blanc.
−
* [[Allows value::Easy]]
+
|Step_Picture_00=Convertir_une_image_en_format_xbm_ExportXbmLogo.png
−
* [[Allows value::Technical]]
+
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmSelectionCouleur.png
−
* [[Allows value::Expert]]
+
|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
 +
}}
 +
{{Tuto Step
 +
|Step_Title=J'insère un nouveau calque sur le quel je colle le détourage
 +
|Step_Content=Pour insérer un calque je cliques sur "Calque" -> "nouveau calque".
 +
 
 +
je colle le détourage sur le nouveau calque.
 +
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmNouveauCalqueTransparent.png
 +
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmColler.png
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Remplir le détourage de noir
 +
|Step_Content=Et je supprime le premier calque pour finir.
 +
|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
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Changer le mode de l'image pour le mode couleur indexé
 +
|Step_Content=Choisir 2 couleurs
 +
|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_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
 +
|Step_Title=Ajustement de la taille
 +
|Step_Content=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 "+".
 +
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmEchelleEtTaille.png
 +
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmEchelleEtTaille2.png
 +
|Step_Picture_02=Convertir_une_image_en_format_xbm_exportXbmEchelleEtTaille3.png
 +
|Step_Picture_03=Convertir_une_image_en_format_xbm_exportXbmEchelleEtTaille4.png
 +
|Step_Picture_04=Convertir_une_image_en_format_xbm_exportXbmEchelleZoom.png
 +
}}
 +
{{Tuto Step
 +
|Step_Title=retpouchez 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_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
 +
|Step_Title=Exportez en xbm
 +
|Step_Content=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.
 +
|Step_Picture_00=Convertir_une_image_en_format_xbm_exportXbmExport.png
 +
|Step_Picture_01=Convertir_une_image_en_format_xbm_exportXbmFormaExport.png
 +
|Step_Picture_02=Convertir_une_image_en_format_xbm_exportXbmFormatExport.png
 +
|Step_Picture_03=Convertir_une_image_en_format_xbm_exportXbmTexte.png
 +
}}
 +
{{Notes}}
 +
{{Tuto Status
 +
|Complete=Published
 +
}}

Version du 15 octobre 2019 à 16:41

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é

Choisir 2 couleurs

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 - retpouchez 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=Attribut:Difficulty&oldid=3475 »
© 2017 - 2024 Dokit, SAS.