Champs textechangement largeur inkscape : maîtrise avancée des outils texte

Dans cet essai, nous poursuivons notre investigation des outils de texte d'Inkscape et explorons en profondeur les possibilités offertes pour créer et modifier du texte SVG et du texte encadré, ainsi que les paramètres fins qui influent sur l’apparence et la mise en page.

Texte SVG et texte encadré : deux approches, des contrôles similaires

To begin with, you need to have some text to modify. If you're stuck for ideas as to what to type, why not try the Lorem Ipsum extension, which will generate paragraphs of the classic nonsense Latin text that typesetters traditionally use as a placeholder. Simply select the Extensions > Text > Lorem Ipsum menu item, pick some values for the three fields, and click Apply. A Flowed Text object will be created on a new layer, with its flow box set to the size of the page.

Pour commencer, vous devez avoir un texte à modifier. Si vous êtes en panne d'idées quant à ce qu'il faut taper, pourquoi ne pas essayer l'extension Lorem Ipsum, qui va générer des paragraphes du texte latin habituel utilisé traditionnellement par les typographes pour remplir l'espace. Il suffit de sélectionner le menu Extensions > Texte > Lorem Ipsum, de choisir des valeurs pour les trois champs, puis de cliquer sur Appliquer. Un objet de texte encadré est créé sur un nouveau calque, avec une taille fixée à la taille de la page.

With the Text tool selected, click in the flowed text at the point that you would like to place the text editing cursor. With the caret happily flashing in the middle of your text, you should be able to move it around using the cursor keys, just as you would in a word processor.

Avec l'outil Texte sélectionné, cliquez dans le texte encadré à l'endroit où vous souhaitez placer le curseur d'édition (à partir de maintenant, je vais utiliser le terme « curseur d'édition » pour le différencier du curseur de la souris ou des flèches du clavier). With the caret happily flashing in the middle of your text, you should be able to move it around using the cursor keys, just as you would in a word processor.

Édition et sélection : manipuler le style paragraphe et les caractères

With a portion of the text selected, it's time to play with the style. Start by setting the fill to a different color, or perhaps adding a stroke. You can set the stroke-width and join-type using the Fill and Stroke dialog, but adding markers will have no effect. Other parts of the dialog affect the text in different ways: you can set an alpha level on the fill or stroke to give it some transparency, but changing the opacity setting has no effect. If you try to use blur, gradients or patterns, you'll find the whole text object is affected, rather than just the selected section.

Une fois le curseur d'édition clignotant joyeusement au milieu de votre texte, vous devriez pouvoir le déplacer à l'aide des touches fléchées, tout comme dans un traitement de texte. Les touches Début et Fin font respectivement sauter le curseur d'édition au début ou à la fin de la ligne courante et si, on maintient enfoncée la touche Maj en effectuant l'un de ces mouvements, on sélectionne la section appropriée du texte. La souris sert aussi : cliquez pour placer le curseur d'édition, ou cliquez et faites glisser pour sélectionner une section contiguë du texte. Si une partie du texte est sélectionnée, vous pouvez jouer avec le style. Commencez par régler le remplissage à une couleur différente ou peut-être par ajouter un contour. Vous pouvez régler la largeur et le raccord avec le dialogue Remplissage et contour, mais l'ajout de marqueurs n'aura aucun effet. D'autres parties de la boîte de dialogue modifient le texte de différentes manières : vous pouvez définir un niveau alpha sur le remplissage ou le contour pour lui donner une certaine transparence, mais le paramètre d'opacité n'a aucun effet. Si vous essayez d'utiliser le flou, les dégradés ou des motifs, vous verrez que l'ensemble de l'objet texte est modifié, et pas simplement la section sélectionnée.

Polices, style et justification

On the text control bar, you can change the font for the selection, alter its size, or use the bold and italic buttons. The justification buttons work for only the whole text object, not individual selections. This does, however, mean that, if you want to left-justify one paragraph and right-justify the next, you'll have to split them into separate text objects.

La barre de contrôle de texte vous permet de modifier la police de la sélection, sa taille, et d'utiliser les boutons gras et italique. Les boutons de justification ne fonctionnent que pour l'objet texte dans son ensemble, pas pour des sélections individuelles. Cela signifie toutefois que, pour aligner des paragraphes différents, il faut les placer dans des objets de texte séparés.

The first of these you may recognise as Superscript and Subscript. Although you can apply them to an entire text object, they work best on a selection of just a few characters at a time. They have the effect of reducing the font size for the selection, and adjusting the text's baseline up or down.

Le premier que vous reconnaîtrez peut être Exposant et Indice. Bien que vous puissiez les appliquer à l'ensemble d'un objet texte, ils fonctionnent mieux sur une sélection de quelques caractères à la fois. Ils ont pour effet de réduire la taille de la police pour la sélection et le réglage de la ligne de base de texte vers le haut ou vers le bas.

Positionnement fin, crénage et rotation

Fine positioning is precisely what the next six controls are all about. The first three work on both SVG Text and Flowed Text, whereas the last three are disabled for Flowed Text objects. The first of the spacing controls affects the spacing between lines in a paragraph of text. The value in here is multiplied by the font size in order to produce the final spacing. You can reduce this as low as 0, in which case all the lines will be on top of each other, but it doesn't allow negative values so you can't use it as a way to make your paragraphs run from bottom to top. Typically it's set to 1.25 for normal paragraphs, though you may wish to adjust it for a looser or tighter design.

