|
|
Ligne 1 : |
Ligne 1 : |
− | {{Tuto Details
| + | S_initier_aux_sciences_participatives_en_ville_Observation_fleurs-red |
− | |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
| |
− | }}
| |
− | }}
| |
− | {{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.
| |
− | | |
− | Je copie le fond blanc.
| |
− | |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_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=Choisissez "Utiliser une palette noir et blanc (1-bit)"
| |
− | |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=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_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
| |
− | }}
| |
− | {{Separator}}
| |