Catégorie : 🛠️ 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 !

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 :

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.

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.

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.

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 🙂

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

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

La nouvelle version d’Inkscape a introduit les « effets de chemin », qui offrent beaucoup de nouvelles possibilités. En voici une qui permet d’obtenir de jolis effets de perspective. Vous pouvez cependant appliquer cet effet à des chemins uniquement, pas à une forme (rectangle, cercle, …) ou du texte. Si vous voulez quand même modifier une forme ou du texte, vous devez d’abord le transformer en chemin, en allant dans le menu Chemin > Objet en chemin.

* Sélectionnez votre chemin (ou forme/texte transformé en chemin), allez dans Chemin > Effets de Chemin, cliquez sur le bouton « + » de la fenêtre qui s’ouvre, et sélectionnez « Perspective et enveloppe ».

* Utilisez l’outil « Editer les noeuds » (flèche secondaire de la barre d’outil). Vous pouvez maintenant déformer le coins de votre objet, et donner un effet de perspective !

* Pour vous faciliter la tâche, vous pouvez cocher des cases pour que vos déformations soient symétriques à gauche et à droite, ou en haut et en bas, ou encore pour définir exactement les coordonnées des nouveaux coins.

Il y a d’autres façons de faire des perspectives, mais celle-ci est la plus simple. Vous pouvez entre autres faire facilement un texte penché à la « Star Wars » !

Vous pouvez, grâce à Inkscape, mettre un texte selon une ligne courbe. Cela peut être utile pour une flèche, un logo, etc.

  * Pour cela, commencez par écrire le texte que vous voulez déformer. Pensez à aligner le texte sur la gauche, la droite ou le centrer selon l’effet voulu.
* Ensuite, dessinez, à l’aide de l’outil Chemin (« Tracer des courbes de Bézier ») la ligne que devra suivre le texte. Vous pouvez aussi utiliser un cercle ou une autre forme.
* Sélectionnez le texte et le chemin à suivre, puis allez dans le menu Texte > Aligner suivant un chemin.

Optionnel : Faites disparaitre la ligne du texte en supprimant le contour dans l’outil « Fond et Contour ». Attention, la ligne risque d’être difficile à sélectionner par la suite, donc il vaut mieux le faire à la toute fin.

Exemple (en haut, ligne affichée ; en bas, ligne supprimée)