|
|
Ligne 1 : |
Ligne 1 : |
| {{Tuto Details | | {{Tuto Details |
− | |Main_Picture=Convertir_une_image_en_format_xbm_exportXbmTexte.png | + | |Main_Picture=Créer_un_GIF_avec_GIMP_GIMPPortable.png |
| |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=Le logiciel libre GIMP offre la possibilité de créer un GIF. Un GIF ( Graphics Interchange Format, ou littéralement "format d'échange d'images") est une image animée, qui tourne en boucle, et que l'on retrouve fréquemment sur internet. |
− | |Disciplines scientifiques=Arduino | + | Voici comment procéder pour faire vos propres GIF. |
− | |Difficulty=Technical | + | |Disciplines scientifiques=Computing, Optical |
− | |Duration=30 | + | |Difficulty=Easy |
| + | |Duration=20 |
| |Duration-type=minute(s) | | |Duration-type=minute(s) |
− | |Tags=convertir | + | |Tags=GIF, Animation, Informatique, gif, GIMP |
| }} | | }} |
| {{Introduction}} | | {{Introduction}} |
− | {{Materials | + | {{Materials}} |
− | |ItemList={{ItemList
| |
− | |Item=The Gimp
| |
− | }}
| |
− | }} | |
| {{Separator}} | | {{Separator}} |
| {{Tuto Step | | {{Tuto Step |
− | |Step_Title=Ouvrez le logiciel The Gimp, chargez l'image et détourez la forme | + | |Step_Title=Ouvrir le logiciel GIMP |
− | |Step_Content=Ici, le fond est blanc,le détourage se fait avec l'outil de sélection par couleur.
| + | |Step_Picture_00=Créer_un_GIF_avec_GIMP_ouvrir_gmp.jpg |
− | | |
− | 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 | | {{Tuto Step |
− | |Step_Title=Remplir le détourage de noir | + | |Step_Title=Ouvrir une image |
− | |Step_Content=Et je supprime le premier calque pour finir.
| + | |Step_Picture_00=Créer_un_GIF_avec_GIMP_Ouvrir_une_image.jpg |
− | |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 | | {{Tuto Step |
− | |Step_Title=Changer le mode de l'image pour le mode couleur indexé | + | |Step_Title=Ouvrir en tant que calque |
− | |Step_Content=Choisir 2 couleurs
| + | |Step_Picture_00=Créer_un_GIF_avec_GIMP_ouvrir_calque.jpg |
− | |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 | | {{Tuto Step |
− | |Step_Title=Ajustement de la taille | + | |Step_Title=Redimensionner le GIF |
− | |Step_Content=Cliquer sur "Edition" -> "Echelle et taille de l'image"
| + | |Step_Picture_00=Créer_un_GIF_avec_GIMP_redimensioner_image.jpg |
− | | + | |Step_Picture_01=Créer_un_GIF_avec_GIMP__chelle_et_taille_de_l_image.jpg |
− | 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 | | {{Tuto Step |
− | |Step_Title=retpouchez les pixels un à un | + | |Step_Title=Exporter le GIF |
− | |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=Créer_un_GIF_avec_GIMP_Exporter_l_image.jpg |
− | |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 |
− | |Step_Title=Exportez en xbm | + | |Step_Title=Derniers paramètres |
− | |Step_Content=Cliquez sur "Fichier" -> "Exporter sous"
| + | |Step_Picture_00=Créer_un_GIF_avec_GIMP_Exporter_l_image_comme_GIF.jpg |
− | | |
− | 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}} | | {{Notes}} |