Inkscape est un éditeur de graphiques vectoriels open source très populaire qui peut fonctionner à la fois sur les systèmes d'exploitation Linux et Windows et MacOS. La différence entre un éditeur de graphiques vectoriels et un éditeur raster est que le dessin n'est pas effectué à l'aide de pixels, mais à l'aide de diverses formes et formules. Cela présente certains avantages, par exemple, l'image peut être mise à l'échelle sans perte de qualité.

Dans cet article, nous verrons comment utiliser Inkscape pour le dessin et la manipulation d'images. Parlons de l'installation du programme lui-même et de l'utilisation de formes.

C'est un programme assez populaire que vous pouvez installer très facilement. Dans les distributions Linux, l'éditeur vectoriel Inkscape est disponible depuis les dépôts officiels, par exemple, pour l'installer sur Ubuntu, vous devez exécuter la commande :

sudo apt installer inkscape

Pour installer sur les systèmes Red Hat et CentOS, exécutez :

sudo miam installer inkscape

Si vous souhaitez installer le programme sur Windows, le fichier d'installation peut être téléchargé à partir du site officiel. En plus de la version pour Linux, Windows et MacOS, vous pouvez télécharger le code source et créer vous-même le programme. Une fois l'installation terminée, vous pouvez trouver le programme dans le menu principal :

Comment utiliser Inkscape ?

Voyons maintenant de plus près comment utiliser l'utilitaire. Mais vous devez commencer par analyser l'interface de l'utilitaire.

1. Interface du programme

Immédiatement après le démarrage du programme, vous verrez la fenêtre principale suivante :

L'interface du programme est assez simple et semble beaucoup plus claire que dans le même Gimp. Il peut être grossièrement divisé en plusieurs domaines :

• Menu- situé tout en haut de la fenêtre, à l'aide de celle-ci, vous pouvez sélectionner diverses options et paramètres du programme;
• Barre d'outils- situés juste en dessous du menu, il y a des outils fréquemment utilisés auxquels vous devez pouvoir accéder facilement ;
• Outils de dessin- le panneau avec les outils de dessin est situé sur le côté gauche de la fenêtre et est situé verticalement ;
• Espace de travail- toile à dessin, située au centre de la fenêtre ;
• Outils d'action- la barre d'outils d'action est située à droite de la zone de travail ;
• Panneau inférieur et palette- tout en bas de la fenêtre se trouve un panneau avec plusieurs outils pour ajuster les paramètres de forme et une palette de couleurs.

Vous aurez également souvent besoin d'utiliser divers raccourcis clavier pour naviguer dans le document et sélectionner certaines fonctions. Voici les principaux :

• Ctrl + flèche- se déplacer sur la feuille. Vous pouvez également vous déplacer à l'aide de la molette de la souris verticalement et en maintenant enfoncé le bouton Shift horizontalement ;
• Clés + et - utilisé pour mettre le document à l'échelle ;
• Ctrl + Z et Ctrl + Maj + Z utilisé pour annuler et refaire des actions récentes, respectivement ;
• Décalage- sélectionnez plusieurs formes.

Le rectangle noir au centre de votre toile est la zone de dessin, vous pouvez le redimensionner via le menu "Déposer" ->"Propriétés du document".

2. Créer des formes

Comme je l'ai dit, toutes les actions pour dessiner une image sont effectuées à l'aide de différentes formes. Sélectionnez l'une des formes disponibles dans le panneau de gauche et cliquez sur la zone de l'espace de travail où vous souhaitez insérer la forme. Pour le redimensionner, faites glisser le pointeur de la souris dans la direction souhaitée.

Chaque forme a deux paramètres qui affectent son apparence. Ce sont le remplissage et le trait. Le remplissage définit la couleur de premier plan de la forme et le trait définit la couleur du contour. Le contour et le remplissage sont configurés dans une fenêtre qui peut être ouverte à partir de la barre d'outils :

Dans la palette Inkscape, vous pouvez choisir une couleur générale pour la forme, et dans le menu fixe de remplissage, vous pouvez sélectionner une couleur distincte pour le remplissage et le contour. En plus d'une couleur uniforme, des gradins peuvent être utilisés.

3. Regroupement d'objets

Pour faciliter le déplacement et l'application d'objets, l'éditeur vectoriel Inkscape prend en charge leur regroupement en groupes. Pour cela, marquez plusieurs objets à l'aide de la touche Shift et dans le menu "Un objet" choisir "Grouper"... Maintenant, tous les objets sélectionnés sont dans un groupe, vous pouvez les déplacer et leur appliquer des opérations à la fois. Vous pouvez également utiliser le raccourci clavier pour regrouper Ctrl + G.

Pour dégrouper, utilisez l'élément dégrouper. Ou appuyez plusieurs fois sur la touche Ctrl + U... En ce qui concerne l'utilisation d'Inkscape, il est plus important de travailler avec des formes et des couleurs de formes, examinons cela de plus près.

4. Actions sur les formes

Pour déplacer la forme, vous devez utiliser l'outil "Flèche"... Aussi lorsque l'outil de forme est activé, par exemple "Rectangle", vous pouvez modifier sa taille, ses angles et ses contours à l'aide des carrés blancs. Faites-les simplement glisser dans la direction souhaitée.

Avec un outil "Flèche" vous pouvez non seulement modifier la taille, mais également changer le premier plan et l'arrière-plan, refléter les objets et affiner leurs coordonnées. Veuillez noter que lorsque vous changez d'outil de dessin, la barre d'outils change, elle affiche les capacités de cet outil :

Outil "Modifier les coins" vous permet de modifier les angles et les contours d'un objet de différentes manières :

Outil "Ajuster les objets en peignant ou en sculptant" vous permet de changer la couleur et la forme des objets, par exemple, vous pouvez les rendre concaves, les déplacer dans différentes directions, réduire et agrandir, faire pivoter et même dupliquer des objets. Pour appliquer des actions, l'objet doit être sélectionné.

Outil "Mètre" vous permet de modifier les longueurs et les angles de divers objets géométriques :

5. Filtres

Les filtres peuvent être utilisés pour appliquer divers effets aux objets. Tous les effets disponibles sont classés en catégories et sont disponibles dans le menu "Filtres"... Les effets incluent diverses textures, modifications de conception et bien plus encore :

6. Enregistrement du résultat

Puisque dans cet article nous nous sommes donné pour tâche d'enseigner Inkscape aux débutants, nous expliquerons comment enregistrer une image. Puisqu'il s'agit d'images vectorielles, un format spécial sera utilisé ici - svg. Pour enregistrer l'image terminée, ouvrez le menu "Déposer" et choisissez "Sauvegarder", puis sélectionnez l'emplacement du fichier :

Inkscape est un éditeur de graphiques vectoriels.

Les graphiques vectoriels dessinent des images, écrivant les lois mathématiques pour construire des lignes droites et courbes à partir desquelles l'image est construite. L'enregistrement se fait en XML, donc ces images sont en fait des fichiers texte.

Comme les lois mathématiques de construction d'une image ne dépendent pas de sa taille, il devient possible de redimensionner des images vectorielles dans une large plage sans la moindre perte de qualité.

Les graphiques vectoriels existent depuis longtemps, mais leur apogée est à venir. Avec l'avènement d'une nouvelle étape sensorielle dans le développement de la technologie informatique, dont les premiers représentants sont les tablettes et les communicateurs, il existe un besoin urgent de fichiers graphiques évolutifs et légers.

Inkscape, étant un éditeur open source gratuit, fonctionne avec le format de fichier vectoriel gratuit - SVG (Scalable Vector Graphics). De nos jours, presque tous les gadgets et navigateurs Web prennent en charge le format SVG, et avec l'arrivée de HTML 5, placer des fichiers SVG dans du contenu Web ne sera pas plus difficile que de placer des fichiers graphiques bitmap maintenant.

Maîtriser Inkscape aujourd'hui est un investissement intelligent pour demain.

Versions et versions d'Inkscape

Au moment d'écrire ces lignes, la dernière version d'Inkscape est la 0.48. Il est disponible pour Windows, Linux, Mac et d'autres plates-formes.

Si vous possédez une version antérieure, ne dramatisez pas ce léger décalage. Les versions 0.46 et 0.47 du programme sont très similaires à 0.48 dans leurs fonctionnalités, seuls quelques effets très spéciaux ont été ajoutés, et un nouveau panneau est également apparu Adhésion... Alors travaillez sereinement sur la version qui est à votre disposition, avec la prochaine mise à niveau, vous ne serez pas du tout en retard sur la vie.

Structure de la fenêtre Inkscape 0.48

Lorsque vous démarrez Inkscape pour la première fois, vous verrez une seule fenêtre devant vous. Mais il y en a tellement entassés dans les cadres de cette fenêtre que vous pouvez faire le tri pendant longtemps. La figure 1 vous y aidera.

Riz. 1

Commençons par ordre numérique :

1. Barre de menu comme dans tout programme, tout est clair ici.

2. Barre de commande... Toutes les commandes de ce panneau sont disponibles à partir de divers menus. Ainsi, ce panneau peut être retiré en toute sécurité si vous avez besoin d'une fenêtre plus grande.

3. Le panneau des paramètres de l'instrument actuel... Lorsqu'un certain outil est sélectionné (dans la figure 1, il s'agit d'un outil "Dessiner des étoiles et des polygones"), puis sur Barres d'outils pour l'instrument actuel ses paramètres apparaissent. À la fin du panneau, il y a un triangle noir, ce qui signifie que tous les paramètres ne rentrent pas dans la fenêtre. En cliquant dessus, vous pouvez visualiser les paramètres manquants.

4. Barre d'outils... Contient des miniatures de 18 outils, à l'aide desquels des graphiques vectoriels sont créés. N'importe quel outil peut également être appelé en appuyant sur les touches de raccourci. L'info-bulle apparaît au survol avec le pointeur de la souris. Un clic droit sur un instrument ouvre sa fenêtre de paramètres globaux.

Les panneaux 2, 3, 4 et 12 peuvent être déplacés avec la souris par les bandes rectangulaires, qui sont colorées en vert sur la figure 1, et sont mises en évidence dans la fenêtre d'Inkscape par deux rangées de points faibles.

5. Palette... La couleur peut être déplacée avec la souris Palettesà l'objet, changeant par cette action son Remplir... Pour changer la couleur Coups, vous devez maintenir la touche enfoncée tout en faisant glisser DÉCALAGE... La couleur actuelle de certains outils peut être définie en cliquant sur la couleur correspondante Palettes... À l'extrémité droite de la palette se trouve un petit interrupteur triangulaire. En cliquant dessus, vous ouvrez le menu des paramètres de la palette. Vous pouvez personnaliser l'apparence de la palette et choisir parmi une variété de palettes prédéfinies. Si toutes les couleurs ne rentrent pas dans la fenêtre, alors sous Palette une barre de défilement apparaît.

6. Barre d'état... Contient cinq zones :

7. Indicateur de remplissage et de contour pour l'objet sélectionné... Lorsqu'il y a un objet sélectionné dans la fenêtre, Indicateur coloré avec ses couleurs de remplissage et de contour. Un clic gauche sur une couleur ouvre une fenêtre Remplissage et contour, utilisé pour configurer ces paramètres. Avec un clic droit - un menu avec des options utiles disparaît, ce qui permet parfois de se passer d'ouvrir une fenêtre Remplissage et contour.

8. Section d'informations sur la couche... S'il y a peu de calques, alors il est tout à fait possible de s'en sortir avec cette section sans ouvrir une fenêtre particulière. Couches.

9. Section des notifications... Affiche des messages utiles sur les activités en cours. Vous devez prendre l'habitude de jeter un coup d'œil à cette section, en particulier lorsque vous utilisez un instrument inconnu ou quelque chose qui ne fonctionne pas. Si l'intégralité du message ne rentre pas dans la section, lorsque vous passez le pointeur de la souris, le texte apparaît en entier.

10. Coordonnées du pointeur de la souris.

11. Indicateur d'échelle actuelle... Vous pouvez entrer l'échelle souhaitée à la main et cliquer sur ENTRER, mais vous pouvez utiliser les flèches.

12. Panneau collant... Ce panneau contient des commandes d'accrochage (lignes aux objets, maillages, nœuds, etc.).

La zone de travail de la fenêtre d'Inkscape s'appelle Toile... Il y a des règles en haut et à gauche de la toile. Lorsque vous passez le pointeur de la souris sur la règle, une info-bulle apparaîtra, dans quelles unités elle est graduée (par défaut - en pixels). Les règles peuvent être glissées avec la souris pour former Guides.

Au milieu de la toile, le cadre du nouveau Document... parfois Document aussi appelé Page... Si les dimensions linéaires du document doivent être modifiées, vous devez alors aller dans le menu Fichier ⇨ Propriétés du document.

Vous pouvez dessiner n'importe où sur le canevas, même en dehors de la bordure du document.

Boîtes de dialogue

