Skip to content
Logo

Dessin Scientifique avec Inkscape

by Pol Grasland-Mongrain

  • 🏠
  • 🛠️ Outils
  • 💡 Astuces
  • ⌨️ Raccourcis
  • 🖼️ Packs
  • ||
  • 🎓 Formations
  • 📩 Infolettre
  • ℹ️ A propos

Catégorie : 🛠️ Outils

🛠️ Dessiner une accolade

Posted on 8 novembre 20228 novembre 2022 By PolGM Aucun commentaire sur 🛠️ Dessiner une accolade
🛠️ Dessiner une accolade
🛠️ Outils

Il m’arrive régulièrement de dessiner une accolade « manuellement » dans mes schémas. Voici comment en faire une propre et adaptée à vos besoins.

  1. Sélectionnez l’outil « tracer des courbes de Bézier et des segments de droite ».
  2. Faites trois points à peu près sur une ligne verticale, et le point central légèrement décalé.
  3. Cliquez sur l’outil « Editer les noeuds ou les poignées de contrôle d’un chemin » (aussi appelée flèche secondaire), dans la barre d’outils à gauche.
  4. Allez dans le menu Chemin > Aligner et Distribuer. Sélectionnez le noeud du haut et celui du bas, et dans la section « Aligner les noeuds », cliquez sur « Aligner verticalement ». Puis sélectionnez les trois noeuds, puis dans la section « Distribuer les noeuds », cliquez sur « Distribuer verticalement ».
  5. Ensuite, sédans la barre d’outils en haut, cliquez sur « Rendez courbes les segments sélectionnés » : des guides (lignes bleues) devraient apparaitre à chaque noeud.
  6. Mettez chaque guide horizontal, en appuyant sur la touche Controle, avec une taille égale à la largeur de votre accolade.

Et voilà ! Vous avez une jolie accolade, que vous pouvez faire dans n’importe quel sens et n’importe quelle taille !

🛠️ Dessiner une grille

Posted on 4 septembre 20223 septembre 2022 By PolGM Aucun commentaire sur 🛠️ Dessiner une grille
🛠️ Dessiner une grille
🛠️ Outils

Dessiner une grille peut se faire simplement en traçant manuellement des lignes ou des rectangles. Mais un outil spécifique existe, autant l’utiliser !

Pendant longtemps, pour dessiner un tableau avec une grille, je dessinais simplement des lignes horizontales ou verticales. Ça fonctionne, mais c’est un peu fastidieux. J’ai trouvé depuis un outil spécial simple d’utilisation qui permet de faire ça plus rapidement, en quelques clics seulement.

Pour cela, allez dans le menu Extension > Rendu > Grille.
Vous avez le choix entre plusieurs items :
 – Grille cartésienne : dessiner une grille rectangulaire, genre pour un tableau, avec des lignes et des colonnes de taille et espacement défini
 – Grille isométrique : dessiner une grille « triangulaire » (angles de 120 degrés entre les lignes, lignes selon 3 directions)
 – Grille polaire : dessiner une grille circulaire, style écran de sous-marin
 – Grille… : remplir l’espace de travail avec une grille cartésienne

Il y a quelques options dans chacune des fenêtres, vous pouvez voir directement le résultat en cochant la case « Aperçu en direct ».

🛠️ Dessiner un enroulement

Posted on 2 mars 20221 mars 2022 By PolGM Aucun commentaire sur 🛠️ Dessiner un enroulement
🛠️ Dessiner un enroulement
🛠️ Outils

Dessiner un enroulement consiste à faire des cercles avec un décalage progressif. Cela permet de dessiner des enroulements comme des solénoïdes, des brins ADN, des ressorts et de nombreuses autres choses.

Il n’y a pas de fonction dédiée au dessin d’enroulements dans Inkscape, donc il faut ruser un peu. Voici une méthode :

  1. Commencez par dessiner deux moitiés d’ellipse. Les deux moitiés doivent avoir la même hauteur, mais la partie du bas sera plus large que celle du haut. Alignez sur la droite les deux moitiés de l’ellipse.
  2. Groupez ce bloc, puis copiez-collez le. Placez l’objet collé dans la continuité du précédent bloc.
  3. Recommencez – vous pouvez grouper votre ensemble de deux blocs et le copier-coller, puis de même avec 4 blocs, puis 8 blocs, etc, pour faire grossir rapidement votre enroulement
  4. Vous pouvez représenter un enroulement plus serré en diminuant la différence de largeur entre la partie du bas et du haut.
  5. Vous pouvez bien sûr alterner les parties serrées et lâches du ressort.

