Traduction
Tutoriel Inkscape - sommaire
Tutoriel Inkscape - recherche
L'auteur : Patrick Darcheville
Vous pouvez me contacter via Facebook pour questions & suggestions :
Page Facebook relative à mon site
Vous pouvez me contacter via Facebook pour questions & suggestions :
Page Facebook relative à mon site
Draw est l’outil de dessin vectoriel de la suite bureautique gratuite LibreOffice.
Les dessins vectoriels réalisés facilement avec ce module de Libre Office sont en principe destinés à être imprimés.
Le format par défaut d'un document Draw est odg ; format non reconnu pas les navigateurs.
Mais et c'est là que l'outil devient intéressant pour un développeur web, il est possible d'exporter un dessin vectoriel conçu avec Draw au format SVG.
Cette version SVG peut bien sûr, être ouverte avec Inkcape.
Vous pouvez aussi exporter avec un format matriciel : gif, jpeg, etc.
Les versions matricielles ou SVG de vos documents Draw peuvent être intégrées dans des pages web via la balise IMG.
Installer éventuellement la suite bureautique gratuite LibreOffice.
Il suffit d'aller sur le site https://www.libreoffice.org.
Il suffit de lancer LibreOffice, de demander à créer un "nouveau dessin" ou d'ouvrir un dessin existant.
Selon moi l'apprentissage du dessin vectoriel est beaucoup plus rapide car plus intuitive avec Draw qu'avec Inkscape.
Dès que vous créer un nouveau dessin (ou ouvrez un dessin existant) vous arrivez à l'interface de l'outil.
Vous accédez aussi à cette interface si vous double-cliquez sur un document draw à partir de l'explorateur de fichiers.
Sous la barre de menus vous avec la barre d'outils "standard".
A gauche, la barre la plus importante : la barre d'outil "dessin"
A droite le volet latéral qui indique pour le moment les propriétés du document.
Pour le moment vous pouvez modifier le format d'impression du document, le mode d'orientation et le type de marge.
Vous pouvez aussi créer un arrière-plan à votre document : une image ou une couleur ou un dégradé de couleurs.
L'un des avantages de Draw par rapport à Inkscape est qu'il propose davantage de modèles de formes que ce soit pour les formes de base, les flèches,
les étoiles, etc.
Ainsi si vous voulez dessinez un rectangle avec angles arrondis vous trouvez un modèle dans la commande "formes de base" de la barre d'outils "dessin".
Même remarque pour le carré arrondi.
Un modèle pour le cercle et un autre pour l'ellipse et non pas un seul.
Ci-dessous deux documents draw dans lesquels j'ai inséré toutes les "formes de base" possibles c'est à dire les modèles de forme proposés
par la commande "formes de base".
Remarquez que je dispose d'office de rectangles, carrés arrondis et d'arcs de cercle.
Pour que les documents draw puisssent s'afficher correctement dans la page web, je les ai exporté au format JPEG mais j'aurais pu exporter
au format SVG ...
Attention le poids du fichier matriciel est trois fois plus lourd que l'équivalent vectoriel.
Dans la barre "dessin" et sous la commande "formes de base" il y a la commande "formes de ssymboles" qui vous propose des formes amusantes.
Si vous ne trouvez pas votre bonheur dans tous ces modèles c'est que vous êtes difficile.
Ci-dessous un document draw avec des lignes, des flèches simples, des courbes et polygones.
Les lignes ont été modifiées ; épaisseur, couleur, style de ligne. Il suffit de sélectionner la ligne. Observez alors le volet latéral : les commandes relatives aux lignes sont désormais disponibles.
Grâce à la commande "Courbes et polygones" vous pouvez dessiner des courbes pleines ou vides et dessiner à main levée des formes pleines ou vides.
Un vaste choix d'étoiles et de bannières.
Et oui on peut dessiner en 3D avec Draw.
Dès qu'on a sélectionné une forme (8 carrés blancs l'encadrent alors) de nombreuses commandes sont proposées dans le volet latéral.
Le premier rectangle arrondi a été ombré. Voir partie "ombre" du volet. On peut jouer sur l'angle, le floutage, la couleur d'ombre, la distance.
Dans le deuxième rectangle arrondi j'ai augmenté l'arrondi, il suffit de déplacer le petit rond gris. J'ai aussi appliqué un dégradé linéaire de bleu vers bleu clair : partie "zone" dans le volet.
Pour le cercle j'ai appliqué un bord flou de rayon 10pt (partie "effet" dans le volet).
J'ai ensuite deux formes de base surperposées. L'ellipse a un bord flou de 10pt.
Quant au rectangle il est transparent à 50% et borduré en or (partie "ligne" dans le volet).
Pour le carré arrondi : hallo de 10pt de couleur "brique" (partie "effet" du volet).
Pour supprimer ou modifier la bordure d'une forme il utiliser les commandes de la partie "lignes" dans le volet latéral.
Quand deux formes ou plusieurs formes simples se juxtaposent il peut être intéressant de leur appliquer une opération dite boolénne
(fusion (ou union), soustraction, intersection, etc.) pour obtenir un objet complexe.
Procédure : sélectionner toutes les formes (Appuyez sur MAJ pour opérer une sélection multiple) puis commande Forme/fusionner ou soustraire ou intersecter
Attention la commande "bord flou" n'est pas toujours disponible.
Elle ne s'applique pas à des objets complexes comme les segments d'arc, les polygones à 45%, les objets découlant de fusion.
L'astuce consiste alors à grouper les formes simples (sélection multiple puis clic droit) et d'appliquer ensuite le floutage au groupe.
Dans le document ci-dessus je ne suis pas arrivé à flouter : un polygone à 45°, un segment d'arc et une union de deux formes.
A chaque fois je vous montre l'astuce pour obtenir le même rendu graphique.