Certains menus ouvrent des boîtes de dialogue, par exemple : Remplissage et contour, calques, transformations et d'autres. Dans Inkscape 0.48, ces fenêtres sont ancrées dans le cadre droit de la fenêtre du programme par défaut. De plus, ils peuvent être attachés ensemble. Ce n'est parfois pas très pratique, car cela réduit considérablement la taille de la zone de travail de la fenêtre. Avec la souris, vous pouvez déplacer ces fenêtres et les afficher en dehors de la fenêtre principale. Pour désactiver globalement la fonction d'ancrage des boîtes de dialogue, vous devez vous rendre dans le menu Fichier ⇨ Personnaliser Inkscape ⇨ Windows ⇨ Comportement de la boîte de dialogue.

Maintenant que nous connaissons la structure et les parties de l'espace de travail, nous allons commencer à les utiliser dans le chapitre suivant. Dans ce cas, nous utiliserons la méthode "d'immersion", c'est-à-dire que nous commencerons immédiatement à créer des images vectorielles.

Chapitre 2, dans lequel le drapeau suédois nous apprend à utiliser des filets, des bâtons, etc.

Le sujet de la leçon d'aujourd'hui sera le drapeau de la Suède.

En chemin, on apprend :

• Comment calculer les tailles de page et l'espacement de la grille
• Comment créer un document de la bonne taille
• Comment créer une grille avec l'interligne souhaité
• Qu'est-ce qui colle et comment l'utiliser
• Comment travailler avec l'outil de dessin rectangle
• Comment combiner des chemins
• Comment modifier les couleurs de remplissage et de contour d'un objet
• Comment enregistrer un document fini et comment l'exporter vers un bitmap

Nous savons déjà que les graphiques vectoriels sont une description mathématique d'une image. Les mathématiques sont une science exacte. Par conséquent, avant de vous mettre au travail, vous devez connaître exactement la taille du futur document et ses différentes parties.

De Wikipédia, nous apprenons que le drapeau de la Suède a un rapport hauteur/largeur de 32 à 20, avec la bande verticale de la croix commençant à 5/16 sur la gauche et mesurant 2/16 de large, et la bande horizontale au milieu et égale en largeur à la verticale.

Nous devons donc choisir la taille du document soit 32x20 ou 320x200 pixels. Pour les graphiques vectoriels, cela n'a pas vraiment d'importance, mais par souci de clarté, nous choisirons une taille de page plus grande.

Lancez Inkscape et voyez le document au format A4 qui s'ouvre par défaut. Aller au menu Fichier ⇨ Nouveau et dans l'impressionnante liste de documents qui ont disparu, on ne trouve pas celui qu'il faut. Cela signifie que vous devez modifier les propriétés du document.

Menu Fichier ⇨ Propriétés du document(Image 1).

Riz. 1

La section dont nous avons besoin est entourée en rouge Autre taille, dans lequel on rentre les nouvelles dimensions du document. (Bouton Redimensionner la page pour l'adapter au contenu ne touchez pas, car il n'y a pas encore de contenu).

En cliquant ENTRER ou en déplaçant le pointeur de la souris vers la fenêtre principale, nous voyons un petit rectangle au bas de la toile. C'est le bon format de document. Pour l'agrandir et le placer au centre de la toile, appuyez sur la touche 5 ou l'icône de la barre de commandes.

Pendant que la fenêtre est ouverte Propriétés du document, il est utile de mettre en place immédiatement une grille confortable. Qu'est-ce qu'une grille ? Être connecté au menu Vue ⇨ Grille, elle transforme la toile en page de cahier d'écolier dans une boîte. On ne peut que changer la taille de ces cellules.

Passons à l'onglet Grilles(Figure 2).

Riz. 2

Tant que cet onglet est vide, dès que nous créons une nouvelle grille, les paramètres de grille par défaut apparaîtront (Figure 3).

Riz. 3

Par défaut, l'espacement des lignes de la grille est de 1 pixel. Cela ne nous convient pas, c'est trop superficiel. Nous remplissons 20 pixels à la fois en X et en Y. Pourquoi 20 ? Les deux 320 et 200 sont divisibles par 20. En largeur, on obtient exactement les seizièmes parts, dont nous avons besoin pour construire la croix. Il est facile de trouver le milieu du document en hauteur, surtout lorsque les lignes principales de la grille sont toutes les 5 régulières. Pas une maille, mais la commodité elle-même !

Riz. 4

Le drapeau suédois se compose uniquement de rectangles. Il sera plus pratique pour nous de dessiner des rectangles si les lignes suivent exactement les cellules de la grille - "collez-y". Par conséquent, nous allons immédiatement configurer l'adhésion sur l'onglet approprié (Figure 5).

Riz. 5

Ouvrons l'onglet Adhésion... Dans la rubrique Coller aux mailles vous devez activer le bouton radio Toujours coller... Cela signifie que les nœuds de l'image resteront fidèles aux lignes de la grille, quelle que soit leur distance.

Ceci est pratique dans notre cas lorsque le dessin se compose uniquement de rectangles. Mais ce réglage peut être très difficile lors du dessin de courbes et d'ellipses !

Puis sur Panneaux collants vous devez connecter les miniatures suivantes : Rester à l'échelle mondiale , Tenez-vous en aux nœuds ou à leurs leviers, assurez-vous que les deux boutons Stick to Grid et Guides sont connectés et assurez-vous NE PAS connecté Coller aux coins du tampon .

A la fin de tous les réglages, la fenêtre Propriétés du document besoin de fermer.

Il est temps de commencer à dessiner. La première étape consiste à dessiner le fond du drapeau.

Nous prenons un outil pour dessiner des rectangles ( F4). Sur la toile, son pointeur est un petit rectangle avec une croix au-dessus du coin supérieur gauche. La croix est en fait un pointeur. Déplacez le pointeur sur le coin supérieur gauche du document, maintenez le bouton gauche de la souris enfoncé, déplacez le pointeur vers le coin inférieur droit de la page.

Grâce au collage, les côtés (ou plutôt les nœuds) du rectangle coïncident exactement avec les bords du document (ou plutôt, avec les lignes du quadrillage). Sans coller, nous devrions faire correspondre manuellement les limites.

La couleur du rectangle peut être n'importe quoi, j'ai eu du rouge avec un trait noir. Maintenant, peu importe la couleur du remplissage du rectangle, nous allons quand même changer la couleur, mais la présence d'un trait est requise, sinon vous ne verrez pas d'autres actions. Par conséquent, si votre rectangle n'a pas de trait, alors, sans changer d'outil, appuyez sur la touche DÉCALAGE et cliquez sur le carré noir sur Palette... Un trait apparaîtra.

Riz. 6

Remarquez les petits carrés dans les coins supérieur gauche et inférieur droit du rectangle. Ils servent à changer sa taille. Avec le même outil F4 vous pouvez saisir le carré et faire glisser pour redimensionner le rectangle.

Mais le cercle dans le coin supérieur droit sert à arrondir les coins du rectangle. Vous pouvez en savoir plus sur les coins arrondis (et plus) en lisant le grand interactif Tutoriel Inkscape en russe, qui est au menu Aide ⇨ Tutoriel... Recommande fortement.

Nous pourrions commencer maintenant à changer la couleur de remplissage de l'arrière-plan en bleu dont nous avons besoin, mais ce serait une erreur stratégique.

Alors que nous avons l'outil pour dessiner des rectangles dans nos mains, nous devons immédiatement dessiner une croix. Déplacez le pointeur sur la cinquième ligne de la grille le long de la partie supérieure du document (seule la ligne principale le sera), amenez-le jusqu'à l'intersection de la septième ligne de la grille avec la partie inférieure du document (Figure 7).

Riz. 7

Maintenant, il est clair pourquoi nous n'aurions pas vu les résultats sans les coups!

Sans remettre les choses indéfiniment, tracez une ligne horizontale de la croix.

Riz. huit

On pourrait s'arrêter là. Lorsque nous changeons la couleur d'arrière-plan en bleu, la croix en jaune et supprimons le trait, le drapeau est prêt. Mais puisque nous apprenons, nous mènerons chaque tâche jusqu'au bout. Jusqu'à présent, nous n'avons pas de croix, mais l'intersection de deux rectangles. Pour en faire une vraie croix, vous devez fusionner les contours de ces rectangles.

Nous prenons l'outil Allocations (F1) et avec la touche enfoncée DÉCALAGE cliquez tour à tour sur les deux rectangles de la croix. Ils deviennent tous les deux sélectionnés, comme le montre le trait en pointillé de la figure 9.

Riz. neuf

Maintenant, vous devez aller au menu Contours ⇨ Somme et pliez les deux chemins.

Riz. Dix

Maintenant, nous avons une vraie croix!

Il reste à peindre le document aux couleurs nationales de la Suède. Le même Wikipédia rapporte que la couleur bleue du drapeau suédois a une nuance de rouge : 0, vert : 90, bleu : 173 dans le système RVB. Pour reproduire fidèlement cette teinte, nous avons besoin d'une fenêtre Remplissage et contour... Tout d'abord, vous devez sélectionner le rectangle (arrière-plan) souhaité à l'aide de l'outil F1, que nous avons déjà sélectionné. Pour être sûr, regardons Section des notifications dans le volet inférieur de la fenêtre du programme. L'objet sélectionné y sera décrit : Rectangle sur Layer1 .

Fenêtre ouverte Remplissage et contour de plusieurs manières : Depuis le menu Objet ⇨ Remplissage et contour; clic droit sur l'objet et ouvrir la ligne Remplissage et contour; cliquez sur la vignette sur Panneaux de commande(bien qu'il ne soit pas toujours visible en raison de la taille de la fenêtre); touches de raccourci Maj + Ctrl + F(ne fonctionne pas partout). D'une manière ou d'une autre, nous ouvrons cette fenêtre (Figure 11).

Riz. Onze

Dans l'onglet Remplir le bouton Flat color est déjà enfoncé, nous devons définir les valeurs RVB que nous connaissons. Ils peuvent simplement être entrés dans les fenêtres appropriées, ou les définir avec des flèches, vous pouvez déplacer les curseurs sur les échelles, vous pouvez même entrer le numéro de couleur hexadécimal dans la fenêtre RVBA... L'échelle A signifie que le remplissage est transparent, l'opacité totale est de 255, la transparence totale est de zéro.

Le fond change de couleur sous nos yeux et prend la teinte désirée.

Allez dans l'onglet Contour et appuyez sur la croix N.-É. ce qui signifie Pas de contour... Nous n'en avons plus besoin.

Riz. 12

Maintenant, vous devez sélectionner la croix (pendant que dans Sections de notification un message apparaîtra : Circuit de 12 nœuds ...) Dans la fenêtre Remplissage et contour il y aura déjà de nouveaux paramètres de l'objet sélectionné. Nous devons définir la couleur sur jaune R: 255, G: 194, B: 0 à pleine opacité. Supprimer le trait.

Riz. 13

Retirez la grille ( Vue ⇨ Grille).

Le drapeau est prêt. Vous avez vu son dessin au début du chapitre.

Il reste à le sauver. Mais d'abord, allons au menu Fichier Effacer les defs... Qu'est-ce que ça veut dire? En cours de route, nous avons utilisé des couleurs temporaires qui n'étaient pas incluses dans le trait final, et ainsi de suite. Tous sont écrits quelque part dans le texte XML de notre fichier, ce qui augmente son "poids". Bien sûr, dans le cas d'aujourd'hui, ce n'est pas grand-chose, quelques octets, mais l'habitude de se débarrasser du ballast doit être développée dès le début. Après tout, l'atout des graphiques vectoriels est la petite taille des fichiers SVG.

Maintenant, dans le même menu Déposer, Cliquez sur sauvegarder, une boîte de dialogue s'ouvrira dans laquelle vous spécifiez le nom du fichier, disons swedish_flag.svg et le répertoire où l'enregistrer.

Et pour pouvoir utiliser l'image dans d'autres programmes graphiques ou la placer sur le Web, elle doit être exportée au format raster. Pour cela nous allons Fichier Exporter vers Raster... Une boîte de dialogue s'ouvrira, comme dans la figure 14.

Riz. Quatorze

En partie Zone exportée, Page et Dessin dans ce cas sont les mêmes. Par conséquent, nous entrons le nom du fichier et cliquez sur Exportation... (Ensuite on cherche le fichier partout, et on le trouve dans le répertoire home). Il est un peu déroutant que la boîte de dialogue d'exportation ne se ferme pas automatiquement une fois la procédure terminée.

La leçon d'aujourd'hui est terminée, dans le prochain chapitre nous aborderons un sujet plus complexe.

Chapitre 3, dans lequel nous allons maîtriser l'utilisation des guides, apprendre à regrouper des objets, apprendre à dessiner des étoiles et les déplacer sur la toile jusqu'à un point précis

Le sujet de la leçon d'aujourd'hui sera à nouveau le drapeau - cette fois le drapeau de l'Union européenne. En le dessinant, on apprend :

• Comment utiliser les guides
• Comment dessiner des pentagrammes
• Comment grouper des objets
• Comment dupliquer des objets
• Comment déplacer des objets
• Comment positionner des objets le long de l'axe Z

Le drapeau de l'UE se compose de 12 étoiles dorées sur fond bleu.

Riz. 1

