Schémas avec Inkscape
Nous sommes tous amenés à faire des schémas dans des rapports et présentations.
Par manque de temps nous utilisons l’éditeur de dessin présent dans le logiciel de traitement de texte ou de présentation, mettant les nerfs à rude épreuve.
Cela vaut donc le coup de maîtriser directement un logiciel de dessin, demandant un petit temps de prise en main, mais faisant gagner un temps considérable par la suite.
Par ailleurs tant qu’à s’investir dans ce genre de logiciels, mieux vaut déterminer le bon.
D’autres solutions existent par rapport à celles d’Inkscape que je vais présenter :
- libreoffice draw : gratuit, prise en main plus facile, mais plus limité
- dia : trop limité
- MS visio : intéressant mais payant et windows-only, donc à exclure.
- Adobe Illustrator : très cher (Pour les graphistes)
Intérêt d’Inkscape
Inkscape est un logiciel de dessin vectoriel. Autrement dit l’image est sauvegardée non pas sous forme d’un tableau de pixels, mais comme une description xml (position, dimension d’un carré, etc..)
Avantages :
- équivalent à bien des égards gratuit d’illustrator
- Multiplateforme (très important)
- Diagramme Vectoriel au format .svg :
- Modifiable
- affichable avec navigateur web
- Export au format .png possible
- Permet d’importer des schémas pdf (et de les modifier)
- Permet de créer simplement des animations de type ppt ou prezi
Inconvénients :
- une prise en main un peu plus longue mais qui en vaut la peine (compter 2-3 heures pour bien comprendre et maîtriser le logiciel)
- Le rendu d’un schéma peut-être quelque peu modifié par le navigateur web utilisé.
Prise en main
Penser à décocher l’option Fichier –> Préférences d’Inkscape : Transformation : Redimensionner l’épaisseur du contour.
Sinon la largeur des lignes varie quand on modifie une figure (et c’est énervant)
Quelques tutoriels :
Inkscape : Aide –> Didactiels
Travailler intelligemment
On arrive tous assez rapidemment à tracer des formes et des lignes.
Il est important toutefois d’approfondir certains points pour gagner du temps :
- Objet –> Aligner et distribuer (shift+ctrl+A)
- Grouper / Dégrouper
- Utiliser des calques
- Mettre au premier/arrière plan
- Grille
- Aimantation (Afficher –> Afficher/cacher –> Barre de contrôle du magnétisme)
- Guides
Raccourcis importants :
- F1 : Sélectionner
- ctrl+g : Grouper
- ctrl+shift+g : dégrouper
- ctrl+shift+d : Propriétés du document : ajuster la page au dessin ou document
- ctrl+shift+f : Remplissage et contour
REMARQUE : Il existe de nombreuses bibliothèques proposant des dessins en .svg.
Veiller à respecter les droits d’image éventuels.
Taper dans google : [image recherchée] .svg
On peut également importer une image (.png / .jpg), et éventuellement la vectoriser (Chemin : vectoriser le bitmap)
Un Texte dans un Rectangle
Créer et éditer des objets Texte (F8)
Cliquer sur la figure à l’emplacement souhaité
Taper le texte, modifier la mise en forme
Créer un Rectangle
Objet –> Descendre à l’arrière plan
Sélectionner le texte et le rectangle :
- Aligner et distribuer : Centrer selon axe vertical et horizontal
- Objet –> Grouper
Importer un pdf
Il peut être intéressant de récupérer un schéma dans une documentation pour y ajouter des éléments ou simplement des couleurs.
Fichier –> importer
sélectionner le document pdf et la page désirée.
Tout est alors groupé ; sélectionner l’ensemble et appuyer plusieurs fois sur dégrouper.
Effacer les éléments inutiles de la page et redimensionner la page en ajustant à la sélection (ctrl+shift+d)
On peut alors modifier le dessin en y ajoutant par exemple des couleurs
Rogner une image
La fonction rogner n’apparait pas directement ; néanmoins cela est bien sûr possible:
Fichier –> Importer (.png/.jpg)
Dessiner un carré sur la zone à sélectionner
Sélectionner le carré + l’image :
Objet –> Découpe : Définir
Organigrammes avec Connecteurs
Créer des rectangles + texte
Grouper chaque élément rectancle + texte
Aligner et Distribuer
Créer des Connecteurs |
|
Résultat : Le connecteur bouge avec une case |
|
Insérer des formules mathématiques Latex
Installation de Tex Text
Télécharger Tex Text :
https://pav.iki.fi/software/textext/
Extraire le .tar.gz dans ~/.config/inkscape/extensions/
Utilisation de Tex Text
Pour Ecrire facilement des formules latex en ligne :
www.codecogs.com/latex/eqneditor.php
Penser à enregistrer les formules latex dans un fichier texte.
Inkscape : Extensions –> Tex Text
Dans la partie Text:
Résultat :
Pour modifier :
Object -> Transformer -> Matrice
Insérer des caractères Grecs
Texte –> Glyphes
Sous-ensemble : Grec et Copte
Les caractères spéciaux disponibles dépendent de la police utilisée
Pour le grec la police ‘Latin Modern’ est pas mal
Placer une zone de texte sur le dessin
Sélectionner le caractère désiré –> Ajouter
Créer une animation avec Jessyink
Pour améliorer la compréhension d’un schéma il peut être avantageux de faire appraitre/disparaitre au clic les différents éléments. Extensions –> Jessyink : Installation / Mise à jour
Dessiner les différentes séquences (comme les cases d’une BD)
Placer également des numéros pour les ordre d’apparition et de disparition. (très utile pour un schéma plus complexe)
Sauvegarder cette version du schéma sous un autre nom
Appliquer les effets d’apparition et de disparition
Extensions –> Jessyink –> Effets Sélectionner alors la forme sur laquelle on veut appliquer un effet d’apparition et/ou de disparition.
Appliquer cela sur les autres formes (la fenêtre effets peut rester ouverte)
Positionner les éléments sur la figure
Penser à utiliser Objet –> Aligner et Distribuer au besoin
Effacer les numéros, tester avec le naviagateur web
Cliquer sur la figure ci-dessous :
Embarquer l’animation dans une page html
<embed id="animation" src="./INKSCAPE_/illustrations/animation_3.svg" height="auto" width="300px" border="1px" />
Créer un diaporama avec (éventuellement) animations type prezi
Prezi est un éditeur de diaporama permettant de “se promener” sur une figure.
Sans abuser de ce genre de présentations, ce procédé peut être interressant pour focaliser l’attention sur différentes parties d’une figure complexe.
L’inconvénient de Prezi est qu’il est en ligne exclusivement et plutôt fermé.
De toutes façons il est possible de faire exactement la même chose avec Inkscape et l’extension Jessyink.
Diaporama avec Inkscape-Jessyink
Avec Inkscape-Jessyink, un slide == Calque (Layer)
Propriétés du Document (Maj+Ctrl+D) –>
- Largeur : 640
- Hauteur : 480
Création du masque des Slides
Calques (Maj+Ctrl+L) : Renommer le calque : master
Extensions –> Jessyink : Diapositive maîtresse : master
Ajouter du Texte : Titre
Sélectionner Titre –> Extensions –> Jessyink : Textes Automatiques : Titre de la diapositive
Ajouter du Texte : N°
Sélectionner Titre –> Extensions –> Jessyink : Textes Automatiques : Numéro de diapositive
Ajouter des slides
Calques –> Ajouter un calque (+)
Le nom du calque correspondra au titre automatiquement.
Vérifier dans l’explorateur web : REM : F11 pour affichage plein écran.
Promenade sur une figure
Créer la figure
Placer des rectangles sur les zones à focaliser (les mettre en arrière plan).
Sélectionner chaque rectangle et faire Extensions –> Jessyink –> Vue
Appliquer un ordre de focalisation pour chaque rectangle
Cliquer sur la figure ci dessous:
Insérer du texte avec coloration syntaxique
Télécharger InkSyntax :
http://emilien.tlapale.com/code/inksyntax
Extraitre le contenu du répertoire inksyntax dans ~/.config/inkscape/extensions
Dans le fichier inksyntax.py, ajouter :
import gi
gi.require_version(‘Gtk’, ‘3.0’)
Inkscape : Extensions –> Texte –> InkSyntax