Si vous voulez faire un enroulement plus complexe, qui ne suit pas une ligne droite, reprenez à l’étape 1, et transformez vos demi ellipses en chemin avec l’outil Chemin > Objet en chemin ; puis fusionnez les 2 noeuds qui se touchent en 1 seul pour pouvoir avoir un seul objet. Copiez cet objet (Ctr+C)

Ensuite, dessinez la ligne qu’est censée suivre l’enroulement – par exemple une forme sinusoidale (7). Sélectionnez votre ligne, puis allez dans le menu Objet > Effet de chemin et choisissez « Motif suivant un chemin« . Cliquez sur la 4e icône à côté de « Source du motif », nommée « coller le presse-papier ».

Cela va coller votre enroulement sur votre chemin. Si votre enroulement n’est pas connecté les uns aux autres, diminuez l’espacement entre 2 enroulement jusqu’à ce que la connexion soit faite.

Voilà, ce tutoriel est un peu plus difficile que d’habitude, mais une fois maitrisé, vous pourrez faire de très jolis enroulements !

🛠️ Dessiner une molécule

Posted on 1 février 202228 janvier 2022 By PolGM Aucun commentaire sur 🛠️ Dessiner une molécule
🛠️ Dessiner une molécule
🛠️ Outils

Représenter des molécules en forme semi-développée ou topologique

Vous pouvez représenter aisément des molécules chimiques en forme semi-développée ou topologique avec Inkscape, en suivant quelques préconisations que je vous présente ici.

* Si ce n’est pas déjà le cas, activez le magnétisme (bouton avec un point bleu, un point vert et une flèche noir, sur la barre d’outil en haut ou à droite ; ou bien le raccourci clavier %).
Ensuite, allez dans le menu Fichier > Propriétés du document, puis dans l’onglet « Grille ». Choisissez « Grille Axonométrique (3D) » dans le menu, mettez « 8 » dans la case « Grille principale », et cliquez enfin sur le bouton « Nouveau ».
Note : lorsqu’on enregistre ou exporte la figure, la grille disparait, c’est juste une aide de construction.

* Vous aurez maintenant une belle grille hexagonale, sur laquelle vous allez pouvoir vous baser pour représenter votre molécule. Il vous suffit de tracer des chemins grâce à l’outil « Tracer des courbes de Bézier des segments de droite » ; et de mettre les atomes grâce à l’outil texte (recommandation : Arial, taille 10).

* Pour représenter une liaison simple, faite un chemin d’un sommet principal de la grille à un autre.
Pour faire des doubles liaisons, faites 2 traits parallèles séparés de 2 unités de grille d’un sommet principal.
Pour ajouter un atome (O, N, etc), arrêtez votre trait 2 unités de grille avant le sommet principal.
Pour mettre un indice (le 3 de CH3), prenez l’outil texte, sélectionnez le chiffre à mettre en indice, puis cliquez sur le bouton « mettre en indice » sur la barre d’outil en haut.

…et c’est à peu près tout !

Voici, à titre d’exemple, une représentation de la molécule de caféine :

🛠️ Insérer un symbole

Posted on 8 décembre 20217 décembre 2021 By PolGM Aucun commentaire sur 🛠️ Insérer un symbole
🛠️ Insérer un symbole
🛠️ Outils

Vous pouvez insérer des symboles variés dans Inkscape, basés sur le système Unicode

Lorsque vous écrivez un texte en français ou en anglais, les lettres latines (A à Z), chiffres (0 à 9) et quelques symboles de ponctuation sont la plupart du temps suffisants.
Mais en science, on a parfois besoin de symboles plus spécifiques, comme les lettres grecques, des opérateurs mathématiques, etc.
Vous avez plusieurs façons d’insérer des symboles dans Inkscape. Je vous présente celle que j’utilise la plus souvent.