Depuis la dernière leçon, nous savons à quel point il est important de calculer avec précision les détails de l'image sur la base d'informations précises sur l'objet représenté. Le rapport hauteur/largeur de l'Euroflag est de 27:18, les dimensions du document seront donc des multiples de ces valeurs. Disons 270x180 pixels.

Couleur des étoiles par système RVB : 255, 204, 0

Couleur de l'arrière plan - RVB : 0, 51, 153

Les étoiles de drapeau sont des pentagones réguliers (pentagrammes) avec un grand rayon R1égal à 1/18 de la hauteur du drapeau.

Dans une étoile pentagonale régulière, le rapport entre les grands et les petits rayons est r2 / R1 = 0,382(Figure 2).

Riz. 2

Cela signifie que si nous créons un document avec des dimensions de 270x180 pixels, alors le grand rayon de l'étoile sera égal à 10 pixels. Créez une grille avec un espacement X et Y de 10 px, en vous assurant que les nœuds collent aux lignes et aux guides de la grille.

Nous créons le document et la grille nous-mêmes, en utilisant les connaissances acquises lors de la dernière leçon.

Maintenant, vous devez créer Guidage se croisant exactement au centre du document.

Pour créer un guide horizontal, saisissez la règle du haut (située directement au-dessus de la toile) avec la souris et faites-la glisser approximativement au milieu du document. La ligne mince résultante est appelée Guider... Quand tu survoles Surligneur (F1), il changera de couleur en rouge. Alors qu'il est rouge, double-cliquez dessus et une boîte de dialogue s'ouvrira Guider(Figure 3).

Riz. 3

Regardons de plus près cette boîte de dialogue :

• En abscisse, entrez l'abscisse du milieu du document : 270/2 = 135 pixels. Cela exposera le centre du guide (petit cercle) exactement au milieu de la page.
• Écrivons 90 pixels (180/2) le long de l'axe Y, de sorte que la ligne directrice divise le document en hauteur exactement en deux.
• Angle (en degrés) nous le laisserons égal à zéro, car nous avons besoin d'un guide horizontal (si nous le réglons à 90 °, nous obtiendrons un guide vertical).

Créez maintenant un guide vertical. Pour ce faire, prenez la règle de gauche et faites-la glisser sur la toile. Vous pouvez également en prendre un autre horizontal et en utilisant la boîte de dialogue Guider donnez-lui une orientation verticale. Dans tous les cas, il est important de le centrer sur les axes X et Y.

En conséquence, nous avons deux guides qui se croisent exactement au centre du document. Comme dans la figure 4.

Riz. 4

Dans la figure 4, j'ai changé la couleur des guides en vert pour les distinguer des lignes de la grille. Cela peut être fait dans le menu: Fichier ⇨ Propriétés du document ⇨ Guides.

À partir de l'intersection des guides et commencez à dessiner la première étoile. Zoomons. Cela se fait à l'aide de la touche +, ou dans la fenêtre Indicateur d'échelle actuelle (Loupe) sur le cadre inférieur de la fenêtre d'Inkscape.