Fine positioning is precisely what the next six controls are all about. Les six contrôles suivants concernent le positionnement fin. Les trois premiers fonctionnent à la fois sur du texte SVG et du texte encadré, tandis que les trois derniers sont désactivés pour les objets texte encadré. La première commande d'espacement agit sur l'espacement entre les lignes. La valeur est multipliée par la taille de police pour produire l'espacement final. On peut la réduire jusqu'à 0, mais les valeurs négatives sont interdites; elle ne sert pas à faire courir les paragraphes de bas en haut. Typiquement, elle vaut 1,25 pour les paragraphes normaux, mais peut être ajustée pour un design plus lâche ou plus serré.

The next two controls are used to set the standard spacing between individual letters, and the spacing between words. The tooltips claim that both these values are in pixels, but, in my experience, typing a value directly into these - even if your document is set to use pixels as the default units - results in the value being converted to something different. In practice, it's not too great a problem as it's rare to need specific values in these fields. More usually you will adjust them up and down to make your text a little tighter or looser.

Les deux commandes suivantes définissent l'espacement standard entre les lettres et entre les mots. Les info-bulles indiquent des valeurs en pixels, mais l'expérience montre que la saisie peut être convertie en unité différente. En pratique, ce n'est pas crucial, on ajuste généralement ces valeurs pour rendre le texte plus serré ou plus lâche.

The next control is used to adjust horizontal kerning on SVG Text. Kerning is the spacing between two individual characters. By adjusting the kerning, you can arrange for characters to slot together a little more neatly, giving a more pleasing look to text, with fewer blank areas that can form visual “rivers” of white on a page. Negative values are most commonly used, to tuck-in the second character, but you can also use a positive value to separate them further.

La commande suivante permet de régler le crénage horizontal sur du texte SVG. Le crénage décrit l’espace entre deux caractères. En ajustant le crénage, les caractères s’emboîtent mieux, évitant les espaces qui forment des « rivières » blanches. Les valeurs négatives servent à rapprocher les caractères, les positives à les écarter.

The last three controls adjust vertical position, and character rotation, with keyboard shortcuts often providing precision. The final buttons on the toolbar let you switch between creating horizontal and vertical text.

Le décalage vertical et la rotation des caractères sont les trois derniers contrôles, souvent plus précis avec des raccourcis clavier. Les dernières touches sur la barre d'outils permettent de basculer entre texte horizontal et texte vertical.

Polices SVG et limites pratiques

There's one big elephant in the room which can't go unmentioned when discussing text and SVG files: SVG fonts. The SVG specification includes a font format where the individual glyphs are defined using standard SVG objects. Although Inkscape contains a dedicated interface for creating SVG fonts, via the Text > SVG Font Editor menu, there are a couple of reasons why it's probably not worth using. The first is that the Firefox developers have specifically rejected the idea of supporting SVG fonts, due to their lack of some layout and internationalisation features that are available in other font formats. An even bigger reason not to use SVG fonts, ironically, is Inkscape itself. Although it has an interface to help create them, it has no mechanism to actually use them once they've been created.

Il y a un sujet tabou qui ne peut pas être passé sous silence lorsqu'on parle de texte et de fichiers SVG : les polices SVG. La spécification SVG comprend un format de police où les glyphes individuels sont définis en utilisant des objets SVG standards. Bien qu'Inkscape contienne une interface dédiée à la création de polices SVG, via le menu Texte > Éditeur de police SVG, il y a quelques raisons pour lesquelles ce n'est probablement pas la peine de l'utiliser. La première est que les développeurs de Firefox ont rejeté l'idée de supporter les polices SVG en raison de certaines lacunes dans les fonctionnalités de mise en page et d'internationalisation disponibles dans d'autres formats de police. Une raison encore plus importante de ne pas utiliser les polices SVG, ironiquement, est Inkscape lui-même: bien qu'il offre une interface pour les créer, il n'existe aucun mécanisme pour les utiliser une fois créées.

Utilisation pratique et conseils

Dans cette leçon, nous allons voir comment utiliser l'outil texte dans Inkscape pour ajouter et manipuler des textes. L'outil texte se trouve au milieu de la barre d'outils et est accessible via le raccourci T. Une fois que vous avez sélectionné cet outil, vous pouvez commencer à taper votre texte dans la zone souhaitée. Pour redimensionner le texte, il est parfois nécessaire de sélectionner le texte avec l'outil de sélection et de redimensionner en maintenant la touche Ctrl pour maintenir les proportions. Vous souhaitez changer la police ? Allez dans le menu Texte et choisissez 'Texte et Police'. Vous y trouverez toutes les polices installées sur votre ordinateur. Cette leçon couvre également la façon de manipuler des textes avec caractères spéciaux, comme les accents circonflexes. Une astuce consiste à taper le texte dans un traitement de texte et de le copier directement dans Inkscape. Enfin, nous apprenons comment donner une couleur de fond aux bulles de texte et supprimer les contours pour que les textes soient bien lisibles une fois le décor ajouté.

Cette section réunit les points pratiques pour créer et éditer des textes, ajuster la police et la taille, et gérer la couleur et les contours afin d’améliorer l’accessibilité et l’esthétique des bulles de texte dans vos compositions.

Tableaux et exemples potentiels

Tableau récapitulatif des options clés:

tags: #champs #textechangement #largeur #inkscape