1) Prenez l’outil « texte », et écrivez quelques caractères quelque part dans votre document.
2) Choisissez une police de caractère comme Cambria Math (Windows), STIX (Mac), DejaVu (Linux). Toutes les polices de caractère n’ont pas forcément les symboles pour les lettres grecques ou opérateurs mathématiques, mais celles-ci oui.
3) Allez dans le menu Texte > Caractères Unicode
4) Dans le petit menu Sous-ensemble, choisissez la catégorie qui vous intéresse, par exemple « Grec et Copte »
5) Cliquez sur le symbole que vous souhaitez avoir dans le tableau en dessous, puis cliquez sur le bouton « ajouter »

Votre symbole a normalement dû être ajouté à la fin de votre texte. Vous pouvez par la suite copier-coller celui-ci sans refaire toute la procédure !
En alternative, vous pouvez aussi aller chercher le symbole sur internet, par exemple dans une table Unicode, et copier-coller celui-ci dans Inkscape.

🛠️ Les QR Codes

Posted on 2 novembre 20212 novembre 2021 By PolGM Aucun commentaire sur 🛠️ Les QR Codes
🛠️ Les QR Codes
🛠️ Outils

Vous pouvez créer vos propres QR codes à l’aide d’une fonction dédiée sur Inkscape

Les QR codes sont des codes barres en 2D contenant des caractères alphanumériques – typiquement une adresse web. Ils sont lisibles par la plupart des smartphones, avec une application dédiée. C’est revenu à la mode avec la pandémie de COVID, car c’est plutôt pratique d’utilisation.

Voici un guide pour créer le votre.

1) Allez dans le menu Extensions > Rendu > Code-barres > QR Code

2) Ecrivez votre texte en haut. Plus vous mettez de texte, plus le QR Code devra être grand (en nombre de carrés). On met souvent une adresse web, mais vous pouvez mettre n’importe quel texte.

3) Par défaut, votre QR code sera en noir sur fond blanc, mais vous pouvez mettre du blanc sur fond noir en cochant « Inverser le QR code ». Cependant je vous déconseille de cocher cette case, car j’ai remarqué que QR code n’était pas bien reconnu par beaucoup d’applis dans ce cas.

4) Cliquez sur Appliquer, et le QR code apparait sur votre feuille !

Astuce : Vous pouvez changer la couleur de votre QR Code, en dégroupant les 2 formes, et en choisissant indépendamment la couleur de la forme intérieure et du carré autour.

🛠️ Les motifs (2/2)

Posted on 3 octobre 20212 octobre 2021 By PolGM Aucun commentaire sur 🛠️ Les motifs (2/2)
🛠️ Les motifs (2/2)
🛠️ Outils

Ce tuto fait suite à la première partie sur les motifs, disponible à cette adresse : https://www.ds-inkscape.net/outils/%f0%9f%9b%a0%ef%b8%8f-les-motifs-1-2/

Vous pouvez aussi faire vos propres motifs, avec un élément de base que vous aurez dessiné vous-mêmes.

1) Commencez par dessiner votre élément. Ca peut être n’importe quel objet, rectangle, rond, texte, chemin tracé à la main, etc. Si vous avez plusieurs éléments, il faut penser à les regrouper ensembles (Ctr+G) pour n’avoir qu’un seul objet sélectionné.

2) Sélectionnez votre objet, puis allez dans le menu Objet > Motif > Objet en motif

3) Votre motif est enregistré ! Pour l’appliquer à un objet, allez dans fond et contours, sélectionnez Motif comme type de couleur, puis choisissez le 1er item de la liste (ce sont les motifs personnalisés). Il devrait avoir un nom du type « pattern1820 » (le nombre est aléatoire)

4) Pour déplacer l’origine de votre motif, le tourner ou changer sa taille, vous devez chercher la croix, le rond et le carré blancs comme pour les motifs normaux. Cependant, ceux-ci sont rarement en haut à gauche de votre feuille, il faut parfois aller les chercher loin – n’hésitez pas à dézoomer beaucoup

