cré ér un déssin véctoriél - pc astuces · 2014. 10. 28. · différents outils de dessins du...

22
Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 1 sur 22 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.

Upload: others

Post on 16-Oct-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 1 sur 22

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 Siqueirai

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.

Page 2: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 2 sur 22

Télécharger InkScape

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 InkScapeii 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.

Page 3: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 3 sur 22

6. Cliquez sur Suivant.

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.

Page 4: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 4 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.

Page 5: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 5 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.

Page 6: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 6 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.

Page 7: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 7 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.

Page 8: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 8 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.

Page 9: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 9 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.

Page 10: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 10 sur 22

Combiner les formes 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.

Page 11: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 11 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.

Page 12: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 12 sur 22

Donner une forme à du texte 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.

Page 13: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 13 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

Page 14: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 14 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.

Page 15: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 15 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.

Page 16: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 16 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.

Page 17: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 17 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.

Page 18: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 18 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.

Page 19: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 19 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.

Page 20: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 20 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.

Page 21: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 21 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.

Page 22: Cré ér un déssin véctoriél - PC Astuces · 2014. 10. 28. · différents outils de dessins du logiciel, vous allez pouvoir facilement assembler différents éléments géométriques,

Créer un dessin vectoriel http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

Reproduction interdite @ PC Astuces - http://www.pcastuces.com Page 22 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 :

http://www.pcastuces.com/pratique/multimedia/dessin_vectoriel/page1.htm

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