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

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)

Inkscape peut arranger automatiquement vos objets pour les ranger sous forme de tableau, avec des éléments en ligne et en colonne.

* Sélectionnez vos objets à organiser, puis allez dans le menu Objet > Organiser
* Définissez le nombre de lignes (ou de colonnes) désiré. Le nombre de colonnes (respectivement de lignes) correspondant sera ajusté automatique en fonction de votre nombre d’objets. Si cela ne tombe pas juste, la dernière ligne sera incomplète.
* Définissez l’espacement horizontal et vertical entre chaque objet. Avec une valeur à 0, les objets seront collés, avec une valeur positive, ils seront espacés du nombre de pixels indiqués, et avec une valeur négative, les objets seront superposés.
* Appuyez sur Organiser. Attention, si vous utilisez des objets différents, comme dans l’exemple ci-dessous, l’ordre final n’est pas facilement prévisible.

  Pour organiser vos objets le long d’un cercle, il vous faut d’abord créer un cercle qui servira de référence pour vos objets.
* Sélectionnez vos objets à organiser + votre cercle, , puis allez dans le menu Objet > Organiser
* Allez dans l’onglet « Coordonnées polaires »
* Décochez « Tourner les objets » si vous voulez que les objets restent dans la même direction le long du cercle (comme les chiffres d’une horloge) ; sinon, il tourneront en fonction de leur position dans le cercle.
* Appuyez sur Organiser. Vous pouvez maintenant supprimer votre cercle de référence.

Inkscape peut tracer quelques fonctions basiques, comme Matlab ou Python.
  * Pour cela, tracez un rectangle, avec un contour noir et un fond transparent.
* Sélectionner votre rectangle, puis allez dans le menu Extensions > Rendu > Traceur de fonction * Choisissez les valeurs de X de début et de fin. Elles correspondront aux valeurs des abscisses, de la gauche à la droite de votre rectangle.
* Choisissez les valeurs de Y du bas et du haut. Elles correspondront aux valeurs des ordonnées, du bas au haut de votre rectangle.
* Choisissez le nombre d’échantillons, c’est à dire le nombre de segments de votre courbe. Je recommande au moins 100.
* Décochez la case « Utiliser les coordonnées polaires », qui est cochée par défaut. * Écrivez votre formule, en fonction de x. Par exemple : sin(x)*exp(-x/10) La liste de fonctions accessibles peut être trouvée dans l’onglet « fonctions ». * Appuyez sur Valider, et votre courbe s’affiche dans le rectangle !