%% 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/03_Prise en main d'Inkscape\|← 03_Prise en main d'Inkscape]] | [[Design et Création Numérique/Communication/DAO/05_Consignes du devoir\|05_Consignes du devoir →]] | > |:---|---:| %% nav-fin %% # Réalisation d'un exercice d'entrainement : une coupe géologique simple ## Sommaire Nous allons, sur cette page parcourir les fonctionnalités permettant de digitaliser la coupe : - Import de la photo & redimensionnement - Création du contour et des contact (outil Plume [[03_Prise en main d'Inkscape]]) - Création d'un motif le long d'un chemin - Utilisation du pot de peinture - Motif de remplissage - Découpe des motifs selon les contours de la zone L'idée est de passer d'une image, ou bien même d'un dessin papier, à une figure précise reposant sur du dessin vectoriel Image : ![[Design et Création Numérique/Communication/DAO/images/Pasted image 20250902154017.jpg|500]] Version vectorielle ![[Design et Création Numérique/Communication/DAO/images/Pasted image 20250902154032.png|500]] --- Passons d'abord notre page au format paysage ![[format_paysage.gif]] ## Import de la photo & redimensionnement Dans un premier temps, téléchargez l'image de référence en haut de cette page : Clic droit > Enregistrez l'image sous... > [!note] À savoir > - Utiliser al touche *Ctrl* pour redimensionner l'image en gardant les bonnes proportions <div style="position:relative;width:100%;aspect-ratio:16/9;"> <iframe src="https://www.youtube-nocookie.com/embed/0wkV6V8nDUk?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/0wkV6V8nDUk) ## Création du contour et des contact Grâce à l'outil plume, détourez les contours de la coupe ainsi que les contact géologiques (entre deux étages). [[03_Prise en main d'Inkscape]] Pensez à créer un nouveau calque pour vos tracés, afin de travailler dedans <div style="position:relative;width:100%;aspect-ratio:16/9;"> <iframe src="https://www.youtube-nocookie.com/embed/-rZEqyI000c?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/-rZEqyI000c) Vous devriez obtenir un résultat comme ceci : ![[Pasted image 20260929113838.png]] ## Création d'un motif le long d'un chemin **Nouvel étape, nouveau Calque !** Etapes clefs : - Création d'un motif, à une taille proportionnelle à votre coupe, **vous décider de la taille avant de répéter le motif**. Ne le faites pas trop grand, sinon il ne se répètera pas. - Sélectionner les éléments de votre motifs et combinez les. - Chemin > **Combiner** - Copier votre motif (Clic droit > copier OU *Ctrl C*), ( Notre motif va dans le presse papier de l'ordinateur) - Sélectionnez l'outil **Plume**. Puis changer la forme à partir de laquelle vous travaillez : - Forme : **Aucune** >> **Depuis le presse papier** - Tracez la courbure le long de laquelle vous voulez que le motif se répète, puis validez. - Pour l'instant le motif est appliqué entre le point de départ et d'arrivée. Il est **Unique, étiré** - Allons dans Chemin > Effet de chemin pour passer le paramètre **Copie du motif** à **Répété** <div style="position:relative;width:100%;aspect-ratio:16/9;"> <iframe src="https://www.youtube-nocookie.com/embed/XrAwx9vcj6o?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/XrAwx9vcj6o) **Pour un motif sur plusieurs étages :** - On reprend le motif que l'on vient de construire et on le duplique autant de fois que nécessaire. - Copier, coller // *Ctrl C*, *Ctrl V* - Utilisation de l'outil **Organiser et Distribuer** pour aligner et agencer les motifs. - Puis, réalisez les mêmes dernières étapes qu'au dessus : - Maintenant nous avons un motif constitué de plusieurs motifs. Sélectionner les éléments de votre motifs et combinez les. - Chemin > **Combiner** - Copier votre motif (Clic droit > copier OU *Ctrl C*), ( Notre motif va dans le presse papier de l'ordinateur) - Sélectionnez l'outil **Plume**. Puis changer la forme à partir de laquelle vous travaillez : - Forme : **Aucune** >> **Depuis le presse papier** - Tracez la courbure le long de laquelle vous voulez que le motif se répète, puis validez. - Pour l'instant le motif est appliqué entre le point de départ et d'arrivée. Il est **Unique, étiré** - Allons dans Chemin > Effet de chemin pour passer le paramètre **Copie du motif** à **Répété** <div style="position:relative;width:100%;aspect-ratio:16/9;"> <iframe src="https://www.youtube-nocookie.com/embed/_1Aeh-mBR34?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/_1Aeh-mBR34) **Application dans une couche géologique** > - N'hésitez pas à déborder pour couvrir l'entièreté de la zone. Nous découperons ce qui dépasse ensuite. > - Vous pouvez toujours ajuster chaque nœud de votre tracé pour ajuster sa direction. > - Les options disponibles dans **Effets de chemin** permettent de modifier quelques paramètres comme l'espacement des motifs <div style="position:relative;width:100%;aspect-ratio:16/9;"> <iframe src="https://www.youtube-nocookie.com/embed/VaYEfrmJL7E?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/VaYEfrmJL7E) ## Utilisation du pot de peinture - L'outil Pot de peinture va nous servir à c**réer un élément** dans une **zone délimitée**. - Pour changer la couleur d'une forme, il suffit d'aller dans Fond et contour, mais cela est impossible pour des zones issues d'intersections comme les couches géologiques que nous avons ici - Pensez à changer le seuil de 5 à 100 pour un meilleur remplissage - Sélectionnez le **pot de peinture**, puis **cliquez dans la zone concernée**, celle ci doit avoir des bords **bien visibles** et **bien fermés** - Des bords trop fins ou colorés sont source de problème, privilégiez donc des **contours noirs**. - Vous obtenez maintenant un élément à part entière ou l'on peut changer son style de fond et de remplissage. - **La zone doit être VIDE, pas d'image, pas de motifs** , pensez à cacher ces éléments avant. <div style="position:relative;width:100%;aspect-ratio:16/9;"> <iframe src="https://www.youtube-nocookie.com/embed/4vujDO9OETA?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/4vujDO9OETA) Lors du choix de la couleur, un icône **Pipette** peut vous aider vous baser sur une couleur existante dans votre document. ## Motif de remplissage Etapes clefs : - Création d'un motif, à une taille proportionnelle à votre coupe. Ici, deux petits cercles décalés, dessinés avec l'outil Ellipse (Ctrl enfoncé pour un cercle parfait). Ne le faites pas trop grand, sinon il ne se répètera pas. * Dupliquer le premier cercle et ajuster la taille du second si besoin (Ctrl + Maj en redimensionnant pour garder les proportions) * Sélectionner les deux cercles et les grouper * Objet > **Grouper** OU Ctrl G ![[Pasted image 20261019182331.png|50]] * Transformer le groupe en motif : * Séléctionner votre motif, puis :**Objet** > **Motif** > **Objet en motif** * Le groupe devient un motif disponible dans la liste des motifs de remplissage * Créer la zone à remplir avec l'outil **Pot de peinture** : cliquer dans la zone délimitée par vos traits. Un chemin fermé est créé (ici path24). * Sélectionner la zone, ouvrir **Fond et contour** > **Fond** > **Motif** * Choisir votre motif dans la liste (ici pattern23) * La zone est maintenant remplie par le motif, répété en "mosaïque" sur toute sa surface * Ajuster le rendu dans le même panneau : * Échelle X / Y : taille du motif * Orientation : rotation de la trame * Décalage en X / Y et Espace X / Y : position et espacement entre les motifs <div style="position:relative;width:100%;aspect-ratio:16/9;"> <iframe src="https://www.youtube-nocookie.com/embed/Ad7J5m0hqdY?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/Ad7J5m0hqdY) ## Découpe des motifs selon les contours de la zone Etapes clefs : * Masquer tout ce qui se trouve dans la zone (motifs, images, couleurs), pour ne garder que les contours, sans fond * **Pot de peinture** : cliquer dans la zone pour créer un élément reprenant le contour de la zone d'intérêt * Vérifier que ce chemin est placé au dessus du motif à couper dans la liste des calques * Sélectionner la zone et le motif (Maj + clic dans le panneau Calques et objets) * Clic droit > **Définir une découpe** * Réafficher les calques masqués. Cette méthode fonctionne avec tous types d'éléments (images comprises). <div style="position:relative;width:100%;aspect-ratio:16/9;"> <iframe src="https://www.youtube-nocookie.com/embed/CRLa45qRoKM?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/CRLa45qRoKM) # Récapitulatif : Vous savez maintenant : - Tracer des courbures - Créer une zone grâce au **Pot de peinture** - Tracer des motifs de 2 façons : - Selon un chemin, et sur plusieurs étages - En "mosaïque" dans une zone - Découper les motifs en fonction d'une zone %% 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/03_Prise en main d'Inkscape\|← 03_Prise en main d'Inkscape]] | [[Design et Création Numérique/Communication/DAO/05_Consignes du devoir\|05_Consignes du devoir →]] | > |:---|---:| %% nav-fin %%