by Pol Grasland-Mongrain
Comme vous pouvez le constater, le blog www.ds-inkscape.net a ouvert ses portes !
Son nom complet est « Dessin Scientifique avec Inkscape ».
Vous y retrouverez les tutos, astuces, packs, etc, qui étaient auparavant uniquement envoyés par mail.
Et pour ne manquer aucune info, inscrivez-vous à l’infolettre !
Certains d’entre vous le savent, et ont mĂŞme soutenu le projet (un grand merci Ă eux !), j’ai rĂ©alisĂ© bĂ©nĂ©volement plusieurs panneaux pour la mise en place d’un jardin public dans la commune de Lunel-Viel, avec un parcours autour des abeilles.
Ces panneaux sont Ă destination des familles et enfants Ă partir de 6-8 ans, avec quelques informations courtes sur les abeilles, ainsi que des petits jeux simples.
Voici donc les panneaux réalisés (cliquez pour agrandir) :
Si vous souhaitez voir comment ils ont Ă©tĂ© rĂ©alisĂ©s, vous pouvez tĂ©lĂ©charger la source Inkscape Ă l’adresse bit.ly/pack-inkscape-mai
Attention, les visuels ne sont pas libres de droits : si vous souhaitez réutiliser les éléments, consultez-moi auparavant.
Pour redimensionner votre espace de travail, notamment pour l’enregistrement en PDF ou en PNG, il vous suffit d’aller dans Fichier > PropriĂ©tĂ©s du document (raccourci : Ctr+Maj+D).
Puis cliquez sur « Redimensionner la page au contenu » puis « Ajuster la page au dessin à la sélection ».
Si rien n’est sĂ©lectionnĂ©, l’espace de travail va s’ajuster pour inclure tout votre dessin ; et si quelque chose est sĂ©lectionnĂ©, l’espace de travail va s’ajuster aux dimensions de ce que vous avez sĂ©lectionnĂ©.
Alternativement, vous pouvez faire toute cette procédure en appuyant simplement sur Ctr+Maj+R !
Section rédigée par Jérome Mutterer
Vous pouvez insĂ©rer dans votre figure Inkscape une image rĂ©sultant d’une macro ImageJ. Elle permet d’intĂ©grer aux figures d’article des Ă©lĂ©ments gĂ©nĂ©rĂ©s Ă partir de donnĂ©es source et de code, garantissant la transparence et la reproductibilitĂ© des donnĂ©es prĂ©sentĂ©es. Cela nĂ©cessite Inkscape version 1.1 (la dernière sortie), et l’extension ImageJ Macro Panel, Ă placer dans le dossier Extensions d’Inkscape.
Une fois l’extension installĂ©e, vous devez :
1) Définir une zone destinée à accueillir l’image.
2) Aller dans Objet > PropriĂ©tĂ©s de l’objet, et insĂ©rer le code source dans la description de l’objet
3) Aller dans Extensions > Figure > ImageJ Macro Panel, et cliquer sur Appliquer
Le code persiste dans le champ « Description » du code SVG de l’objet, ce qui garantit la traçabilitĂ© des donnĂ©es sources (Ă placer dans un sous dossier ‘data’ du rĂ©pertoire du document actif ou dans un dĂ©pĂ´t public) et des Ă©tapes de traitement conduisant Ă la vue prĂ©sentĂ©e dans la figure.
Ces extensions permettent actuellement d’intégrer des éléments générés par ImageJ, R, PyMOL, Processing, et Matplotlib, mais pourraient être étendues à d’autres sources de données. Plus d’informations dans cette présentation : https://f1000research.com/slides/10-278.
Ces extensions sont une contribution de JĂ©rome Mutterer, ingĂ©nieur de recherche Ă l’Institut de biologie molĂ©culaire des plantes (CNRS et UniversitĂ© de Strasbourg) et de Martin Owens, dĂ©veloppeur Inkscape.
* Bien qu’il s’agit d’un logiciel de dessin vectoriel, Inkscape vous permet de travailler avec des images bitmap. Une fonction particulièrement utile pour ça est la dĂ©coupe d’image : vous pouvez extraire une partie de votre image bitmap.
* Pour cela, commencez par importer votre image bitmap dans Inkscape, soit par le menu Fichier > Importer…, soit par glisser-dĂ©poser.
Ensuite, crĂ©ez la forme que vous souhaitez avoir : un carrĂ©, un cercle, une forme compliquĂ©e crĂ©Ă©e avec l’outil « crĂ©er un chemin », etc.
Mettez une couleur bien identifiable Ă votre forme (par exemple du rose fuchsia), avec un peu de transparence pour faciliter le placement.
Avec la flèche principale, sélectionnez votre image bitmap et votre forme, clic droit > « Définir une découpe » (« Set Clip » en anglais), et voilà !
* Attention, dans le processus, c’est l’objet devant qui dĂ©coupe l’objet derrière : ainsi, si l’image est devant la forme Ă dĂ©couper, vous n’aurez pas le rĂ©sultat attendu.
Aussi, les fonctions « DiffĂ©rence« , « Union« , « Intersection« , etc, du menu Chemin fonctionnent uniquement des formes d’Inkscape (rectangles, ellipses, etc) : vous ne pouvez pas les utiliser pour des images bitmap !
J’ai rĂ©alisĂ© plusieurs posters avec Inkscape pendant mon doctorat et mes post-doctorats. Inkscape permet en effet d’imprimer des affiches attractives, avec une belle rĂ©solution, oĂą l’on peut facilement intĂ©grer des courbes, des schĂ©mas, des graphiques, etc.
Je vous envoie 5 exemples de posters réalisés avec Inkscape :
Vous pouvez les tĂ©lĂ©charger Ă l’adresse : bit.ly/pack-inkscape-avril
Dans Inkscape, la touche Ctr (« ContrĂ´le ») est un peu une touche magique, qu’on utilise un peu tout le temps.
Voici des exemples de l’effet quand on appuie sur cette touche :
-lorsqu’on dĂ©place un objet ou un noeud, le dĂ©placement sera uniquement horizontal ou vertical
-lorsqu’on redimensionne un objet, le rapport hauteur/largeur de l’objet restera fixe
-lorsqu’on fait une rotation d’un objet, la rotation se fera par pas fixes de 15 degrĂ©s
-lorsqu’on crĂ©e des noeuds avec l’outil Tracer des chemins (courbes de BĂ©zier), les points seront alignĂ©s selon un axe vertical, horizontal ou Ă 45 degrĂ©s
-lorsqu’on crĂ©e une forme (rectangle, ellipse), le rapport hauteur/largeur sera de 1:1, 1:2, 2:1, 1:3, 3:1, etc
-lorsqu’on modifie un motif, on gardera le rapport hauteur/largeur fixe, et les rotations se feront par pas fixes de 15 degrĂ©s
-lorsqu’on utilise la pipette, on appliquera une couleur (plutĂ´t que rĂ©cupĂ©rer une couleur)
-lorsqu’on utilise la molette de la souris, on zoome/dĂ©zoome…
Cette touche est très pratique, on s’y habitue très vite !
Par dĂ©faut, les fichiers SVG sont reprĂ©sentĂ©s par une icĂ´ne dans les dossiers Windows. Cela peut rendre l’identification difficile. Mais vous pouvez prĂ©visualiser les svg comme n’importe quelle image grâce Ă une extension spĂ©ciale, appelĂ©e SVG explorer.
Pour cela, téléchargez le fichier correspondant à votre ordinateur (x64 ou x86) à cette adresse : https://github.com/tibold/svg-explorer-extension/releases
Installez le fichier, redémarrez éventuellement Windows, et voilà !
Il faut que votre dossier soit en mode affichage par icĂ´ne (grande, moyenne ou petite) pour pouvoir visualiser l’image, comme pour les autres images.
Malheureusement, je ne connais pas l’Ă©quivalent sous Mac et Linux…
* Depuis la version 1.0, Inkscape intègre un outil d’insertion d’Ă©quations, basĂ© sur du code LaTeX. Pour l’utiliser, il vous faut aller dans le menu Extensions > Rendu > MathĂ©matiques > LaTeX (pdflatex).
Note : si le menu est grisĂ©, c’est que « pdflatex » n’est pas dĂ©tectĂ© sur votre ordinateur. Dans ce cas, vous pouvez installer par exemple MikTex.
* Cependant, cette solution n’est pas très pratique, car la boite de dialogue est petite, et l’affichage de l’Ă©quation prend plusieurs secondes de temps de calcul. Je vous recommande plutĂ´t d’utiliser un Ă©diteur d’Ă©quation en ligne, type CodeCogs.com
Pour cela, allez Ă l’adresse https://www.codecogs.com/latex/eqneditor.php
Ensuite, Ă©crivez votre Ă©quation avec des commandes LaTeX. Le rĂ©sultat s’affichera automatiquement en-dessous.
Sélectionnez dans le premier déroulant « svg », puis cliquez sur « Click here to Download Image (SVG) »
Vous pouvez maintenant glisser-déposer cette équation dans votre dessin !
Note : cette équation sera sous forme de chemins (courbes de Bézier), donc vous ne pourrez pas la modifier après coup sans refaire le processus à partir de CodeCogs.com.
On peut faire facilement, avec Inkscape, des diagrammes circulaires, type « camembert ». Il suffit d’utiliser l’outil « Cercle » et de dĂ©finir des angles de dĂ©part et d’arrivĂ©e, avec diffĂ©rentes couleurs. A titre d’illustration, le pack de ce mois-ci sera composĂ© de 12 diagrammes humoristiques, avec la source SVG.
Voici quelques exemples :
Pour tĂ©lĂ©charger le pack, c’est Ă cette adresse : bit.ly/pack-inkscape-mars
