Cré ér un déssin véctoriél Par Clément JOATHON Dernière mise à jour : 28/10/2014 Deux grandes catégories d'images existent : les images bitmap et les images vectorielles. Les images que vous manipulez et voyez le plus souvent sont des images bitmap. Elles sont composées d'un ensemble de points (pixels), chacun de ces points possédant une ou plusieurs valeurs décrivant sa couleur. Ainsi, les photos que vous prenez avec votre appareil photo numérique ou que vous téléchargez sur Internet sont des images bitmap. Lorsque vous les redimensionnez, des informations sont perdues : la définition de l'image diminue et les éléments qui la composent sont moins précis. A l'inverse, les images vectorielles sont composées d'objets géométriques simples (arcs de cercle, polygones, segments de droite, ) représentés par des formules mathématiques. Illustration de Cristiano Siqueira i Il est ainsi possible de leur appliquer des transformations : rotation, agrandissement,, sans perte de qualité. Votre ordinateur recalcule alors les caractéristiques de chaque objet géométrique. Lorsque vous effectuez des travaux de mise en page, une plaquette, une brochure ou bien un rapport, vous pouvez avoir besoin de redimensionner à volonté des logos ou bien des images, sans perdre en qualité. Ainsi, il est beaucoup plus pratique de travailler avec des images vectorielles. Apprenez à créer vos propres images vectorielles avec le logiciel gratuit Inkscape. A l'aide des différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques, les découper, les fusionner, jusqu'à obtenir le dessin qui vous convient. Et comme le dessin sera vectoriel, vous pourrez le redimensionner, l'orienter différemment ou bien changer les couleurs sans aucune dégradation de votre image. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 1 sur 22
Télécharger InkScape Créer un dessin vectoriel InkScape est un logiciel gratuit que vous pouvez télécharger sur PC Astuces. C'est un programme sous la forme d'un logiciel portable à copier sur votre disque dur. Tous les fichiers du programme sont regroupés dans un seul dossier. En cas de besoin, vous pourrez donc copier le dossier sur votre clé USB pour emporter InkScape partout avec vous par exemple. 1. Rendez-vous sur la fiche de InkScape ii dans la logithèque PC Astuces. 2. Cliquez sur le lien Télécharger gratuitement. 3. Enregistrez le fichier. 4. Une fois le téléchargement terminé, exécutez-le. 5. Dans la fenêtre qui s'ouvre, sélectionnez l'option Français et cliquez sur OK. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 2 sur 22
6. Cliquez sur Suivant. Créer un dessin vectoriel 7. Cliquez une autre fois sur Suivant. 8. Cliquez sur le bouton Parcourir. 9. Sélectionnez sur votre disque dur l'endroit où vous souhaitez installer InkScape. Cliquez sur Créer un nouveau dossier pour créer un nouveau dossier. Par exemple dans le dossier C:\InkScape. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 3 sur 22
10. Cliquez sur Installer. 11. Une fois la copie des fichiers finie, cliquez sur Terminer. 12. Dans l'explorateur Windows, ouvrez le dossier où vous avez installé InkScape, dans le dossier C:\InkScape\InkscapePortable par exemple. Cliquez avec le bouton droit de la souris sur le fichier InkscapePortable.exe. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 4 sur 22
13. Cliquez sur Envoyer vers puis sur Bureau (créer un raccourci). 14. Un raccourci vers InkScape est placé sur votre Bureau. Vous pouvez le renommer en cliquant dessus et en pressant la touche F2. Traduire le logiciel en français Par défaut, InkScape utilise la langue de votre système. Pourtant, il lui arrive parfois de rester en anglais. Voici comment le passer une bonne fois pour toute en français. 1. Lancez InkScape en double cliquant sur son icône sur le Bureau. 2. Cliquez sur le menu File puis sur Inkscape preferences. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 5 sur 22
3. Dans la colonne de gauche, cliquez sur Interface. 4. Déroulez la liste Language et sélectionnez l'option French. 5. Fermez la fenêtre puis redémarrez InkScape. Le logiciel est maintenant en français. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 6 sur 22
Ajouter des formes InkScape bénéficie de nombreux outils de création de formes : rectangles, cercles et ellipses, lignes et courbes de Bézier qui vont vous permettre de mettre en dessin votre imagination. 1. Cliquez sur la forme à créer dans la barre d'outils. 2. Dessinez-la sur votre feuille. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 7 sur 22
3. Pour personnaliser la forme (contour, épaisseur, couleur), cliquez sur la barre en bas de l'écran. 4. Dans le volet de droite, vous pouvez choisir la couleur de la forme, son opacité, mettre un dégradé, etc. 5. Vous pouvez superposer différentes formes et gérer leur niveau avec les outils Monter et Descendre de la barre d'outils. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 8 sur 22
6. Pour modifier le tracé ou l'épaisseur d'un chemin, cliquez sur un noeud pour faire apparaître ses 2 poignées de contrôle. Vous pouvez modifier la position des poignées. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 9 sur 22
Combiner les formes Créer un dessin vectoriel Pour obtenir des formes un peu plus complexes, vous pouvez combiner des formes simples pour réaliser des assemblages ou des découpes. 1. Pour créer un cercle ou un carré, sélectionnez la forme ellipse ou rectangle et faites votre tracé tout en maintenant la touche Ctrl enfoncée. 2. Pour fusionner deux formes, sélectionnez-les (maintenez la touche Maj pour sélectionner plusieurs formes). Cliquez sur le menu Chemin puis sur Union. 3. Pour soustraire une forme à une autre, sélectionnez-les. Cliquez sur Chemin puis sur Différence. La première forme sélectionnée viendra découper la seconde. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 10 sur 22
4. Pour ne conserver que la partie commune à deux formes, sélectionnez-les et cliquez sur le menu Chemin puis sur Intersection. 5. Avec la commande Chemin, Exclusion, c'est l'opération inverse : vous ne conservez que la partie non commune des formes. 6. Avec l'outil Division, vous allez pouvoir retirer un morceau de votre forme. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 11 sur 22
Donner une forme à du texte Créer un dessin vectoriel Avec InkScape, vous pouvez facilement aligner du texte sur une forme. 1. Cliquez sur l'outil Texte. 2. Saisissez votre texte. 3. Mettez-le en forme avec la barre d'outils en haut de l'écran. 4. Dessinez un chemin si cela n'est pas déjà fait. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 12 sur 22
5. Sélectionnez votre texte et tout en maintenant la touche Maj enfoncée, cliquez sur la forme à suivre. 6. Cliquez sur le menu Texte puis sur Mettre suivant un chemin Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 13 sur 22
7. Par défaut, la phrase est alignée à gauche. Vous pouvez ajuster la position du texte en cliquant sur Centrer ou Aligner à droite. 8. Si vous souhaitez rendre le chemin invisible, cliquez dessus et déroulez le menu Objet, Remplissage et contour. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 14 sur 22
9. Cliquez sur Pas de remplissage dans l'onglet Contour. 10. Le texte suit alors la forme qu'on ne voit plus. Vectoriser une photo Avec InkScape, vous pouvez facilement transformer une photo en dessin vectoriel. Une opération que l'on appelle vectoriser et qui pourra vous servir de base à la réalisation d'un dessin vectoriel plus complexe. 1. Lancez InkScape en double cliquant sur son icône sur le Bureau. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 15 sur 22
2. Cliquez sur le menu Fichier puis sur Ouvrir. 3. Sélectionnez sur votre disque dur la photo à vectoriser et cliquez sur Ouvrir. 4. Sélectionnez l'option Incorporer et cliquez sur Valider. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 16 sur 22
5. Sélectionnez l'ensemble de votre photo en cliquant sur le menu Edition puis sur Sélectionner tout. 6. Cliquez sur le menu Chemin puis cliquez sur Vectoriser le bitmap. 7. Dans l'onglet Mode, choisissez une des options proposées et faites varier les différents paramètres en cliquant à chaque fois sur le bouton Mettre à jour pour afficher un aperçu et trouver les réglages qui vous conviennent. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 17 sur 22
8. Cliquez alors sur le bouton Valider. 9. Pour bien voir les vecteurs qui forment maintenant votre dessin, cliquez sur le bouton Editer les noeuds ou les poignées de contrôle d'un chemin dans la barre d'outils. 10. Votre image se parsème de carrés. Ce sont les nœuds qui définissent les différents chemins vectoriels. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 18 sur 22
11. Cliquez sur le menu Chemin puis sur Simplifier pour épurer le dessin. 12. Pour modifier le tracé ou l'épaisseur d'un chemin, cliquez sur un noeud pour faire apparaître ses 2 poignées de contrôle. Vous pouvez modifier la position des poignées. 13. Pour supprimer des noeuds, sélectionnez-les à la souris et pressez la touche Suppr. Enregistrer son travail Suivant ce que vous souhaitez faire de votre dessin, plusieurs types d'enregistrement existent. 1. Cliquez sur le menu Fichier puis sur Propriétés du document. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 19 sur 22
2. Cliquez sur Ajuster la page au dessin ou à la sélection. 3. Cliquez ensuite sur le menu Fichier puis sur Enregistrer sous. 4. Sélectionnez le format SVG pour garder les caractéristiques vectorielles de votre dessin (les différents objets, etc.). Validez. 5. Si vous voulez utiliser votre image dans un logiciel de dessin ou un traitement de texte classique, cliquez sur le menu Fichier puis sur Exporter en bitmap. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 20 sur 22
6. Notez que l'image perdra ses caractéristiques vectorielles et vous ne pourrez plus la décomposer en éléments individuels. Modifiez si besoin le nom du fichier (au format PNG) et cliquez sur Exporter. Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 21 sur 22
Pour allér plus loin Des remarques, des questions? Fiche mise à jour et commentaires disponibles en ligne sur PC Astuces à l'adresse suivante : Conditions d'utilisation Ce document peut librement être utilisé à but informatif dans un cadre personnel, scolaire ou associatif. Toute autre utilisation, notamment commerciale est interdite. Il ne peut pas être modifié, vendu, ni distribué ailleurs que sur PC Astuces. A propos PC Astuces est un site d'entraide informatique entièrement gratuit. - Des milliers d'astuces et de guides pratiques détaillés pas à pas. - Téléchargez gratuitement des logiciels et des applications testées par nos soins. - Personnalisez votre Bureau avec des milliers de fonds d'écran. - Tous les jours, une newsletter par email avec du contenu inédit. - Un problème? Posez vos questions sur notre Forum et obtenez rapidement des solutions efficaces. http://www.pcastuces.com i http://www.crisvector.com/ ii http://www.pcastuces.com/logitheque/inkscape.htm Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 22 sur 22