Astuce : si vous voulez un élément de base qui ne se touche pas dans votre motif final, vous pouvez créer un rectangle transparent autour de votre élément de base (ça servira de bordure), puis faire un groupe avec votre image, et transformer l’ensemble en motif.

🛠️ Les motifs (1/2)

Posted on 1 septembre 202131 août 2021 By PolGM Aucun commentaire sur 🛠️ Les motifs (1/2)
🛠️ Les motifs (1/2)
🛠️ Outils

Vous pouvez colorier vos formes avec plusieurs types de remplissage : une couleur unie, un dégradé de couleur linéaire, un dégradé radial, ou encore les motifs.

Les motifs fonctionnent de manière un peu particulière, et on va voir comment les utiliser.

1) Commencez par dessiner une forme, par exemple un rectangle. Sélectionnez la forme, puis allez dans le menu Objet > Fond et contour

2) Dans l’onglet « Fond », cliquez sur la 6e petite icône, celle en forme de losanges. Votre forme devrait maintenant être remplie avec des lignes noires verticales : il s’agit de votre motif !

3) Vous pouvez changer le type de motif (rayures, damiers, vagues…) ou la taille des motifs (rayures serrées ou larges) dans le menu déroulant de l’onglet Fond et Contour.
Notez que par défaut, vous n’avez accès qu’à deux couleurs : noir ou blanc. Vous pouvez néanmoins créer facilement du gris en mettant du noir et en diminuant l’opacité de votre objet (en bas de l’onglet « Fond et Contour »).

4) Ensuite, choisissez l’outil « Editer les noeuds » (flèche secondaire), dézoomez, et cherchez dans votre zone de travail un ensemble de trois symboles : une petite croix, un petit carré blanc et un petit rond blanc. Ils sont généralement dans le coin en haut à gauche de votre espace de travail.
Cherchez les 3 symboles ci-dessus

5) Chacun de ces symboles a une utilité dans le motif :
– déplacez la croix pour déplacer l’origine du motif ;
– déplacez le carré pour changer la taille du motif ;
– déplacez le cercle pour changer l’orientation du motif.

Astuce : en laissant appuyé sur la touche Ctr (Contrôle) de votre clavier, vous déplacerez l’origine du motif selon un axe vertical ou horizontal ; vous garderez le rapport hauteur sur largeur fixe lorsque vous changez la taille ; et vous ferez des rotations de 15 degrés en modifiant l’orientation.

Voilà, vous avez vu les bases de la création de motifs, essayez un peu pour vous familiariser !

Les motifs par défaut sont cependant assez génériques (rayures, damiers, etc) : ils conviennent pour de nombreux usages, mais peut-être voudrez-vous faire vos propres motifs ? C’est ce que l’on verra dans le prochain article 🙂

🛠️Découper une image bitmap

Posted on 1 mai 202131 août 2021 By PolGM Aucun commentaire sur 🛠️Découper une image bitmap
🛠️Découper une image bitmap
🛠️ Outils

* 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 !

🛠️ Insérer des équations type LaTeX dans votre dessin

Posted on 1 avril 202131 août 2021 By PolGM Aucun commentaire sur 🛠️ Insérer des équations type LaTeX dans votre dessin
🛠️ Insérer des équations type LaTeX dans votre dessin
🛠️ Outils

* 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.

Navigation des articles

1 2 Suivant

À propos de ce site

Bienvenue sur le blog Dessin Scientifique avec Inkscape !

Je suis Pol Grasland-Mongrain et je vous propose de voir comment utiliser Inkscape pour le dessin scientifique, avec tutoriels, astuces, packs à télécharger, et dates de mes prochaines formations.

Pour toute question, remarque, suggestion : pol.grasland-mongrain AT ens-lyon.org

Formations

Vous souhaitez apprendre à utiliser Inkscape, ou vous perfectionner ? Je donne régulièrement des formations sur le sujet.
Pour en savoir plus, consultez la page Formations

Inscrivez-vous à l’infolettre

Inscrivez-vous gratuitement pour ne rater aucune infolettre et recevoir le contenu exclusif aux abonnés. Garanti sans spam...
* indicates required

Rechercher sur le blog

Theme: Oceanly by ScriptsTown