%% nav-debut : généré par gen_navigation.py, ne pas modifier à la main %% > [!nav] > ↩ [[Design et Création Numérique/Communication/DAO/DAO|Accueil · DAO]] > > | [[Design et Création Numérique/Communication/DAO/02_S'entraîner - Mini-jeux DAO\|← 02_S'entraîner - Mini-jeux DAO]] | [[Design et Création Numérique/Communication/DAO/04_Exercice guidé\|04_Exercice guidé →]] | > |:---|---:| %% nav-fin %% ![[Pasted image 20260922112220.png]] > [!note] À savoir > - Vous pouvez installer le logiciel Inkscape sur votre ordinateur : [télécharger ici](https://inkscape.org/fr/release/inkscape-1.4/?latest=1). > Le logiciel est disponible sur tous les PC d'UniLaSalle Dans cette page destinée à prendre en main le logiciel Inkscape, nous allons voir les principales fonctionnalités qui seront nécessaires à la bonne utilisation du logiciel. # L'interface globale du logiciel > - Sur la gauche : Les outils de **création** > - En haut : les **options** de ces outils, se met à jour en fonction de l'outil sélectionné > - Le panneau de droite : Accès aux outils de **gestion** <div style="position:relative;width:100%;aspect-ratio:16/9;"> <iframe src="https://www.youtube-nocookie.com/embed/tuEt45WOLys?rel=0" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allowfullscreen></iframe> </div> [Ouvrir la vidéo sur YouTube](https://youtu.be/tuEt45WOLys) # Fond et contour 🎨 *Objet > Fond et contour, puis bandeau de droite* > - La gestion des **propriétés graphiques** de chaque élément se fait via ce menu > - Ce panneau d'outil vous sera utile afin de modifier le **Fond** et le **Contour** de chaque forme : Pas de remplissage, Aplat, dégradé, etc... > - Mais aussi le **Style de contour** : épaisseur, pointillés, etc... <div style="position:relative;width:100%;aspect-ratio:16/9;"> <iframe src="https://www.youtube-nocookie.com/embed/d8wUmwdo0VU?rel=0" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allowfullscreen></iframe> </div> [Ouvrir la vidéo sur YouTube](https://youtu.be/d8wUmwdo0VU) # Calques et objets 🗂️ *Objet > Calque et objet, puis bandeau de droite* > - Ce menu permet de visualiser chaque élément créer sous forme d'éléments. Mais surtout de pouvoir **organiser votre travail** > - Pour **organiser** ces éléments, nous allons créer des **calques**, l'équivalent d'un **dossier** > - L'**ordre** des éléments dans un calque impacte directement **l'ordre d'affichage**, si un élément est placé en **haut** d'un calque, il sera au **premier plan** > - De même façon, un **calque placé plus haut** qu'un autre dans notre liste de claque, **s'affichera en priorité**. > - Ce panneau nous permet également de **cacher ou d'afficher** des éléments ou des calques, mais aussi de les **verrouiller**, ou bien même d'appliquer une **transparence**> <div style="position:relative;width:100%;aspect-ratio:16/9;"> <iframe src="https://www.youtube-nocookie.com/embed/ADoErgysjHk?rel=0" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allowfullscreen></iframe> </div> [Ouvrir la vidéo sur YouTube](https://youtu.be/ADoErgysjHk) > [!note] À savoir ❌ > - Pour supprimer un élément, cliquez dessus et appuyez simplement sur *Suppr* # L'outil Plume ✒️ *Dans la barre d'outil de gauche* > - Il fonctionne avec le même principe que lors du [The Bezier Game](https://bezier.method.ac/). > - Sur Inkscape : > Pour contraindre à l'horizontale, à la verticale (et tous les 15°) --> Maintenir *Ctrl* > Pour dissocier les deux tangentes --> Maintenir *Shift* > - Pour valider le tracer : *Enter* ou rejoindre le point de départ > - Pour annuler le tracer : *Échap* <div style="position:relative;width:100%;aspect-ratio:16/9;"> <iframe src="https://www.youtube-nocookie.com/embed/T-7LcGCGs9o?rel=0" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allowfullscreen></iframe> </div> [Ouvrir la vidéo sur YouTube](https://youtu.be/T-7LcGCGs9o) # L'outil Noeud 🔸 *en haut à gauche de votre logiciel, 2eme outil de sélection* > - Il est essentiel pour modifier ses tracés sans devoir tout refaire. > - Contrairement à l'outil de sélection classique, celui ci permet de **déplacer des nœuds et les tangentes qui lui sont associés** > - Quelques options disponibles via la barre d'outils haute : > - Créer des tangentes à un nœud qui n'en aurait pas (le rendre doux) > - Supprimer des tangentes à un noeud (le rendre dur) > - Rajouter un nœud sur une section sélectionnée <div style="position:relative;width:100%;aspect-ratio:16/9;"> <iframe src="https://www.youtube-nocookie.com/embed/Cbd81jS2_lI?rel=0" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allowfullscreen></iframe> </div> [Ouvrir la vidéo sur YouTube](https://youtu.be/Cbd81jS2_lI) # Activer le magnétisme 🧲 *En haut à droite de votre logiciel* > - Activer cette option vous permet de vous placer avec **précision** sur un élément existant, ou aligner à celui ci > - Pour une création précise de vos futurs tracés > - Mais également pour **ajuster des points** > - Cet outil vous permettra de créer des zones strictement **fermées,** nécessaire pour la suite <div style="position:relative;width:100%;aspect-ratio:16/9;"> <iframe src="https://www.youtube-nocookie.com/embed/HoMqeNFK_P8?rel=0" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allowfullscreen></iframe> </div> [Ouvrir la vidéo sur YouTube](https://youtu.be/HoMqeNFK_P8) ---- # Enregistrer et ouvrir son travail > [!note] À savoir > - Le format à utiliser pour vos exercices est le format de fichier natif depuis Inkscape, le format **.svg**. > - Lorsque vous allez ouvrir un ficher svg, il va s'afficher dans votre navigateur, c'est normal. > Ouvrez le avec inkscape pour retrouver votre travail ![[2026-10-19_14h08_02.png]] # Ça y est vous maitrisez les bases fondamentales du logiciel Inkscape → Suite : [[04_Exercice guidé]] %% nav-debut : généré par gen_navigation.py, ne pas modifier à la main %% > [!nav] > ↩ [[Design et Création Numérique/Communication/DAO/DAO|Accueil · DAO]] > > | [[Design et Création Numérique/Communication/DAO/02_S'entraîner - Mini-jeux DAO\|← 02_S'entraîner - Mini-jeux DAO]] | [[Design et Création Numérique/Communication/DAO/04_Exercice guidé\|04_Exercice guidé →]] | > |:---|---:| %% nav-fin %%