Prenons un outil Dessiner des étoiles(touche de raccourci "*"). Au Panneaux de paramètres d'outils sélectionnez l'icône en forme d'étoile, le nombre d'angles est de 5 et le rapport des rayons est de 0,382. (Une liste de toutes sortes d'options tombe, parmi lesquelles il y a un pentagramme).

Commencez à dessiner à partir du point d'intersection des guides et déplacez l'outil jusqu'au point d'intersection du guide avec la première ligne de la grille. Si nous avons activé l'accrochage aux grilles et aux guides, il est assez difficile de se tromper. La distance entre les lignes de la grille étant de 10 pixels, l'étoile aura également un grand rayon R1 égal à 10 pixels, soit 1/18 de la hauteur du drapeau (180/18 = 10). Supprimez le remplissage de l'étoile et définissez le trait sur 0,25 pixel d'épaisseur.

Riz. 5

Nous avons un échantillon de l'étoile. Maintenant, vous devez disposer 12 étoiles selon les spécifications : autour d'un cercle d'un rayon de 1/3 de la hauteur du drapeau (180/3 = 60 pixels) et dans l'ordre des chiffres sur le cadran de l'horloge. Cette tâche peut être accomplie de plusieurs manières : vous pouvez tracer un cercle, le diviser en 12 parties et placer une étoile à chacun des 12 points ; vous pouvez déplacer des copies de notre étoile du centre du document vers des points avec des coordonnées calculées ; vous pouvez penser à d'autres options.

Nous prendrons le chemin le plus simple.

Commençons par régler l'échelle à environ 400 %.

Désélectionnez ensuite l'étoile déjà dessinée. Pour ce faire, cliquez simplement sur n'importe quel endroit vide sur la toile.

Puis on reprend l'instrument Dessiner des étoiles et des polygones(touche de raccourci "*"). Dessinez un dodécagone régulier à partir du point d'intersection des guides vers le haut. Son coin supérieur doit se trouver à l'intersection de la ligne directrice verticale et du sixième à partir du centre de la ligne de quadrillage. Les paramètres de l'outil sont illustrés à la figure 6.

Riz. 6

Pour placer des étoiles sur les douze sommets du polygone, vous devez ajuster la capture différemment. Au Panneaux collants désactiver le respect Grilles, guides (leurs boutons ne tiennent généralement pas dans la fenêtre, pour les voir, vous devez cliquer sur le coin noir en bas du panneau)... Mais nous connectons des boutons visibles Accrocher avec les centres des objets et Tenez-vous en aux nœuds pointus(ils sont illustrés à la figure 7).

Tout d'abord, déplaçons l'étoile existante vers le haut correspondant à 12 heures. Sélectionnez l'objet avec l'outil Surligneur (F1) et faites-les glisser en place. Nous suivons les conseils qui apparaissent près du pointeur (nous avons besoin que le point central de l'objet colle au nœud pointu) comme dans la figure 7.

Riz. 7

Nous allons fabriquer le deuxième pignon en utilisant la méthode de duplication. Lors de la duplication, une copie (duplicata) de l'objet sélectionné apparaît et se trouve exactement au-dessus de l'échantillon, de sorte que le doublon ne peut être détecté qu'en le faisant glisser avec l'outil Surligneur (F1). N'oubliez pas d'annuler les mouvements inutiles plus tard à l'aide de raccourcis clavier Ctrl + z ou menu Modifier ⇨ Annuler.

Dupliquons maintenant l'étoile. L'objet sélectionné, appuyez sur les touches CTRL + d(vous pouvez sélectionner le menu Modifier ⇨ Dupliquer, ou vous pouvez cliquer avec le bouton droit sur l'objet et sélectionner Dupliquer dans le menu contextuel). Le duplicata est déjà sélectionné et est placé au-dessus de l'original.

Reste à le prendre Surligneur (F1) et passez au sommet suivant (Figure 8).

Riz. huit

Continuez à dupliquer et à faire glisser jusqu'à ce que les 12 Euro-étoiles forment un cercle.

Sélectionner et supprimer (à l'aide de la touche Suppr) un dodécagone - nous n'en avons plus besoin.

Sélectionnez maintenant toutes les étoiles en cliquant dessus avec l'outil de sélection, tout en maintenant la touche DÉCALAGE, ou dessiner avec l'outil Surligneur (F1) un cadre carré autour de toutes les étoiles au fur et à mesure que l'on sélectionne plusieurs icônes sur le bureau (la méthode "gomme"). Toutes les étoiles seront mises en évidence. Ensuite, nous les regrouperons (Objet ⇨ Groupe)... Pourquoi grouper ? Les remplir de jaune et supprimer le trait non pas un à un, mais de tous à la fois. Et en général, vous devez vous habituer à la commande.

Ouvrez la fenêtre Objet ⇨ Remplissage et contour et remplissez le groupe d'étoiles de couleur RVB : 0, 51, 153 ou, en d'autres termes, RVBA : fecc00ff.

Riz. neuf

Il reste à créer le fond. Connectez-vous en respectant Bordure de toile (le bouton n'est pas visible - cliquez sur le coin noir en bas du panneau) .

Riz. Dix

Utilisez l'outil pour dessiner un rectangle sur l'ensemble Document, il collera aux bords de la page. Remplissez-le de couleur RVB : 0, 51, 153 (003399ff).

Riz. Onze

Pardon, où sont les étoiles ? Ils sont restés "en dessous" sous le fond. Chaque image sur un document est à son propre niveau. Bien que nous n'ayons qu'une seule couche, elle ressemble toujours à une couche. C'est ce qu'on appelle le positionnement par Axe z(un axe imaginaire perpendiculaire au plan de la toile). Ajustez la position de l'objet sélectionné en Axe zà l'aide des touches :

• ACCUEIL - augmenter au plus haut plan
• PgUp - augmenter
• PgDown - omettre
• FIN - Envoyer à l'arrière

Vous pouvez également le faire à partir du menu Un objet(les mêmes positions), ou en utilisant les picogrammes correspondants sur Outils de sélection dockers (F1).

Nous avons deux possibilités : soit monter les étoiles tout en haut, soit baisser l'arrière-plan tout en bas. Le fond étant plus facile à sélectionner puisqu'il est bien en vue, sélectionnez-le et appuyez sur la touche Page suivante... Voici les étoiles. (Si on n'avait pas regroupé les étoiles, il aurait fallu appuyer sur la touche Page suivante douze fois, selon le nombre d'étoiles, ou utilisez la touche FINIR.

Riz. 12

Il reste à masquer les guides et la grille. (Voir ⇨ Grille / Guides).

Le drapeau est prêt. Effacez les defs et enregistrez-les. Exporter au format raster si vous le souhaitez image PNG.

C'est tout pour aujourd'hui, et la prochaine fois nous quitterons les jeux d'enfants avec des drapeaux et nous appréhenderons les contours.

Chapitre 4 sur les chemins, les courbes de Bézier et les gradients.

Aujourd'hui, nous allons représenter un drôle de croisement entre un fer et une police. Ce faisant, nous apprenons :

• Comment importer un bitmap
• Comment faire un contour vectoriel d'un bitmap
• Comment travailler avec des chemins et des courbes de Bézier
• Comment créer des objets texte et les transformer en chemins
• Comment remplir un objet avec un dégradé

L'image d'aujourd'hui ressemble à ceci :

Riz. 1

Pour le créer, il nous faut au moins un fer à repasser, ou plutôt une photographie de celui-ci. Le trouver sur Internet n'est pas difficile. Voici ce que j'ai utilisé :

Riz. 2

Créez un document de 500x500 px, désactivez la capture globale, nous n'avons pas besoin de grille.

Maintenant, nous prenons le fichier image et le faisons glisser avec la souris sur le canevas. Immédiatement, nous verrons une boîte de dialogue pas très claire (Figure 3).

Riz. 3

Qu'est-ce que ça veut dire? - Il existe deux façons de mettre en miroir des images raster (non vectorielles) dans Inkscape.

Pour nos besoins, la deuxième option convient - Attacher photo du fer. Nous le supprimerons quand même plus tard.

Donc, nous avons une photo du fer sur la toile. C'est ce qu'on appelle l'importation de bitmaps. Vous pouvez utiliser le menu Fichier Importer... Il n'y a pas de différence entre ces deux méthodes.

Nous allons maintenant décrire le fichier raster avec un contour. Inkscape a des mécanismes pour vectoriser automatiquement les bitmaps, mais nous n'en avons pas besoin pour le moment. Il est beaucoup plus rapide, plus fiable et plus économique (en termes de taille de fichier) d'encercler la photo du fer avec un contour vectoriel.

Pour ce faire, prenons un outil qui répond aux raccourcis clavier. MAJ + F6, et est destiné à Dessiner des courbes de Bézier et des droites... Quelles sont les courbes de Bézier, vous regardez sur Internet, et travailler avec elles est très agréable et intéressant.

Nous augmentons l'échelle des pourcentages à 250 et commençons à mettre des points (nœuds) avec l'outil MAJ + F6... Placez le premier point avec le clic gauche de la souris et faites glisser la ligne de toile d'araignée vers le coin suivant ou modifiez la courbure. Plus il y a de nœuds, plus il est difficile de créer un joli contour plus tard, et plus la taille du fichier est importante. Cependant, les nœuds manquants peuvent toujours être ajoutés et les nœuds supplémentaires peuvent être supprimés.

Faites défiler la toile verticalement avec la molette de la souris, horizontalement MAJ + molette de la souris... Après avoir atteint le nœud initial le long du contour, cliquez dessus et le contour est fermé.

Pour voir les nœuds comme dans la figure 5, vous devez prendre l'outil ( F2) et cliquez sur le contour.

Riz. 5

Ensuite, nous augmentons encore l'échelle et corrigeons les points lumineux sans succès (simplement en les faisant glisser avec la souris), supprimons les points supplémentaires en les sélectionnant en cliquant sur la souris et en appuyant sur la touche DEL... Pour ajouter le nœud manquant, vous devez double-cliquer sur l'outil F2.

Ensuite, nous commençons à plier des lignes droites, les transformant en courbes de Bézier. Tout cela se fait avec le même outil. F2... Vous pouvez vous plier en saisissant la ligne de contour et en tirant avec la souris, ou vous pouvez utiliser les leviers qui apparaissent aux nœuds lorsque la ligne est pliée. Les leviers peuvent être tournés et modifiés de longueur, permettant un ajustement très précis du contour à l'image (Figure 6).

Riz. 6

Après avoir traité le contour extérieur lentement, nous traitons le contour à l'intérieur du manche en fer de la même manière.

Nous devons combiner les deux contours en un seul afin qu'entre la poignée et le corps du fer nous obtenions un "trou" comme un rouleau. Pour cela, sélectionnez les contours extérieur et intérieur en maintenant enfoncée la touche DÉCALAGE... Comme dans la figure 7.

Riz. 7

Et puis combiner en allant au menu Contour ⇨ Fusionner... Voici à quoi ressemble le chemin fusionné (Figure 8) une fois la photo raster supprimée. (Pour supprimer, vous devez le sélectionner avec l'outil F1, puis appuyez sur la touche DEL)

Riz. huit

Il est temps de s'occuper du texte. Nous prenons l'outil Texte (F8) et effectuez les réglages nécessaires dans le panneau Paramètres d'outil. Police sélectionnée ici Nimbus Romain # 9 L- il a de gros beaux empattements, Taille de police: 144 et style Gras(Illustration 9).

Si vous ne disposez pas d'une police appropriée, installez-la comme d'habitude dans votre système d'exploitation. Inkscape trouvera les polices système au prochain démarrage du programme.

Quelque part sous le fer, nous cliquons sur l'outil Texte, et tapez le mot "FER" en majuscules. Si vous avez oublié de faire les réglages, il n'est pas trop tard, le texte changera sous vos yeux.

Riz. neuf

Sélectionnez ensuite le texte avec l'outil F1 et à l'aide des flèches autour du rectangle de sélection en pointillé, nous ajustons la taille du bloc de texte à la taille du contour en fer et le réglons à l'endroit souhaité.

Riz. Dix

Pour pouvoir modifier le texte, vous devez le transformer en un contour. En même temps, il perdra les propriétés du texte (la possibilité d'éditer, un petit "poids"), mais il acquerra toutes les propriétés des contours. Cette transformation est irréversible, il n'y a aucun moyen de récupérer le texte des contours (bien que vous puissiez annuler cette action).

donc au menu Chemins ⇨ Objet de contour... Le cadre de sélection devient plus petit, il est maintenant proche des lettres. Et en utilisant l'outil F2, vous pouvez voir les nœuds des nouveaux chemins, comme le montre la figure 11.

Riz. Onze

Pour faciliter le travail avec les contours des lettres, supprimez le remplissage du texte et définissez le trait sur 1 pixel. Puis, tout en maintenant le DÉCALAGE, outil F2 sélectionnez tous les nœuds supérieurs dans chaque lettre. Les nœuds sélectionnés deviendront bleus, comme dans la Figure 12. Ensuite, à l'aide de la flèche vers le haut du clavier, élevez les nœuds sélectionnés d'une certaine distance.

Riz. 12

Tout le monde est bon au dessin 12, mais laisse tomber les lettres Ont et g- les nœuds supplémentaires n'ont pas été inclus dans la sélection. Mais ce cas est facilement réparable. Regardons l'exemple de la lettre g... Tout d'abord, sélectionnez et supprimez le nœud supplémentaire qui ne voulait pas monter. La barre oblique disparaîtra. Sélectionnez ensuite ensemble les nœuds supérieurs de la lettre qui restent non connectés. Cliquez sur l'icône Connectez les contours le long des nœuds d'extrémité sélectionnés avec un nouveau segment... Ce pictogramme est situé sur Panneaux de préférences d'outils directement au-dessus de la toile, et est clairement visible sur la figure 13.

Riz. 13

Le contour entre les nœuds sélectionnés sera fermé. Faisons la même chose avec la lettre Ont.

La question est, pourquoi n'avons-nous pas simplement mis les nœuds supplémentaires en place ? Le fait est que dans ce cas les contours des lettres Ont et g ne serait pas fermé, et cela pourrait nous gâcher beaucoup de sang lors du traitement ultérieur de l'image. L'ordre, c'est quand tous les contours sont fermés.

Après avoir corrigé les contours, nous continuerons à soulever la rangée supérieure de nœuds. Pour ce faire, vous devrez tous les sélectionner à nouveau, mais maintenant l'espace vous permet de ne pas cliquer sur chacun, mais, avec le même outil F2, encerclez tous les points avec un long rectangle, lorsque nous sélectionnons un groupe de fichiers sur le bureau (la "méthode de la gomme").

Relevons les nœuds pour qu'ils soient tous à l'intérieur du contour du fer et de l'anneau de la lettre N.-É. tirez-le séparément à la main, le plus haut possible et légèrement vers la droite, sans dépasser le contour du fer.

Riz. Quatorze

Et après? C'est vrai, les contours doivent être combinés, et pas seulement combinés, mais résumés afin d'exclure toutes les parties inutiles du texte à l'intérieur du contour en fer. Sélectionnez les deux chemins. Allez Contours ⇨ Somme... Et devant nous se trouve la somme de deux contours (figure 15).

Riz. 15

Il reste maintenant à remplir le chemin fusionné avec un dégradé.

Un dégradé est un remplissage dans lequel une couleur se fond dans une autre. Nous voulons une transition en douceur du noir au rouge. Ouvrez la fenêtre Remplissage et contour et dans l'onglet Remplir cliquez sur l'icône Gradient linéaire(Illustration 16).

Riz. 16

Notez que dans la colonne Répéter nous choisissons dans la liste reflété... Cela signifie que le changement de couleur ne passera pas seulement du noir au rouge, mais sera reflété et passera du rouge au noir.

Mais tant qu'on a un dégradé du noir au transparent, bien que vous puissiez avoir un autre, ça ne nous arrange pas, on appuie sur la touche Changer et une fenêtre apparaît Éditeur de dégradé(Illustration 17).

Riz. 17

Dans la fenêtre Éditeur de dégradé tout en haut, une bande étroite (en partie masquée sur la figure 17) montre le gradient actuel. Ci-dessous se trouve la section des points d'ancrage du dégradé (le pointeur de la souris repose dessus). Nous devrions avoir deux points d'ancrage : noir et rouge. Cliquer avec la souris n'importe où dans la section (et pas seulement sur les flèches à son extrémité droite) fait apparaître une liste de points d'ancrage (dans la Fig. 17 c'est stop3794 et stop3796).

Utilisez la souris pour mettre en surbrillance le premier point d'ancrage en bleu. Le point d'ancrage noir doit être noir RVB : 0,0,0 à une opacité totale de 255.

Mettez en surbrillance le deuxième point d'ancrage en bleu et réglez sa couleur sur le rouge RVB : 255,0,0, comme sur la figure 17. Opacité 255 (faites particulièrement attention à l'échelle d'opacité A - ils l'oublient souvent, puis se demandent pourquoi le dégradé est transparent).

Allons dans la fenêtre principale et prenons l'outil ( F2). Nous voyons l'image suivante (Figure 18).

Riz. dix-huit

Nous avons obtenu un dégradé allant du noir au rouge de droite à gauche. Et nous avons besoin de haut en bas, et même avec réflexion.

Vous voyez le levier de dégradé que j'ai marqué avec la flèche noire sur la figure 18 ? Il n'est visible qu'à l'aide de l'outil F2... L'extrémité gauche du levier a un carré (premier point d'ancrage) et l'extrémité droite a un cercle (deuxième point d'ancrage du dégradé). Pour ce carré avec un cercle, le levier de dégradé peut être déplacé, agrandi, allongé et raccourci à votre guise. En faisant glisser le carré vers la zone de la poignée et le cercle au milieu du fer, nous obtenons ce que nous voulons (Figure 19).

Riz. 19

J'ai déplacé le levier de dégradé de la figure 19 en dehors du contour pour une meilleure clarté. Veuillez noter que le levier n'est pas strictement vertical, mais légèrement incliné pour que la ligne rouge soit parallèle à la semelle du fer.

Maintenant, il reste à cliquer avec l'outil quelque part en dehors du contour et tous les nœuds et leviers disparaîtront.

Nous éliminons les défs.

Nous sauvegardons le fichier dans nos archives. Le travail est terminé.

Dans le prochain chapitre, nous examinerons le programme de vectorisation automatique de bitmaps intégré à Inkscape.

Chapitre 5, dans lequel nous apprendrons la vectorisation automatique des bitmaps

Aujourd'hui, nous allons très brièvement jeter un œil au programme de vectorisation automatique de bitmaps intégré à Inkscape. Superficiellement - parce que ce sujet est inépuisable, cela dépend entièrement de la nature du bitmap, ainsi que de l'expérience du vectoriseur.

Nous n'aborderons guère les problèmes des contours manuels, ce sujet est traité en détail dans l'article "Inkscape : Poursuivre le développement d'un éditeur de graphiques vectoriels gratuit", ainsi que dans ce Guide.

Le sujet de la leçon sera la vectorisation automatique à l'aide du programme intégré à Inkscape. .

Tout d'abord, nous devons expliquer clairement qu'aucun programme de conversion automatique d'une image raster en un vecteur ne nous donnera une copie vectorielle de notre photo ou peinture préférée. Tous ces programmes ne peuvent qu'aider à construire les contours de l'image pour un traitement manuel ultérieur.

La première étape consiste à importer le bitmap dans Inkscape. La façon la plus simple de le faire est de faire glisser et déposer le fichier dans la fenêtre du programme.

Ensuite, allez au menu Chemins Vectoriser le raster... La fenêtre illustrée à la figure 1 apparaîtra.

Riz. 1

Il y a trois zones dans cette fenêtre :

Balayage unique(ce qui signifie un coup) - marqué en vert.

Analyse multiple(scans plusieurs fois, le nombre de scans est indiqué dans la case). Les résultats de ces analyses sont empilés le long de l'axe Z.

Aperçu... Dans cette zone, après avoir appuyé sur la touche Rafraîchir un résultat de traitement préliminaire apparaît.

Le choix de la méthode de balayage s'effectue en cliquant sur l'un des boutons radio, quelle que soit la zone à laquelle il appartient. Un seul bouton peut être sélectionné à la fois ; si cette méthode est possible, alors dans la zone Aperçu une image apparaîtra.

Si vous êtes satisfait du résultat de l'aperçu, cliquez sur le bouton d'accord en lançant le processus de vectorisation lui-même. Avec des fichiers raster volumineux, cela peut prendre beaucoup de temps.

Quel processus doit être utilisé dans chaque cas spécifique? Cela ne peut être démontré que par l'expérience. Essayez différentes méthodes, avec des seuils différents, essayez des analyses simples et multiples, n'oubliez pas l'onglet Options.

Voici quelques exemples pour illustrer le processus.

1. Image dessinée à la main en couleur simple avec du texte.

2

Dans la figure 2, vous pouvez voir le logo original. Le dessin est très simple, le texte est standard, il y a peu de couleurs. Seule la balle elle-même est représentée avec beaucoup de détails, on dirait qu'une photographie est insérée. La meilleure façon de vectoriser une telle image est d'utiliser numérisation multiple en couleur... De plus, si vous prenez un grand nombre de couleurs, par exemple 32, le résultat sera alors très similaire à l'original sans aucun traitement supplémentaire, illustré à la figure 3.

Riz. 3

Comme dit le proverbe, trouvez cinq différences.

Une chose est mauvaise, ce fichier SVG « pèse » près de 4 mégaoctets ! Après tout, cette image est une pile de 32 contours séparés de différentes couleurs. Les fichiers de cette taille sont inutiles.

Vous pouvez obtenir de bons contours en réduisant le nombre de couleurs à plusieurs scans en couleur jusqu'à quatre. La figure 4 montre l'original lui-même (dans la rangée du haut) et quatre contours multicolores.

Riz. 4

Ils ont été "tirés" de la pile et placés côte à côte. Dans ce cas, le contour vert est le plus réussi, il est tout à fait possible de le casser ( Contour ⇨ Diviser) sur des chemins séparés, puis donnez à chaque partie un remplissage et un contour appropriés, et vous obtiendrez une copie vectorielle de faible poids et de très haute qualité. Dans le même temps, la part du travail manuel est minime.

2. Emblème simple dessiné à la main

Prenez, par exemple, un simple logo Adidas unicolore (Figure 5, ci-dessus).

Riz. 5

Pour le vectoriser, j'ai utilisé un seul scan avec détection des contours. Tous les paramètres ont été laissés par défaut. Le résultat est un joli contour adapté au remplissage et à l'effleurage. Et si vous le peaufinez un peu à la main, en supprimant les nœuds inutiles et en redressant certaines courbes de Bézier, et même en redessinant la marque ®, vous obtiendrez un logo de meilleure qualité que l'échantillon original.

3. Fragment de photo agrandie

Le logo ci-dessous est une section très agrandie d'une photographie d'un wagon de train.

Riz. 6

Il a été vectorisé en deux étapes. Tout d'abord, un seul balayage a été appliqué avec En réduisant la luminositéà seuil de porte 0,150. Le résultat est le contour supérieur de la figure 7.

Riz. 7

Le symbole des monades - Yang et Yin est parfaitement visible dessus, mais la police n'a pas du tout fonctionné. Ensuite, le seuil a été augmenté à 0,650 et le contour au milieu de la figure 7 est sorti.

On l'a travaillé un peu à la main, les cercles ont été dessinés avec un outil Pour dessiner des cercles et des ellipses (F5), Red Yang a été légèrement corrigé et a obtenu le logo sur un solide "quatre". (Ci-dessous dans la figure 7). Si je devais encore corriger les lettres, cela aurait été mieux que celui de la firme.

4. Image de complexité moyenne avec photo de mauvaise qualité.

Nous avons réussi à télécharger une image, familière à nos pères souffrant de douleurs aux poumons, à partir des cigarettes de Kazbek (Figure 8).

Riz. huit

La photo, comme vous pouvez le voir, est de mauvaise qualité, prise à partir d'un paquet de cigarettes froissé. Cependant, il était possible de créer un logo assez décent à partir de celui-ci et un traitement manuel n'était requis que dans une partie de la police (Figure 9).

Riz. neuf

La numérisation multiple a été appliquée à 6 couleurs. Résultats avec une pile éclatée de contours dans la figure 10.

Riz. Dix

Sur 6 contours, 3 ont été sélectionnés (Figure 11).

Riz. Onze

Le contour bleu a donné la silhouette des montagnes et du cavalier (avec un traitement manuel minimal - nettoyage des taches) et la police (avec une correction manuelle approfondie du contour des lettres). Tout a été retiré du contour médian, à l'exception des calottes neigeuses (les nœuds ont été retirés manuellement à l'aide de la méthode "rubber band"). Eh bien, le fond (en bas) est resté le fond.

J'espère que ces quelques exemples vous donnent une idée du processus de vectorisation automatique dans Inkscape. Il y a beaucoup de littérature sur ce sujet et il y a de bons exemples. Mais dans un tel cas, rien ne peut remplacer l'expérience personnelle - essayez différents modes, soyez créatif et osez, mais rappelez-vous que notre principal outil est la tête et les mains.

Dans le chapitre suivant, nous traiterons de la représentation des objets volumétriques : cubes et boîtes.

Inkscape (Inkscape) est un éditeur puissant pour créer des graphiques vectoriels, des illustrations artistiques et techniques de presque n'importe quelle complexité.

Inkscape conçu pour créer des présentations, des logos, des cartes de visite, des affiches, des illustrations pour des circulaires de bureau, des illustrations techniques (schémas, graphiques) et beaucoup plus ...

V Inkscape il est possible de créer des graphiques vectoriels pour une impression de haute qualité (avec pré-import SVG dans Scribus), graphiques Web (des bannières aux mises en page de sites Web), des pictogrammes pour les applications, des boutons pour les sites et des graphiques pour les jeux.

L'histoire d'Inkscape a commencé lorsque plusieurs programmeurs et quelques concepteurs capables d'écrire du code n'étaient plus satisfaits des conditions de développement d'un éditeur de graphiques vectoriels. Réalisant qu'ils ne seraient pas en mesure d'appliquer correctement leurs compétences, ils ont organisé un nouveau projet, qu'ils ont appelé Inkscape.

V Inkscape son propre moteur de rendu est utilisé livarot (à l'avenir, il est possible de passer au Caire), dispose d'une puissante infrastructure de script (écrit en Perl, Python et Ruby). SVG basé sur le langage de balisage XML et des extensions y sont écrites, par exemple, implémentant la prise en charge de nouveaux formats de données.

Inkscape utilise la norme W3C intitulé Image Vectorielle (SVG). Format SVG vous permet de créer des illustrations de différents types, y compris des illustrations animées.

Inkscape a son propre format de document (basé sur SVG v1.1), contient immédiatement un certain nombre d'extensions pour augmenter les fonctionnalités.

Les documents Inkscape SVG peut être enregistré sous SVG simple avec la possibilité de modifier non pris en charge dans l'habituel SVGéléments comme contours. Les documents peuvent être enregistrés et ouverts sous une forme compressée à l'aide d'un algorithme de compression gzip.

V Inkscape ces capacités sont prises en charge SVG comme les formes, les chemins, le texte, les marqueurs, les clones, l'alpha, les transformations, les dégradés, les textures et le regroupement. Les groupes peuvent être utilisés SVG en tant que calques et déplacer des documents entre les calques.

Inkscape prend également en charge les métadonnées Creative Commons, édition de nœuds, calques, opérations complexes avec contours, vectorisation de graphiques bitmap, texte le long du contour, texte enveloppé dans une forme, édition XML-données directement et bien plus encore.

Inkscape est facile à utiliser et possède des outils familiers : Sélectionner, Échelle, Modifier les nœuds, Rectangle, Ellipse, Étoile, Spirale, Ligne à main levée, Courbes de Bézier, Crayon calligraphique, Texte, Connecteurs, Dégradé, Pipette.

Les modes de changement de contour de l'outil Correcteur vous permettent de pousser, couper, agrandir, pousser, tirer et rendre rugueux n'importe quel contour pour remodeler arbitrairement les objets.

Le fonctionnement des modes de changement de couleur du nouvel outil Correcteur est similaire à celui de la brosse douce dans les éditeurs bitmap. Si vous avez plusieurs objets dans votre dessin, vous pouvez tous les sélectionner et dessiner dessus avec n'importe quelle couleur de remplissage ou de trait.

Inkscape dispose d'une barre d'outils contextuelle pratique, est livré avec un ensemble de textures disponibles via la boîte de dialogue " Remplissage et contour» (vous pouvez facilement et facilement remplir l'objet d'une texture sous forme de rayures, de cellules en damier ou d'un motif à pois).

Outil " Remplissage et contour"A de grandes capacités, fonctionne exactement de la même manière que son homologue dans les éditeurs de graphiques raster, cliquer sur une zone la remplit avec la couleur sélectionnée, vous permettant d'accomplir la tâche beaucoup plus rapidement.

Avec un effet dynamique " Circuit"le long du chemin, vous pouvez diriger un chemin le long de l'autre. Avec l'outil d'édition de nœud habituel, le chemin A peut être édité directement sur le canevas, et le résultat sera mis à jour à la volée (la fonction est équivalente à « pinceaux vectoriels » et « traits squelettiques » dans d'autres éditeurs de graphiques vectoriels).

Le stylo calligraphique a des fonctions qui vous permettent d'utiliser Inkscape pour imiter les gravures sur bois, ce qui vous permet de modifier l'obscurité des traits à tout moment et même d'effacer des parties du dessin. Il est possible d'utiliser " cloner"et des inserts de style (attribution des propriétés de remplissage et de contour d'un objet à un autre).

Inkscape a un vectoriseur bitmap intégré utilisant SIOX pour mettre en évidence les objets au premier plan. Options avancées pour travailler avec des clones d'objets, créer un motif à partir de clones à l'aide de l'un des 17 groupes de symétrie, prise en charge de l'inclinaison et de la pression du stylet lors de l'utilisation de tablettes graphiques (outil stylo calligraphique).

Inkscape prend en charge le dessin partagé via le protocole XMPP (Jacasser), il y a un éditeur intégré XML-code d'un document avec une arborescence d'objets (pour accéder aux paramètres du document non encore supportés dans l'interface graphique).

Inkscape importe des fichiers dans des formats tels que : SVG, SVGZ, EMF, EPS, PostScript, Dia, AI, Sketch, PNG, TIFF, JPEG, XPM, GIF, BMP, WMF, WPG, GGR, ANI, ICO, CUR, PCX, PNM, RAS, TGA, WBMP, XBM, XPM.

L'une des principales utilisations des graphiques vectoriels aujourd'hui est de créer des miniatures, ou comme on les appelle souvent, des "icônes". Pour l'oreille orthodoxe russe, un tel mot sonne un peu blasphématoire, je ne l'utiliserai pas.

Lorsque vous créez une miniature sous une forme bitmap traditionnelle, vous ne pouvez la réduire (ainsi que l'augmenter) uniquement dans des limites étroites, il devient très vite impossible de comprendre ce qui est réellement représenté. Après tout, une image raster se compose de points individuels (ou plutôt de carrés), appelés pixels, qui ont des dimensions bien définies (1/90 de pouce, en règle générale). En réduisant l'image, nous ne réduisons pas la taille des pixels, mais leur nombre, ce qui fait disparaître les détails de l'image. A fort grossissement, on voit des carrés, mais on ne voit pas d'images derrière eux (comme dans un musée, avec le nez enfoui dans la toile, vous ne verrez que des traits).

Une image vectorielle est une autre affaire. Il s'agit essentiellement d'un fichier texte XML et décrit mathématiquement toutes les lignes, courbes et couleurs à partir desquelles l'image est construite. Il est clair que lorsque vous changez d'échelle, les lois de construction des courbes ne changent pas, vous pouvez donc créer une image, puis l'agrandir et la réduire dans des limites énormes sans la moindre perte de qualité d'image.

Malheureusement, il n'existe pas encore de normes uniformes pour les fichiers vectoriels, tout comme il n'y a aucun moyen de les visualiser sans programmes spéciaux. Dans le monde du logiciel libre, le fichier SVG est la norme, mais tous les navigateurs ne le comprennent pas encore (vous savez lequel). Par conséquent, vous devez réduire l'image à la taille souhaitée, puis la convertir en un raster de la taille appropriée. Mais dans le nouveau KDE 4, tous les graphiques sont vectoriels, c'est pourquoi il est bien meilleur que le précédent.

Passons maintenant aux choses sérieuses. Commençons par dessiner une ampoule vectorielle et utilisons-la pour nous éclairer sur la façon de travailler avec le programme merveilleux, mais pas le plus intuitif, Inkscape.

Nous créons un nouveau fichier. Fichier -> Nouveau≈ la plus longue liste d'options s'ouvre. Nous choisissons d'elle icon_48x48, il s'agit d'une norme courante pour les vignettes. Nous pourrions créer un fichier de n'importe quelle taille puis le réduire, mais pourquoi des déplacements inutiles ?

Ici, nous avons une fenêtre Inkscape avec un nouveau fichier vierge.

Riz. 1

Avant de pouvoir dessiner quoi que ce soit, vous devez faire deux choses :

D'abord. Passe le Fichier -> Propriétés du document, une fenêtre du même nom avec plusieurs onglets s'ouvrira. Nous avons besoin d'un onglet Adhésion(Figure 2).

Riz. 2

Il est nécessaire de décocher la case marquée d'un marqueur, désactivant ainsi le collage. Lorsqu'il s'agit de travaux délicats, l'adhérence gêne.

Seconde. Ajustez la grille pour un dessin facile. Ma longue agonie avec l'ajustement de la grille a montré que vous devez l'ajuster à des grossissements élevés, de l'ordre de 10 000%, sinon vous ne pouvez l'ajuster que par accident.

A configurer dans la même fenêtre Propriétés du document ouvrir l'onglet Grilles(photo 3)

Riz. 3

En haut de la fenêtre on lit : Grille rectangulaire et au-delà Créer... On presse.

La grille par défaut s'ouvre, ce qui ne nous convient pas. Nous avons un fichier de 48x48 pixels, donc le nombre de quadrillages principaux doit être un multiple de 12, 6 ou 4 pour voir facilement le milieu du canevas. Par conséquent, nous exposons La ligne de grille principale est chacun : 12 lignes. UNE Espacement X et Y laissez 1 pixel. Ajustez les couleurs des lignes régulières et principales de la grille pour qu'elles ressemblent à du papier quadrillé (qui se souvient de quoi il s'agit). Si la grille n'apparaît pas immédiatement, ou n'apparaît pas comme elle le devrait, alors en bas de la fenêtre il y a une longue touche Effacer... Après avoir supprimé le maillage défaillant, vous devez zoomer davantage et créer un nouveau maillage. Le moyen le plus simple de changer l'échelle est d'utiliser les touches. + et - , ou cela peut être dans le coin tout en bas à droite de la fenêtre principale d'Inkscape, il y a une fenêtre spéciale (marquée d'une flèche dans la Figure 1).

Une fois la grille créée, elle peut être supprimée et superposée à partir du menu. Affichage -> Grille... Ce serait bien de sauvegarder le fichier sous le nom lamp.svg afin que le programme se souvienne du maillage actuel. En général, au cours du travail, je recommande de sauvegarder le fichier de temps en temps. Le fait est qu'Inkscape utilise une quantité limitée de mémoire machine, et parfois le problème causé par son manque de mémoire devient perceptible.

Commençons maintenant à dessiner. Choisissez une échelle qui vous permet de voir l'ensemble de la toile dans son ensemble. Dessinez un cercle plus près du haut de la toile à l'aide de l'outil F5.

Barre d'outils occupe le bord gauche de la fenêtre d'Inkscape et n'importe quel outil peut être invoqué en appuyant sur une touche Fn, où n est le numéro ordinal de l'outil, en commençant par le haut. Vous pouvez simplement cliquer sur la boule rose, vous pouvez facilement deviner qu'elle dessine des cercles. Au contraire, il dessine des ellipses, mais si vous maintenez la touche enfoncée CTRL puis des cercles.

Avant d'essayer de dessiner un cercle, assurez-vous d'aller dans le menu Aide -> Tutoriel -> Formes... Vous ne le regretterez pas - le didacticiel Inkscape est interactif. Dans la fenêtre du didacticiel qui s'ouvre, vous pouvez vous entraîner à dessiner, modifier, transformer des formes et d'autres éléments. Tout cela est accompagné d'instructions détaillées en russe. Vous ne découvrirez jamais même un dixième des capacités du programme par vous-même si vous négligez Cahier de texte.

Mais ensuite, vous avez commencé à dessiner un cercle et, hors du relief, vous laissez tomber la souris - votre cercle s'avère être rouge avec une bordure noire épaisse, et même, peut-être, avec un segment découpé.

Riz. 4

Le tutoriel n'a pas averti à ce sujet. Ne vous précipitez pas pour supprimer le cercle effrayant et recherchez les paramètres de l'instrument. C'est parce qu'Inkscape dessine d'abord un élément puis le modifie. C'est quelque peu inhabituel, car dans la plupart des programmes, et juste dans la vie, l'instrument est d'abord configuré, puis utilisé seulement. Ici, tout est inversé : s'il n'y a pas d'objet, il n'y a pas de paramètres (c'était la même chose avec la grille - nous l'avons d'abord créée, puis ajustée).

Le cercle dessiné est sélectionné par défaut, mais sinon, vous devez le sélectionner à l'aide de l'outil F1 flèches. Prenez le temps de lire les deux premières sections du tutoriel, sinon je vais devoir les réécrire dans cet article. Lorsque l'objet (cercle) est sélectionné, vous pouvez facilement transformer le monstre en une beauté. Commençons par le segment perdu. Regardez le panneau au-dessus de la fenêtre de travail : dans la figure 4, j'ai tracé le segment d'intérêt en vert (il n'est visible que lorsque l'outil F5 est sélectionné).

Il existe trois options pour dessiner des ellipses, pour une raison quelconque, segmenté est sélectionné par défaut. Passez à la troisième (dernière) option et la boucle sera bouclée. Bon; maintenant, faisons les fleurs.

Allons avec le menu Objet -> Remplissage et contour... Si un objet est sélectionné, vous pouvez facilement modifier sa forme et ses couleurs. Commençons par le cercle rouge. Allez dans l'onglet Remplir(Illustration 5).

Riz. 5

On voit que maintenant le remplissage plat de la couleur ff0000 (rouge pur) est sélectionné selon le système RVB avec une opacité de 100% (deux chiffres hexadécimaux supplémentaires ff à la fin du nombre). Le numéro lui-même est inscrit dans une fenêtre marquée d'une flèche bleue.

Pour nos besoins, nous n'avons pas encore besoin du remplissage, nous cliquons donc sur la croix (flèche verte), ce qui signifie Aucun remplissage... Et le cercle rouge disparaît instantanément.

Enfin, nous avons un cercle noir avec un trait de 1px, comme vous pouvez le voir si vous regardez l'onglet. Style de trait la même fenêtre. Vous vous souviendrez peut-être que nous allions dessiner une miniature d'une ampoule et nous mettre au travail.

Maintenant, nous devons faire une poire du cercle, alors n'hésitez pas à prendre l'outil Maj + F6 qui est appelée Dessiner des courbes de Bézier et des droites... Vous découvrirez par vous-même ce que sont les courbes de Bézier, mais leur utilisation est très simple : appuyez sur le bouton gauche de la souris ≈ placez un point, déplacez l'outil à un autre endroit, cliquez, placez un point. Lorsque nous voulons arrêter et ne pas mettre plus de points, nous double-cliquons ou appuyons sur ENTRER... L'essentiel dans cette entreprise est le minimalisme - ne mettez pas plus de points que nécessaire, dans les cas extrêmes, vous pouvez toujours les ajouter. (Cependant, supprimer les inutiles n'est pas non plus difficile). Dès que nous avons appuyé ENTRER comment la racine des cheveux derrière l'outil se transforme en un chemin avec le trait actuel (Figure 6).

Riz. 6

Maintenant, prenons l'outil F2 et commencez à éditer les nœuds du chemin et les chemins eux-mêmes, en les transformant en courbes de Bézier. Ici, vous devez pratiquer un peu, remplir votre main et lire Cahier de texte, chapitre Cours avancé... Sans cette lecture, vous ne connaîtrez jamais tous les secrets pour traiter les courbes de Bézier.

Vous devriez vous retrouver avec quelque chose de similaire à la figure 7.

Riz. 7

L'étape suivante consiste à supprimer la partie inférieure inutile du cercle. Pour ce faire, vous devez d'abord combiner deux contours - un cercle et une nouvelle courbe - en un seul contour. Pour cela, maintenez enfoncée la touche DÉCALAGE, cliquez alternativement sur l'outil F2 sur un cercle et sur une courbe. Ensuite, allez au menu Chemins -> Fusionner... Il s'avère que dans la figure 8.

Riz. huit

Remarquez les deux nœuds marqués en rouge sur le contour. Maintenant, nous devons ajouter un nœud supplémentaire au-dessus de chacun d'eux. Cela se fait en double-cliquant sur l'outil. F2... Le résultat est dans la figure 9.

Riz. neuf

Maintenant, vous devez sélectionner le nœud tout en bas sur le cercle avec le même outil et le supprimer à l'aide de la touche DEL... Cela modifiera légèrement le contour du contour.

Puis, avec la touche enfoncée DÉCALAGE sélectionnez deux nœuds, qui sont affichés en jaune sur la figure 10. Après les avoir sélectionnés, ils deviennent également jaunes.

Riz. Dix

Ensuite, regardez dans le panneau au-dessus de la fenêtre de travail et trouvez l'icône Chemin divisé illustré à la figure 11.

Riz. Onze

Cliquez sur l'icône avec la souris et le contour entre les nœuds sélectionnés disparaîtra. Mettez en surbrillance tout en maintenant la touche enfoncée DÉCALAGE, nœuds à la limite de la fracture, comme le montre la figure 12.

Riz. 12

Utilisation du pictogramme Connecter les contours aux nœuds d'extrémité sélectionnés(troisième à partir de la gauche sur la figure 11) connectez l'espace. Faites ensuite la même opération de l'autre côté de la poire.

L'ampoule de notre future lampe est prête. Il est maintenant temps de changer sa couleur noire pour une couleur plus appropriée.

Sélectionnez l'objet avec l'outil F1 et ouvre la fenetre Objet -> Remplissage et contour... Dans l'onglet Contour choisissez un gradient linéaire (Figure 13).

Riz. 13

L'objet est peint dans une sorte de dégradé, mais cela ne nous convient pas. Par conséquent, nous appuyons sur la touche Changer... Une fenêtre va s'ouvrir Éditeur de dégradé, Figure 14.

Riz. Quatorze

L'éditeur de dégradé vous permet de modifier les couleurs des extrémités du dégradé, appelées arrêt 3153 et arrêt 3155(les nombres peuvent être n'importe lesquels). Vous pouvez les appeler en cliquant sur les pointeurs, que j'ai marqués d'un cercle vert. Après avoir mis en surbrillance le point de terminaison supérieur, vous devez lui définir la couleur souhaitée. Cela peut se faire de cinq manières : soit en utilisant l'un des quatre onglets vers lesquels pointe la flèche bleue, soit simplement en écrivant le nombre hexadécimal souhaité dans la case que j'ai cerclée de rouge. J'ai choisi la couleur 729fcfff. Les six premiers chiffres sont des nombres rouges, verts et bleus, le dernier (ff) indique une opacité totale.

Ensuite, nous allons au deuxième point final du dégradé et lui attribuons une couleur, dans mon cas, c'est 3465a4ff. La partie gauche du contour de la poire devient plus claire que la droite et ces couleurs se fondent harmonieusement les unes dans les autres. C'est le dégradé. Prenez l'outil F2 et une ligne de direction (levier) du dégradé apparaît à l'écran. Maintenant c'est horizontal, à l'extrémité gauche il y a un carré, à droite - un cercle. Avec la souris, déplacez le carré vers le haut et le cercle vers le bas, comme illustré à la figure 15.

Riz. 15

Le dégradé suivra la diagonale de la toile, donnant un effet lumineux au dessus de la lampe.

Commençons maintenant à remplir notre flacon. Dans la même fenêtre Remplissage et contour, allez dans l'onglet Remplir et choisissez Dégradé radial... J'ai utilisé des couleurs pour les extrémités : ffffff56 et 729fcfe3. Faites attention aux deux derniers chiffres de ces nombres. Ce n'est plus ff, ce qui signifie que ces couleurs ont une certaine transparence, ce qui donnera au flacon un aspect vitreux.

Riz. 16

L'étape suivante consiste à sélectionner notre flacon avec l'outil F1, et dupliquez-le. Ça peut être fait Édition -> Dupliquer ou, plus simplement, un raccourci clavier CTRL + d... La duplication crée une copie de l'objet et la place juste au-dessus, de sorte que les changements sont presque invisibles, sauf que le remplissage du verre est devenu moins transparent. Au lieu de dupliquer, vous pouvez copier l'objet CTRL + c puis coller au même endroit Édition -> Coller sur place (CTRL + ALT + v).

La prise supérieure de notre flacon est déjà sélectionnée, si vous ne l'avez pas désélectionnée. Ouvrez la fenêtre Objet -> Remplissage et contour... Tout d'abord, supprimez complètement le remplissage en cliquant sur la croix N.-É. dans l'onglet Remplir(Illustration 5). Puis en allant dans l'onglet Contour choisissez la couleur plate ffffffff. Il n'est pas difficile de comprendre qu'il est blanc. Il recouvre complètement la couleur bleue sous-jacente de la poire principale.

Saisissez maintenant la flèche d'angle du cadre de sélection avec la souris et, tout en maintenant la touche enfoncée DÉCALAGE, qui assurera la proportionnalité, commencera à réduire le trait blanc. Quand il est à l'intérieur du bleu, nous l'ajusterons plus près du contour bleu à l'aide de l'outil F2 comme dans la figure 17.

Riz. 17

Maintenant, nous devons donner une couleur différente au trait blanc. Nous choisissons Gradient linéaire... Celui qui sera ouvert par défaut (du blanc au transparent) nous conviendra parfaitement. Installer Opacité environ 75 % (échelle en bas de la fenêtre Remplissage et contour). Il ne reste plus qu'à régler les leviers de dégradé ( F2) comme le montre la figure 18.

Riz. dix-huit

L'ampoule est prête. C'était au tour de la "farce" - toutes sortes de fils, de spirales et d'autres choses.

Tout d'abord, dessinez deux fils tenant la spirale. Caressez-les avec un dégradé linéaire du foncé 9927aff au blanc ffffffff. Il est clair que l'extrémité blanche est celle du haut, où les fils sont chauffés avec une spirale (Figure 19).

Riz. 19

Ensuite, nous dessinons la spirale elle-même. Mettre quatre points avec un outil MAJ + F6 et plier les courbes de Bézier. Peignez le trait en blanc. (Illustration 20).

Riz. vingt

Ce n'est pas grave que la spirale soit encore peu visible, plus tard elle se manifestera.

Maintenant, nous dessinons un socle en verre qui maintient toute la structure. Dessinez un rectangle à trois côtés et pliez son côté supérieur. Couleur du trait : plat d0bfacff ; Remplir: linéaire, du blanc ffffffff au blanc transparent ffffff00. Opacité d'environ 50% - verre, après tout. Retrouvez également dans la fenêtre Remplissage et contour chaîne de caractères Répéter: et choisissez reflété... Cela donnera une sorte de double dégradé des bords vers le centre. Déplacez légèrement les leviers de dégradé, comme illustré à la Figure 21.

Riz. 21

Ensuite, vous devez donner à l'ampoule une teinte jaunâtre, si caractéristique des lampes à incandescence. Pour cela, sélectionnez avec l'outil F1 le contour bleu extérieur de notre dessin. Dupliquez-le. Supprimez ensuite le trait et remplissez-le de couleur plate ffc803ff (Figure 22).

Riz. 22

Après cela, donnez à l'objet une opacité de 25% et abaissez-le tout en bas du dessin. Cela peut être fait à partir du menu Objet -> Envoyer à l'arrière, ou simplement en appuyant sur la touche FINIR.

Plus loin. Il y a toujours des reflets sur les objets ronds. Dessinez un ovale blanc sans trait à 36% d'opacité. Puis, une seconde fois cliquez dessus avec l'outil F1... Les flèches dans les coins vont changer, maintenant elles vous invitent à faire pivoter l'objet, ce que nous allons faire. Ensuite, nous mettons l'ovale en place, comme le montre la figure 23.

Riz. 23

Il reste à fixer un socle à la lampe. Dessiner un rectangle avec l'outil MAJ + F6 et pliez ses côtés supérieur et inférieur (Figure 24).

Riz. 24

Ajouter un calque auxiliaire sous le calque courant ( Calque -> Ajouter un calque). Sur ce nouveau calque, peignez avec un trait en pointillés de 0,2 ( Style de trait -> Pointillé) les zigzags suivants, qui nous aideront à placer correctement des points supplémentaires (Figure 25).

Riz. 25

Passons maintenant au calque principal et, en nous concentrant sur les zigzags en pointillés, plaçons sur les côtés avec l'outil F2(double clic) deux points supplémentaires. Ensuite, avec le même outil, déplacez un peu plus les nouveaux points et transformez les segments de contour entre eux en courbes de Bézier. Le résultat devrait ressembler à celui de la figure 26.

Riz. 26

Supprimer la couche auxiliaire ( Calque -> Supprimer)... Regardez simplement quelle couche vous supprimez. Vous devez regarder soit sur le panneau tout en bas de la fenêtre principale, soit dans la fenêtre Couches qui peut être appelé depuis le menu Calque -> Calques ...

Maintenant, nous changeons les couleurs de la base. Traiter avec la couleur plate d59600ff et remplir avec le dégradé linéaire ffd543ff / ffeca9ff. Nous appliquons également Répéter : Reflété... Après cela, nous abaissons l'objet à l'arrière-plan ( FINIR).

Il reste à tirer un fil sur la base. Utilisons à nouveau l'outil MAJ + F6 et dessinez le fil comme sur la figure 27. Supprimez le trait et remplissez l'arrière-plan avec d59600ff. Dans ce cas, il suffit de dessiner un objet, puis de le copier et de le coller à l'endroit souhaité.

Riz. 27

Nous allons maintenant fabriquer la semelle de contact de la lampe. Pour ce faire, il suffit de mettre deux points, puis de les plier en arc et de peindre le trait avec la couleur 5a5249ff.

Riz. 28

Après cela, nous abaissons l'objet ( FINIR).

Il reste à "mettre une ombre sur la clôture". Dessinez une ellipse noire sans trait, floutez-la à 5% et opacité à 15%. Ensuite, nous l'abaissons ci-dessous ( Page suivante ou FINIR).

L'ampoule est prête. Nous enlevons la grille pour la rendre plus facile à admirer.

Riz. 29

Mais ce n'est pas tout. Notre dessin se compose de nombreux objets différents, qui sont mieux combinés pour qu'ils se comportent comme un tout, par exemple, lors de la mise à l'échelle. Pour ce faire, vous devez tout sélectionner (dans le menu Éditer), ou simplement entourer le dessin d'un cadre rectangulaire à l'aide de l'outil F1... Ensuite, allez au menu Objet -> Groupe, et au lieu de plusieurs cadres séparés, un grand cadre apparaît.

Enregistrez le fichier au format SVG pour l'archive. Il y a plusieurs possibilités plus loin. Vous pouvez exporter une image vers un bitmap en utilisant le menu Fichier -> Exporter vers Raster.

Si vous avez besoin d'une miniature d'une taille différente, disons 16x16, alors vous devez aller Fichier -> Propriétés du document et là, sélectionnez une nouvelle taille de document ( icon_16x16). Mettez ensuite le dessin à l'échelle pour qu'il s'adapte à la nouvelle toile et enregistrez-le en tant que copie. Vous pouvez mettre à l'échelle avec l'outil F1, flèches et touches DÉCALAGE; mais il vaut mieux aller au menu Objet -> Transformer... Puis dans l'onglet Escalader sélectionnez une nouvelle taille en pourcentage, cochez la case à côté de Mise à l'échelle proportionnelle et appuyez sur Appliquer.

Lorsqu'il est agrandi, par exemple, dix fois, il est préférable d'abord de mettre l'objet à l'échelle de 1000%, puis de le redimensionner à Propriétés de l'objet la taille de la toile (document). Sinon, il peut être difficile de trouver un petit dessin sur une grande toile.

C'est pour la première fois. Dans la prochaine partie, nous continuerons à explorer les techniques de dessin de graphiques vectoriels.

mikhaillovns 9 décembre 2016 à 14:53

Inkscape : le début (traduction)

• Travailler avec des graphiques vectoriels,
• Conception graphique

• Mode de récupération

Préface du traducteur :
Au cours des premiers mois de 2013, les auteurs de PCLinuxOS Magazine (sous licence CC-BY-NC-SA 3.0) se sont concentrés sur la migration Windows, un didacticiel GIMP, plusieurs jeux PC et d'autres sujets. Un article sur Inkscape est paru dans le numéro de mars. Il a été nommé Inkscape: Getting Started par son auteur Meemaw. En gros, c'est tout. Suivre cette ligne est le résultat de ma tentative de traduction de cet article.

Nous avons été heureux de créer des choses particulières avec GIMP, mais nous ne devons pas oublier que GIMP n'est pas le seul éditeur graphique. L'objectif principal de GIMP est le traitement des photos. Inkscape est un excellent programme de dessin.

Bien que cela semble intimidant, il n'est en fait pas si difficile de dessiner avec Inkscape. La pratique de la pratique vous aidera à dessiner de très bons dessins. J'ai pu dessiner beaucoup plus dans Inkscape qu'avec un crayon et un stylo. Je suis loin d'être un artiste, mais avec un assistant comme Inkscape, beaucoup de choses fonctionnent beaucoup mieux.

Jetons un coup d'œil à la fenêtre principale d'Inkscape et examinons-la de près.

La première fois que vous ouvrez Inkscape, vous obtenez la fenêtre illustrée dans la figure suivante.

Il a déjà un nouveau document ouvert et des règles en haut et en bas à gauche. Vous pouvez modifier cette vue pour afficher ou masquer autant d'outils que vous le souhaitez.

En haut, nous voyons une barre de menu avec les options Fichier, Édition, Affichage, Couche, Objet, Chemin, Filtres, Extensions et Aide. De nombreux éléments du menu sont disponibles ailleurs, et nous le verrons bientôt.

Sous la barre de menu se trouve la barre d'outils, qui contient une partie importante des outils les plus couramment utilisés. Au début du travail, il comporte les onze premiers des éléments suivants : Nouveau document, Ouvrir, Enregistrer, Imprimer, Importer, Exporter, Refaire, Refaire, Copier, Couper et Coller.

Le reste des outils sert en conjonction avec les outils sur le côté gauche de la fenêtre, ou vous aide à naviguer d'une partie du projet à une autre, et a besoin d'explications.

Les trois éléments suivants ressemblent à des loupes avec des rectangles intérieurs. Ce sont des outils de mise à l'échelle : de gauche à droite, la mise à l'échelle va à la taille de la fenêtre de la partie sélectionnée de l'image, de l'image et de la page. Ils vous aident à effectuer un zoom avant et arrière sur toute la page et sur la sélection sur laquelle vous travaillez. Ces commandes sont également disponibles dans la barre de menus du sous-menu Affichage → Zoom.

À gauche d'eux, il y a trois éléments qui ressemblent à des feuilles de papier qui se chevauchent, dont le premier est vide, sur le second il y a une image d'un cadenas fermé et sur le troisième est un cadenas ouvert. Ce sont des outils pour dupliquer et cloner un objet sélectionné, utilisés dans les cas où vous avez besoin de plusieurs objets identiques (par exemple, plusieurs étoiles ou fleurs), ainsi que pour supprimer le lien entre le clone et l'original. En dupliquant un objet individuel et en y apportant une modification spécifique, vous ne pouvez modifier que l'original. Lors du clonage, si vous apportez des modifications à l'original, elles se produisent également au clone. Cela s'avère très pratique lorsque vous avez besoin de deux objets exactement identiques, à l'exception de la couleur, par exemple. Si vous clonez un objet, vous pouvez le modifier et rompre le lien entre le clone et l'original à l'aide du troisième bouton de la souris, puis changer la couleur de l'un d'eux. Ces outils sont également disponibles dans la barre de menus sous le sous-menu Edition → Dupliquer ou Edition → Cloner.

Le groupe des deux éléments suivants comprend un cercle et un rectangle entourés de points noirs. L'outil de gauche est utilisé pour regrouper les objets sélectionnés et l'outil de droite est utilisé pour les dissocier. Comme vous peignez en toute sécurité, vous souhaiterez parfois regrouper plusieurs objets pour terminer votre projet. Ces boutons sont très pratiques pour ce faire, ainsi que pour le dégroupage si vous découvrez soudainement que vous devez réparer quelque chose. Ces outils sont également disponibles dans la barre de menus sous Objet → Grouper et Objet → Dissocier.

Les sept derniers outils sont sans doute les plus utilisés dans cette barre d'outils. De gauche à droite, dans l'ordre, se trouvent le remplissage et le contour, le texte et la police, les calques, l'éditeur XML, l'alignement et l'organisation, les options d'Inkscape et les propriétés du document. Jetons un coup d'œil aux fenêtres individuelles qui s'ouvrent lorsque vous cliquez sur chacun de ces outils.

Remplir et caresser. Avec cet outil, vous peignez sur la plupart des objets et leurs bordures. Si je dessine un rectangle, le trait est la couleur de sa bordure et le remplissage est la couleur intérieure du rectangle. Je peux changer la couleur intérieure en sélectionnant l'onglet Remplissage et en choisissant une couleur, un dégradé ou un motif. Je peux changer la couleur de la bordure en sélectionnant l'onglet Trait et en choisissant une couleur, un dégradé ou un motif. Dans l'exemple suivant, j'ai dessiné un rectangle, je l'ai peint en bleu et j'ai fait une bordure noire, puis j'ai choisi le style de trait et l'ai défini sur 5 pixels d'épaisseur. À l'aide de la boîte de dialogue Remplissage et contour, vous pouvez appliquer de nombreuses options pour les remplissages et les contours. Vous pouvez l'ouvrir à partir de la barre de menus en utilisant le sous-menu Objet → Remplissage et contour.

Texte et police. Chaque fois que vous figez du texte dans votre dessin, vous utilisez cet outil, car avec lui, vous modifiez les paramètres de police de votre texte. Cet outil fonctionne en conjonction avec l'outil Texte sur le côté gauche de la fenêtre. Vous sélectionnez l'outil Texte sur le côté gauche de la fenêtre, puis tapez le texte que vous voulez et ouvrez cet outil (situé en haut, au centre) pour personnaliser le texte que vous avez écrit, ou même le modifier. La barre de menus a un sous-menu Texte qui contient cet outil.

Couches. Comme avec de nombreux autres programmes tels que LibreOffice Draw, Scribus et GIMP, les calques sont très utiles lors de la création de votre projet. Vous pouvez créer votre image sur un calque, votre image d'arrière-plan sur un autre calque et mettre votre texte sur un troisième calque. Cela aide à garder les choses en ordre et vous aide également à garder les choses immobiles que vous n'avez pas besoin de déplacer. Si vous êtes sûr de votre arrière-plan, vous pouvez le placer sur le calque inférieur et le verrouiller, et vous ne pourrez plus déplacer votre arrière-plan jusqu'à ce que vous le déverrouilliez à nouveau. Ce mécanisme vous permet de traiter librement avec d'autres objets. L'outil Calques est également disponible dans le sous-menu Calques. Voici les mêmes boutons que ceux que nous avons vus dans Gimp : cliquer sur l'œil masque le calque, et cliquer sur le cadenas fermé verrouille le calque et rend impossible toute modification dessus.

Éditeur XML. Chaque dessin que vous faites dans Inkscape a une description textuelle qui est enregistrée dans le fichier de dessin au format .svg. Chaque objet que vous insérez dans un dessin a un nom spécifique et est répertorié dans ce fichier texte. En cliquant sur son nom, vous obtenez une liste complète des paramètres de cet objet (taille, couleur, position sur la page, etc.). Plus vous utilisez d'objets complexes, plus vous obtenez la taille de ce fichier. Bien que je ne fasse jamais cela, il est possible de changer l'image en modifiant ce fichier. J'ai essayé de le faire en dupliquant l'entité dans le fichier XML, qui était le cercle que j'avais dessiné. J'ai deux cercles identiques. Si vous comprenez bien cela, vous pouvez peut-être dessiner tout le dessin comme ça. Cet outil est également disponible via l'élément de menu Edition → Editeur XML.

Alignez et arrangez. Si vous souhaitez former une page avec un objet spécifique en son centre, saisissez cet outil. Il se trouve également dans le sous-menu Objet. Lorsque vous cliquez sur un objet, vous pouvez cliquer sur l'un des boutons pour l'aligner et le centrer. Vous pouvez centrer les deux objets sélectionnés, les aligner le long de leurs bordures ou les répartir sur la page.

Options d'Inkscape. C'est un moyen rapide, pratique et abordable d'ouvrir la fenêtre des options. Vous pouvez également l'ouvrir à l'aide d'une commande du menu Fichier.

Propriétés du document. Chaque document que vous créez est différent. Cet outil vous donne la possibilité de modifier les propriétés du document, les paramètres d'orientation, le remplissage, la taille de la page, d'inclure des guides et des grilles. Cet outil est également disponible dans le menu Fichier.

Si vous ne le savez pas encore, chaque fois que vous déplacez le curseur de la souris sur un outil, une info-bulle apparaît avec sa description et un raccourci clavier pour cet outil. Donc, si vous passez le curseur de votre souris sur l'outil Remplissage et contour, le raccourci clavier est Maj + CTRL + F. Vous avez donc trois façons d'obtenir cet outil. Utilisez celui qui est le plus naturel pour vous. À propos, la dernière action peut être annulée à l'aide de l'élément de menu Édition → Annuler ou CTRL + Z, comme dans d'autres programmes.

Regardons maintenant le côté gauche de la fenêtre.

Il existe ici de nombreux outils que vous pouvez utiliser pour faire ce que vous voulez. Également sous la forme de la troisième barre d'outils, des changements se produisent en fonction de l'outil que vous utilisez. Les outils sont les suivants :

Outil de sélection. C'est la flèche que nous connaissons tous bien. Elle sélectionne un objet d'un simple clic. Dans la vue la plus basique d'un objet, vous verrez des flèches pointant vers l'extérieur sur ses bords, que vous pouvez utiliser pour redimensionner l'objet. Si vous cliquez à nouveau, ces flèches changent de direction et vous pouvez faire pivoter l'objet. Ces flèches sont appelées "manipulateurs" et elles vous aident à modifier un objet d'une certaine manière.

Outil pour travailler avec des nœuds. Lorsqu'un objet est sélectionné et que cet outil est activé, les « manipulateurs » perdront leur apparence de flèches et deviendront deux formes : comme des petits carrés et des cercles, et donneront plus de façons de manipuler l'objet. La première chose que vous pouvez faire à cet égard est, en déviant les cercles sur le rectangle, de lui donner des coins arrondis. En déplaçant le cercle se trouvant sur l'ellipse, vous obtenez soit un objet qui ressemble à une tarte avec un morceau découpé, soit, si vous dessinez un cercle sans dépasser l'ellipse, un arc. L'image de gauche contient l'objet après avoir fait glisser la poignée de nœud à l'intérieur du cercle, et l'arc de droite apparaît après avoir fait glisser la poignée de nœud à l'extérieur du cercle. Préparez-vous à ce que l'ellipse clignote un peu pendant cette opération. L'outil de nœud est très utile pour tous vos objets.

Outil de réglage. Ce groupe d'outils s'est concentré sur le changement de votre sujet - flou, mouvement, grossissement et quelques autres actes. Lorsque vous déplacez le curseur de votre souris sur ces outils, vous pouvez voir ce qu'ils font à partir des invites. Certes, jusqu'à présent, je les ai un peu utilisés, mais pour l'article, j'ai flouté l'objet à l'aide de l'un de ces outils.

Outil de zoom. Oups, voici un autre outil pour redimensionner votre dessin d'avant en arrière ! En le sélectionnant, vous changez le curseur de la souris en une image en forme de loupe avec un plus à l'intérieur. Un clic gauche effectue un zoom avant sur les objets et un clic droit effectue un zoom arrière. Vous pouvez également utiliser la molette de défilement, mais n'oubliez pas de maintenir la touche CTRL enfoncée tout en faisant cela.

Rectangle. Perdu entre les outils se trouve le "Rectangle", avec lequel vous pouvez dessiner n'importe quel rectangle. La technique de travail suivante a été adoptée avec : il faut placer le curseur de votre souris sur la page, faire un clic, faire glisser le curseur de la souris et un rectangle sera dessiné sur la page. Si vous maintenez la touche CTRL enfoncée tout en faisant cela, vous obtenez un carré ou un rectangle avec un rapport hauteur/largeur entier. En haut de la page sur la barre d'outils, vous verrez des champs pour entrer les dimensions et les coordonnées souhaitées.

Outil Boîte 3D. Avec cet outil, vous pouvez dessiner des cubes en 3D. Pour contrôler un objet, vous contrôlez les axes qui apparaissent avec lui. Vous devrez expérimenter un peu avec cela.

Ellipse. Cet outil dessine des ellipses et des cercles. Si vous maintenez CTRL tout en faisant glisser le curseur de la souris, vous tracerez un vrai cercle.

Star. Si l'objet souhaité a trois côtés ou plus, utilisez cet outil. Avec sa barre d'outils correspondante située au-dessus de la page, vous pouvez choisir si ce sera un polygone ou une étoile, ainsi que définir le nombre de coins que votre objet aura. Dans le cas d'une étoile, vous pouvez également définir le rapport des rayons de la base et du sommet du rayon (plus cette valeur est petite, plus l'étoile sera pointue ; plus la valeur se rapproche de un, plus l'étoile devient comme un cercle). Vous trouverez ci-dessous deux exemples dans lesquels les deux objets ont 8 coins et l'étoile a un rapport de rayon de 0,5. Lorsque l'outil étoile est sélectionné, vous pouvez modifier l'apparence de votre polygone ou de votre étoile en ajoutant plus de coins ou en modifiant le rapport des rayons de ses rayons.

Spirale. Cet outil tire son nom du fait qu'il dessine des spirales. Sa barre d'outils est basée sur trois paramètres : nombre de tours, non-linéarité et rayon intérieur. Le premier dicte combien de fois votre ligne s'enroulera en cercle. La non-linéarité signifie combien moins fréquemment les lignes extérieures se suivent que les lignes intérieures, et le rayon intérieur est le rayon de la zone ouverte à l'intérieur de la spirale. À gauche, la spirale a 9 tours, la non-linéarité est de 2 et le rayon intérieur est de 0,5. La spirale de droite a 5 tours, la non-linéarité est de 4 et le rayon intérieur est de 0,25. Là encore, si cet outil est sélectionné, vous pouvez, si vous le souhaitez, modifier la spirale dessinée précédemment.

Crayon. Avec l'outil Crayon, il est possible de tracer des lignes à main levée sur la page. Bien que cela soit parfois bon, il est sensible au comportement déviant du curseur de la souris, donc l'outil Plume est meilleur pour tracer une ligne parfaitement droite.

La plume. L'outil Plume est utilisé pour dessiner des courbes de Bézier et des lignes droites. Une courbe de Bézier est dessinée à l'aide de points de contrôle qui vous permettent de modifier la courbe. En dessous, il y a trois lignes : celle du haut est dessinée avec un crayon, la seconde est dessinée avec un stylo et la courbe est une courbe de Bézier. En utilisant les outils affichés au-dessus de votre page, vous pouvez peindre ce que vous voulez. Avec cet outil et cet outil de nouage, vous pouvez également dessiner une spirale, mais avec l'outil en spirale, il est plus facile et plus rapide de dessiner.

Stylo calligraphique. Il s'agit d'un outil de type stylo différent, mais avec lequel vous pouvez dessiner des lignes de type calligraphique. Les paramètres de cet outil, disponibles au dessus de votre page, vont modifier l'apparence de votre ligne. Vous disposez de 6 instruments préréglés, plus aucun préréglage. Cet outil peut créer des variations intéressantes des lignes tracées.

Outil de texte. C'est un outil qui vous permet de saisir votre texte. En le sélectionnant et en cliquant avec le curseur de la souris sur la page, vous obtiendrez le curseur. Tapez votre texte et cliquez sur le bouton Texte du haut pour modifier la police et la taille. Votre texte y sera également affiché, vous pourrez donc le modifier en cas de faute de frappe ou de toute autre correction que vous souhaitez apporter.

Vaporisateur. Le flacon pulvérisateur est un outil intéressant. Il dispose de trois paramètres : « Pulvériser des copies de l'objet sélectionné », « Pulvériser des clones de l'objet sélectionné » et « Pulvériser des copies de l'objet, en les fusionnant en un seul chemin. » Si vous faites des copies, chacun des objets peut être modifié indépendamment des autres, et si vous faites des clones, toutes les modifications apportées à l'original seront reflétées dans ses clones jusqu'à ce que vous rompiez la connexion entre eux. Si vous vaporisez des objets en les combinant en un seul chemin, vous obtenez une extension de l'objet que vous utilisez, tout est limité dans le trait donné. La création d'un nuage à partir d'une ellipse est un exemple d'utilisation de cette configuration. Dans l'exemple, l'ellipse de gauche est l'originale et le nuage de droite est ce que j'ai obtenu en en vaporisant des copies et en les fusionnant en un seul chemin.

La gomme. Cet outil est similaire à la plupart des autres gommes : une petite gomme rose. Sélectionnez l'objet que vous souhaitez effacer et saisissez la gomme. La barre d'outils supérieure affiche la couleur de remplissage et de contour que vous verrez lors de la suppression ; ils sont énervants, mais tout ira bien. Si vous ne sélectionnez pas d'objet, tous les objets que vous avez déplacés avec la gomme seront supprimés.

Remplissage solide. Je pense que tous les outils de remplissage se ressemblent ! Une fois que vous avez sélectionné une couleur, cliquez sur la zone que vous souhaitez peindre. C'est tout.

Remplissage en dégradé. Un remplissage dégradé fonctionne avec l'outil Seau et contour pour créer des dégradés ensemble. La sélection d'un dégradé dans la fenêtre Remplissage et contour crée un dégradé à partir de la dernière couleur que vous avez utilisée, de cette couleur à la transparence. Cependant, cliquer sur l'outil Dégradé vous aidera à voir la direction du dégradé et à le modifier si vous le souhaitez, ainsi qu'à modifier le dégradé pour créer différents effets. Vous pouvez ajouter des points d'ancrage et changer la couleur de chacun d'eux. Vous pouvez organiser les points d'ancrage ci-dessus pour l'effet souhaité.

Pipette. Cet outil est un outil simple pour choisir une couleur pour le remplissage d'un objet. Disons que vous avez deux objets et que vous voulez qu'ils soient de la même couleur. Sélectionnez celui dont vous voulez changer la couleur, puis sélectionnez la pipette et placez-la dans la couleur que vous voulez, et l'objet que vous avez sélectionné sera peint dans cette couleur.

Lignes de connexion. Avec les lignes de connexion, vous pouvez tracer des lignes entre les objets. Si vous réorganisez des objets sur la page, ces lignes restent entre elles, au lieu de rester là où elles se trouvent. Ceci est souhaitable pour les organigrammes ou dans d'autres cas où vous avez besoin de lignes entre deux objets. Les paramètres permettent aux connecteurs d'ignorer ou de contourner les objets que vous ne souhaitez pas inclure dans le groupe d'objets connectés. Ci-dessous, des lignes ont été tracées pour relier les trois ellipses, en contournant la centrale. Les connecteurs sont des traits, vous pouvez donc ouvrir Remplissage et contour et choisir un style pour vos lignes de connecteur (lignes larges, lignes en pointillés, etc.)

Ces outils sont prêts pour que vous commenciez à peindre avec ! Vous pouvez en choisir quelques-uns et les essayer. Il est maintenant temps de regarder en bas de la fenêtre. Tout y est plutôt bien, il y a une palette de couleurs, et en général la partie basse de la fenêtre est riche en informations diverses.
Ce tableau informe quelque chose sur un élément choisi. Sur le côté gauche du tableau informe sur son remplissage et son contour, sur leurs couleurs. Vous pouvez utiliser ces couleurs pour les changer si vous le souhaitez. Cliquer sur n'importe quelle couleur de la palette modifie la couleur de remplissage et cliquer tout en maintenant la touche Maj enfoncée modifie la couleur du trait. Voici les couleurs de mon cercle sélectionné ci-dessous. À droite de la couleur du trait se trouve le numéro 5. J'ai utilisé la même valeur pour dessiner l'ellipse qu'avant pour dessiner le rectangle pour lequel j'ai choisi une taille de trait de 5px (évidemment, j'ai changé la couleur de remplissage en même temps). Il existe un menu contextuel avec plusieurs tailles standard à partir duquel vous pouvez sélectionner la taille du trait, voire la supprimer si vous le souhaitez. Vient ensuite le champ avec une valeur de 100. Il s'agit de la transparence, que vous pouvez définir ici et également dans la fenêtre Remplissage et contour. Le suivant est "l'œil", en cliquant sur lequel vous pouvez rendre le calque invisible, et le verrou, en cliquant sur lequel vous verrouillerez le calque et après cela vous ne pourrez plus rien y changer. Le message "Ellipse dans le calque Layer 1" s'affiche au centre. On dirait qu'il répète le mot Layer, mais je pense que cela signifie "Ellipse dans le calque Named Layer 1", donc si vous donnez un autre nom au calque, cette ligne sera plus correcte. À droite, vous pouvez également voir du texte utile. Puisque nous avons sélectionné l'ellipse avec notre outil de sélection, il nous dit que si nous cliquons à nouveau, nous pouvons changer l'outil pour faire pivoter l'objet. À droite de celui-ci, nous obtenons les coordonnées X et Y. Elles nous renseignent sur la position actuelle du curseur de la souris. Enfin, le pourcentage indique l'échelle de la vue de notre dessin.

Je sais que c'est beaucoup d'informations, mais nous pourrons bientôt comprendre sa signification. Gardez à l'esprit qu'Inkscape est conçu pour fournir plusieurs façons d'accomplir n'importe quelle tâche, donc si vous préférez utiliser une méthode de solution (barre de menu) pour quelque chose et que votre ami fait les mêmes choses différemment (raccourcis clavier), vous allez tous les deux adorer Inkscape.

La prochaine fois, nous commencerons un projet.

Mots clés:

• paysage d'encre
• graphiques vectoriels

Ajouter des balises