Vectoriser une image avec Inkscape

De Les Fabriques du Ponant
Aller à : navigation, rechercher

Il existe deux types d'image numérique :

  • Matricielle
  • Vectorielle

Les images matricielles sont définies par des point qui ont une valeur de couleur et de luminosité. c'est l'ensemble de points qui forment l'image (un peu comme les pixels sur un écran d'ordinateur. Lorsqu'on zoome sur une image matricielle, on fini par voir les pixels.

Les images vectorielle sont définies mathématiquement par des vecteurs. On peut zoomer à l'infini sur une image vectorielle, elle sera toujours nette.

Préparons un logo dont nous n'avons qu'une image matricielle ety dont nous voulons obtenir une version Vectorielle. Si vous ne l'avez pas déjà, téléchargez Inkscape

Inkscapepageweb.jpeg

Vectorisons notre image

Ouvrez votre image avec Inkscape, une boite de dialogue d'import s'ouvre

1-inkscapeboiteimport.jpeg

Sélectionnez votre image en cliquant dessus.

2-inkscapeselectionimagematricielle.jpeg

Dans le menu chemin, choisissez "vectoriser un objet matriciel"

3--inkscapemenupourvectorisation.png

Une nouvelle boite de dialogue s'ouvre

4-inkscapeOuvertureBoiteDialogueVectorisation.png

Choisissez la vectorisation qui convient et prévisualisez le résultat (faites des tests !). Quand ça vous convient cliquez sur OK !

La fenêtre ne se ferme pas mais votre vectorisation est faite -> Fermez-là manuellement.

5-inkscapevectorisationboitedialogue.jpeg


Votre vectorisation est superposée à l'image de départ. Cliquez votre vectorisation et glissez-là.

Vous pouvez supprimer l'image "matricielle" qui est ne dessous.

6-inkscape-supprimerimagematricielle.png


Il se peut que la taille du calque de l'image ne soit pas adapté à votre image (soit trop grand, soit trop petit). ça poserait problème. Il faut donc adapter cette taille. Pour cela allez dans : Fichier-> "propriété du document".

19-inkscapefichierpropriete.png

Dans la boite de dialogue choisissez redimensionner la page au contenu

9-inkscapeproprietedocument.jpeg 10-inkscapeproprietedocument-ajuster.jpeg


Et voici le fichier Inkscape qui résulte de ce travail.

LogoapdGO2.svg

Remarque 1 : si on veut que ce fichier soit compatible avec la découpeuse laser

il faut que :

  • tous les traits de découpe soient rouges (Objets, fond et contours, contour plein, RVB : R=255)

Inkscape ContourRougeDecoupe.png

  • tous les traits de découpe fassent 0.05mm Objets, fond et contours, style du contour, épaisseur : 0.05 mm)

Inkscape Contour005mmDecoupe.png

  • ce qui sera gravé soit en nuances de gris (gris clair = peu gravé, noir intense : + profondément gravé).

vous pouvez graver toute une forme en mettant son fond en noir (Objet, fonds et contours, fond plein, noir) et jouer sur l'opacité A pour avoir des nuances de gris. InkscapeGraver gris opacite.png

Remarque 2 : si on veut supprimer/modifier certains points

cliquer sur l'icone points à gauche, faire un carré de sélection autour des points à supprimer, puis presser la touche Suppr de son clavier. On peut aussi cliquer sur un point et faire le raccourci Ctrl+A afin de sélectionner tous les points liés au premier point sélectionné. On peut également déplacer chaque point pour modifier le tracé. Suppr points laser inkscape.png

Ressources

deux autres tuto sur d'autres sites web.

Idées de réalisations

Jeux

échecs : https://www.instructables.com/Laser-Cut-Chess-Board-Pieces/ morpion (tic tac toe en anglais) puzzle, peut être long à graver : https://gists.rawgit.com/Draradech/35d36347312ca6d0887aa7d55f366e30/raw/b04cf9cd63a59571910cb226226ce2b3ed46af46/jigsaw.html

labyrinthe : https://adashrod.github.io/LaserCutMazes/designer

bataille navale (jetons touchés/manqués en 3D plus tard) : https://www.instructables.com/Math-Battleship/

palets (avec plusieurs buts ou aller le + loin)

Pictofab : https://wikifab.org/wiki/Picto'Fab

Raquette : (réflexion sur le design ergonomie) partie plastique 3d éventuellement + tard https://wikifab.org/wiki/Création_de_raquettes_de_ping-pong

Puissance 4 : https://wikifab.org/wiki/Jeu_puissance_4_fait_en_bois https://www.instructables.com/Wood-Connect-Four-Game/