====== Dessiner avec Inkscape ====== * Objet : Initiation au dessin avec [[doc:media:inkscape|Inkscape]]. * Niveau requis : {{tag>débutant}} * Commentaires : //Apprendre à dessiner en utilisant les courbes de Bézier. // * But : se familiariser à [[doc:media:inkscape|Inkscape]] :-) ===== Introduction ===== Ce tutoriel regroupe l'essentiel pour débuter l'utilisation d' [[doc:media:inkscape|Inkscape]] et inciter l'intérêt à découvrir ce programme plus en profondeur par la suite. Nous allons voir les fonctions de base d' [[doc:media:inkscape|Inkscape]] afin de réaliser des graphismes sympas au format [[https://fr.wikipedia.org/wiki/Scalable_Vector_Graphics|SVG]] qui offre un sacré avantage, la redimension sans perte. ===== Installation ===== mettre à jour le système: apt update & upgrade installer Inkscape: apt install inkscape ===== Ouvrir Inkscape ===== À partir du **menu**, **graphisme**, **Inkscape** ou entrez dans le terminal la commande inkscape ===== Premiers pas ===== Lors du démarrage d' [[doc:media:inkscape|Inkscape]] un format est automatiquement attribué, nous allons donc choisir pour cet exemple de créer un format pour fond d'écran de **1920x1080**. - **Clic** sur **Fichier** puis - **Nouveau à partir d'un modèle**... {{/file-R626e187593ea036041033c7b0372e8d4.png}} - Le choix est vaste... prenons **Desktop** - Choisissons la taille **1920x1080(FHD)** puis - **Créer à partir du modèle** {{/file-R184b05d45358f4a942317129ef62e582.png}} **Nous pouvons alors fermer le 1er document et garder celui que nous venons de créer**. ===== Couleur et Dimension du fond ===== - **Clic** sur la couleur de notre choix puis, {{/file-Raf38539caa47f01e96ae53894f0dd981.png}} - **Créer des rectangles et des carrés **dans la boite à outils de gauche ou F4. {{/file-R79d0bc306af4e1d0679c8ea15e7e2420.png}} - **Clic gauche enfoncé** dans un angle du rectangle et l'amener au côté opposé. {{/file-R5c35aedc92b679d8fd5fdeb8b8a3a4e3.png?600}} - La dimension est approximative, **clic** sur l'icône flêche de la boite à outils ou F1, - et ajuster à **1920x1080**, les réglages se trouvent en haut d'Inkscape, **entrez-les manuellement**. {{/file-Rc0625897aab997102395966bacdb1a74.png?600}} - Voici donc un fond de **1920x1080** avec la couleur choisie et qui pourra être changée à tout moment. **Le rectangle crée peut être recentré dans la forme avec l'aide de la souris.** ===== Notre premier dessin ! ===== **Chaque élément crée est selectionnable avec la souris, nous pouvons choisir un, plusieurs ou tous les éléments avec la souris ou par le menu édition. Ceci pour permettre d'agir sur ce(s) élément(s), exemple: Changer de couleur, appliquer un filtre, etc...).** - boite à outils, **Tracer des courbes de Bézier...** {{/file-Rdc3e48fc50306467a04c24cb8e4b95aa.png?600}} **Chaque outil sélectionné fait apparaître en haut d'Inkscape ses réglages.** - Il y a donc en haut 3 principaux réglages: **dessiner des droites**, **des arrondis**, **des courbes**. {{/file-Rdba75cf1d45df9e16af74e6fceac6f32.png?600}} - **Simple clic** pour changer de direction avec la souris et continuer le dessin en suivant son inspiration. - **Double clic** pour arrêter la ligne en cours permet de reprendre le dessin suivant un autre tracé, comme si l'on levait la mine d'un crayon pour reprendre le dessin ailleurs. - **Clic droit** puis **supprimer** pour effacer un truc pas bô. - **Fond**, **Contour** et **Style de contour** sont réglables dans l'onglet **objet** puis **fond et contour**. * Exemple en vidéo: [[https://video.ploud.fr/videos/watch/b691d48d-c087-49e6-a542-1d6b1702372c|{{/file-Re2d37cf89d12fb265b4c43b2ebe05a59.png?600}}]] ===== Quelques indications ===== * **Tracer des courbes de Bézier...** tentez de reproduire une image en la mettant côte à côte avec Inkscape. * **créer des cercles, des ellipses et des arcs** pour dessiner des yeux, la forme d'un visage, ou mon ventre après dîner. * **Édition** puis **Annuler: Supprimer** pour annuler autant de fois que vous avez d'actions, pas grave, même pas côté en bourse! *Démo en vidéo: [[https://video.ploud.fr/videos/watch/696514eb-18e6-424b-8ad5-0998ce858369|{{/file-Rbf63c45847af878d8b7bf7963bff728a.png?600}}]] ===== Aller plus loin avec inkscape ===== [[https://inkscape.org/fr/apprendre/]]