| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
| issue70:tutoriel_inkscape [2013/05/17 22:43] – [9] fredphil91 | issue70:tutoriel_inkscape [2013/05/22 18:08] (Version actuelle) – [9] auntiee |
|---|
| Then SVG 1.2 withered and died. It never became a standard and to this day – 8 years later! – SVG 1.1 is still the latest official version of the SVG specification. This left Inkscape with the ability to create objects that are compatible with only an aborted spec, but, as this facility had made it into a release version of the software, it would break compatibility with users' files if the code was simply excised. The Inkscape developers took the pragmatic decision to leave the Flowed Text feature in place, even though using it will create files that other applications will not fully understand.** | Then SVG 1.2 withered and died. It never became a standard and to this day – 8 years later! – SVG 1.1 is still the latest official version of the SVG specification. This left Inkscape with the ability to create objects that are compatible with only an aborted spec, but, as this facility had made it into a release version of the software, it would break compatibility with users' files if the code was simply excised. The Inkscape developers took the pragmatic decision to leave the Flowed Text feature in place, even though using it will create files that other applications will not fully understand.** |
| |
| La première version de la spécification SVG est sortie en 2001, suivie par la version 1.1 en 2003. Après cela, plusieurs années ont été consacrées à travailler sur la version 1.2, qui devait inclure de nombreux ajouts et améliorations - y compris des ajouts de support de texte qui passerait à la ligne pour remplir son contenant. Les développeurs d'Inkscape ont passé pas mal de temps pour mettre en œuvre ce format de « texte évoluant », anticipant entièrement sa sortie officielle dans la nouvelle norme SVG. | La première version de la spécification SVG est sortie en 2001, suivie par la version 1.1 en 2003. Après cela, plusieurs années ont été consacrées à travailler sur la version 1.2, qui devait inclure de nombreux ajouts et améliorations - y compris des ajouts de support de texte qui irait à la ligne pour remplir son contenant. Les développeurs d'Inkscape ont passé pas mal de temps pour mettre en œuvre ce format de « texte évoluant », s'attendant vraiment à ce qu'il sorte officiellement dans la nouvelle norme SVG. |
| |
| Ensuite, SVG 1.2 a périclité et disparu. Ce n'est jamais devenu une norme et à ce jour - 8 ans plus tard ! - SVG 1.1 est toujours la dernière version officielle de la spécification SVG. Ce qui a laissé à Inkscape le seu choix de créer des objets qui ne sont compatibles qu'avec une spécification avortée, mais comme cette fonctionnalité était sortie dans une version du logiciel, cela rompait la compatibilité avec les fichiers des utilisateurs si le code été simplement supprimé. Les développeurs d'Inkscape ont pris la décision pragmatique de laisser la fonction de texte encadré en place, même si son utilisation crée des fichiers que d'autres applications ne pourront pas bien comprendre. | Ensuite, SVG 1.2 a périclité et disparu. Ce n'est jamais devenu une norme et à ce jour - 8 ans plus tard ! - SVG 1.1 est toujours la dernière version officielle de la spécification SVG. Ce qui a laissé à Inkscape le seul choix de créer des objets qui ne sont compatibles qu'avec une spécification avortée, mais comme cette fonctionnalité était sortie dans une version du logiciel, cela rompait la compatibilité avec les fichiers des utilisateurs si le code était simplement supprimé. Les développeurs d'Inkscape ont pris la décision pragmatique de laisser la fonction de texte encadré en place, même si son utilisation crée des fichiers que d'autres applications ne pourront pas bien comprendre. |
| |
| ====== 3 ====== | ====== 3 ====== |
| Now, simply click inside the drawing window and start typing. If you can't see anything, check that your color and opacity settings make sense via the status bar. Congratulations, you've just created some SVG Text. If you switch back to the Select tool using the tool palette or F1 key, you can move, scale, skew and rotate your text object in the same way as any other SVG element. Because this type of text object conforms to SVG 1.1, it can be displayed or edited by various other applications. As you can see from this image, even skewing and rotating the text object in Inkscape (below) isn't enough to prevent it displaying in Firefox (bottom):** | Now, simply click inside the drawing window and start typing. If you can't see anything, check that your color and opacity settings make sense via the status bar. Congratulations, you've just created some SVG Text. If you switch back to the Select tool using the tool palette or F1 key, you can move, scale, skew and rotate your text object in the same way as any other SVG element. Because this type of text object conforms to SVG 1.1, it can be displayed or edited by various other applications. As you can see from this image, even skewing and rotating the text object in Inkscape (below) isn't enough to prevent it displaying in Firefox (bottom):** |
| |
| En raison de ce problème historique, Inkscape peut créer un texte sous deux formes différentes : de type SVG 1.1, qui ne se répartit pas de lui-même dans son conteneur (auquel je ferai référence comme texte SVG), et de type SVG 1.2 qui se répartit (texte encadré), mais qui n'est pas conforme à la spécification SVG. Le problème se pose parce que c'est beaucoup trop facile de créer accidentellement un texte encadré, surtout si vous avez déjà utilisé d'autres applications graphiques. | En raison de ce problème historique, Inkscape peut créer un texte sous deux formes différentes : de type SVG 1.1, qui ne se répartit pas de lui-même dans son conteneur (auquel je ferai référence comme texte SVG), et de type SVG 1.2 qui se répartit (texte encadré), mais qui n'est pas conforme à la spécification SVG. Le problème se pose parce qu'il est beaucoup trop facile de créer accidentellement un texte encadré, surtout si vous avez déjà utilisé d'autres applications graphiques. |
| |
| Passons à la pratique et créons réellement un texte. Sélectionnez d'abord l'outil de texte en cliquant sur son icône dans la palette d'outils, ou en appuyant sur « T » ou F8. | Passons à la pratique et créons réellement un texte. Sélectionnez d'abord l'outil de texte en cliquant sur son icône dans la palette d'outils, ou en appuyant sur « T » ou F8. |
| |
| Maintenant, cliquez simplement dans la fenêtre de dessin et commencez à taper. Si vous voyez rien, vérifiez via la barre d'état que vos paramètres d'opacité et de couleur ont du sens. Félicitations, vous venez de créer du texte SVG. Si vous revenez à l'outil de sélection en utilisant la palette d'outils ou la touche F1, vous pouvez déplacer, redimensionner, incliner et faire pivoter votre objet texte de la même façon que tout autre élément SVG. Puisque ce type d'objet texte est conforme à SVG 1.1, il peut être affiché ou édité par diverses autres applications. Comme vous pouvez le voir sur cette image, même l'inclinaison et la rotation de l'objet texte dans Inkscape (ci-dessous) n'empêche pas l'affichage dans Firefox (en bas) : | Maintenant, cliquez simplement dans la fenêtre de dessin et commencez à taper. Si vous voyez rien, vérifiez via la barre d'état que vos paramètres d'opacité et de couleur sont logiques. Félicitations, vous venez de créer du texte SVG. Si vous revenez à l'outil de sélection en utilisant la palette d'outils ou la touche F1, vous pouvez déplacer, redimensionner, incliner et faire pivoter votre objet texte de la même façon que tout autre élément SVG. Puisque ce type d'objet texte est conforme à SVG 1.1, il peut être affiché ou édité par diverses autres applications. Comme vous pouvez le voir sur cette image, même l'inclinaison et la rotation de l'objet texte dans Inkscape (ci-dessous) n'empêche pas l'affichage dans Firefox (en bas) : |
| |
| ====== 4 ====== | ====== 4 ====== |
| If we load this SVG file into Firefox, the result is a blank page. Firefox ignores the Flowed Text completely, and the same applies to almost every other application. Remember, the difference between creating SVG Text and Flowed Text is as simple as whether you just click, or click-drag. If you want to use your SVG files in other applications, you should almost always just click when creating your text objects. If you're in any doubt, select your text object and check the status bar, which will describe the object as either “Text” or “Flowed text”.** | If we load this SVG file into Firefox, the result is a blank page. Firefox ignores the Flowed Text completely, and the same applies to almost every other application. Remember, the difference between creating SVG Text and Flowed Text is as simple as whether you just click, or click-drag. If you want to use your SVG files in other applications, you should almost always just click when creating your text objects. If you're in any doubt, select your text object and check the status bar, which will describe the object as either “Text” or “Flowed text”.** |
| |
| D'autres applications graphiques nécessitent que vous délimitiez un rectangle sur le canevas pour contenir votre texte. Ceci est particulièrement fréquent dans les programmes de PAO comme Scribus, où presque tout est défini en dessinant un cadre comme conteneur. Vous pouvez également le faire dans Inkscape - il suffit de sélectionner l'outil Texte puis de cliquer et faire glisser un rectangle sur le canevas avant de taper. Vous venez de créer un objet texte encadré. Avec l'outil Texte toujours actif, et l'objet texte encadré sélectionné, vous devriez voir une petite poignée carrée en bas à gauche du cadre du texte. En déplaçant cette poignée, vous pouvez modifier la taille et la forme de votre cadre, et le texte sera modifié automatiquement. L'image suivante montre le même objet texte encadré dupliqué plusieurs fois dans Inkscape. La taille des cadres des copies ont été modifiées, et vous pouvez facilement voir que le texte a bougé, et, dans le cas du cadre en bas à droite, il a été tronqué automatiquement : | D'autres applications graphiques nécessitent que vous délimitiez un rectangle sur le canevas pour contenir votre texte. Ceci est particulièrement fréquent dans les programmes de PAO comme Scribus, où presque tout est défini en dessinant un cadre comme conteneur. Vous pouvez également le faire dans Inkscape - il suffit de sélectionner l'outil Texte puis de cliquer et faire glisser un rectangle sur le canevas avant de taper. Vous venez de créer un objet texte encadré. Avec l'outil Texte toujours actif et l'objet texte encadré sélectionné, vous devriez voir une petite poignée carrée en bas à gauche du cadre du texte. En déplaçant cette poignée, vous pouvez modifier la taille et la forme de votre cadre, et le texte sera modifié automatiquement. L'image suivante montre le même objet texte encadré dupliqué plusieurs fois dans Inkscape. La taille des cadres des copies ont été modifiées et vous pouvez facilement voir que le texte a bougé, et, dans le cas du cadre en bas à droite, il a été tronqué automatiquement : |
| |
| Si nous chargeons ce fichier SVG dans Firefox, le résultat est une page blanche. Firefox ignore complètement les textes encadrés, et il se passe la même chose dans presque toutes les autres applications. Rappelez-vous, la différence entre un texte SVG et un texte encadré est aussi simple que juste cliquer ou cliquer-glisser. Si vous souhaitez utiliser vos fichiers SVG dans d'autres applications, vous devriez presque toujours simplement cliquer pour créer vos objets texte. Si vous avez un doute, sélectionnez votre objet texte et vérifier la barre d'état, qui décrit l'objet comme « texte » ou « texte encadré ». | Si nous chargeons ce fichier SVG dans Firefox, le résultat est une page blanche. Firefox ignore complètement les textes encadrés, et il se passe la même chose dans presque toutes les autres applications. Rappelez-vous, la différence entre un texte SVG et un texte encadré est aussi simple que juste cliquer ou cliquer-glisser. Si vous souhaitez utiliser vos fichiers SVG dans d'autres applications, vous devriez presque toujours simplement cliquer pour créer vos objets texte. Si vous avez un doute, sélectionnez votre objet texte et vérifiez la barre d'état, qui décrit l'objet comme « texte » ou « texte encadré ». |
| |
| ====== 5 ====== | ====== 5 ====== |
| Now that you know how to create basic text objects in their various forms, it's time to exert a little more control over the style of your words. Most commonly, you'll want to choose a suitable font, set its size, and perhaps change the justification. All of these options are available from the Tool Control Bar, and, although they can be changed at any time, it's often easier to set them before you click (or click-drag) to place your text cursor to avoid problems with the focus being in the wrong place when you start to type.** | Now that you know how to create basic text objects in their various forms, it's time to exert a little more control over the style of your words. Most commonly, you'll want to choose a suitable font, set its size, and perhaps change the justification. All of these options are available from the Tool Control Bar, and, although they can be changed at any time, it's often easier to set them before you click (or click-drag) to place your text cursor to avoid problems with the focus being in the wrong place when you start to type.** |
| |
| Malgré le ton des quelques paragraphes précédents, il y a parfois des raisons valables pour lesquelles vous voulez utiliser un texte encadré. Si vous ne souhaitez pas utiliser vos fichiers Inkscape dans une autre application, la présence d'un code SVG non-standard ne vous gênera pas. Même si vous souhaitez utiliser vos fichiers SVG ailleurs, il peut parfois être plus facile de créer un texte encadré pendant la phase de dessin, puis le convertir en texte SVG en utilisant le menu Texte > Convertir en texte juste avant d'enregistrer la version finale de votre fichier. Le chargement du fichier dans Firefox donne exactement le résultat attendu : | Malgré le ton des quelques paragraphes précédents, il y a parfois des raisons valables pour lesquelles vous voulez utiliser un texte encadré. Si vous ne souhaitez pas utiliser vos fichiers Inkscape dans une autre application, la présence d'un code SVG non standard ne vous gênera pas. Même si vous souhaitez utiliser vos fichiers SVG ailleurs, il peut parfois être plus facile de créer un texte encadré pendant la phase de dessin, puis le convertir en texte SVG en utilisant le menu Texte > Convertir en texte juste avant d'enregistrer la version finale de votre fichier. Le chargement du fichier dans Firefox donne exactement le résultat attendu : |
| |
| Le véritable avantage du texte encadré dans Inkscape est qu'il peut se répartir dans des formes autres que de simples rectangles. D'abord, vous aurez besoin d'une forme à remplir avec le texte : cela peut être l'une des primitives Inkscape simples comme des rectangles, ellipses et étoiles, ou bien un élément chemin qui vous permet de créer des formes complexes à l'aide de toutes les opérations booléennes et des outils d'édition de nœuds qui ont été décrites dans les articles précédents. Cependant, cela doit être un objet unique, pas un groupe. Vous aurez également besoin d'un peu de texte, mais peu importe que vous utilisiez du texte SVG ou du texte encadré à ce stade. Sélectionnez à la fois la forme et le texte, puis utilisez le menu Texte > Mettre suivant un chemin pour que la magie opère. Notez que la barre d'état décrit maintenant votre objet texte comme « Texte le long d'un chemin », et que vous pouvez modifier votre forme autant que vous voulez, avec le texte qui se modifie pour s'adapter : | Le véritable avantage du texte encadré dans Inkscape est qu'il peut se répartir dans des formes autres que de simples rectangles. D'abord, vous aurez besoin d'une forme à remplir avec le texte : cela peut être l'une des primitives Inkscape simples comme des rectangles, ellipses et étoiles, ou bien un élément chemin qui vous permet de créer des formes complexes à l'aide de toutes les opérations booléennes et des outils d'édition de nœuds qui ont été décrites dans les articles précédents. Cependant, cela doit être un objet unique, pas un groupe. Vous aurez également besoin d'un peu de texte, mais peu importe que vous utilisiez du texte SVG ou du texte encadré à ce stade. Sélectionnez à la fois la forme et le texte, puis utilisez le menu Texte > Mettre suivant un chemin pour que la magie opère. Notez que la barre d'état décrit maintenant votre objet texte comme « Texte le long d'un chemin », et que vous pouvez modifier votre forme autant que vous voulez, avec le texte qui se modifie pour s'adapter : |
| |
| Comme avec un texte encadré normal, ce ne sera pas compris par d'autres applications SVG. Vous pouvez toujours utiliser Texte > Convertir en texte, mais avec des chemins très complexes, vous pouvez constater que le texte se déplace pas mal durant la conversion. Néanmoins, pour des étiquettes et des bulles de BD, la possibilité de modifier vos formes de conteneurs et d'avoir le texte qui suit peut être un véritable gain de temps. | Comme avec un texte encadré normal, ce ne sera pas compris par d'autres applications SVG. Vous pouvez toujours utiliser Texte > Convertir en texte, mais avec des chemins très complexes, vous pouvez constater que le texte se déplace pas mal durant la conversion. Néanmoins, pour des étiquettes et des bulles de BD, la possibilité de modifier vos formes de conteneurs et d'avoir le texte qui suit peut être un véritable gain de temps. |
| Maintenant que vous savez comment créer des objets de texte de base dans leurs différentes formes, il est temps de contrôler un peu plus le style de vos mots. Le plus souvent, vous aurez envie de choisir une police appropriée, régler sa taille, et peut-être changer la justification. Toutes ces options sont disponibles dans la barre des contrôles d'outils, et, même si elles peuvent être modifiées à tout moment, il est souvent plus simple de les régler avant de cliquer (ou cliquer-glisser) pour placer le curseur de votre texte pour éviter que le focus soit mal placé lorsque vous commencez à taper. | Maintenant que vous savez comment créer des objets de texte de base dans leurs différentes formes, il est temps de contrôler un peu plus le style de vos mots. Le plus souvent, vous aurez envie de choisir une police appropriée, régler sa taille et peut-être changer la justification. Toutes ces options sont disponibles dans la barre des contrôles d'outils et, même si elles peuvent être modifiées à tout moment, il est souvent plus simple de les régler avant de cliquer (ou cliquer-glisser) pour placer le curseur de votre texte pour éviter que le focus soit mal placé lorsque vous commencez à taper. |
| |
| ====== 6 ====== | ====== 6 ====== |
| The size drop-down lets you pick from a few predefined sizes, all in units of “SVG pixels”. You can also type directly into this box to specify a different size, but there's no way to use any other units. The following two buttons are toggles, used to switch to bold or italic versions of the selected font – or a bold-italic version if both are active.** | The size drop-down lets you pick from a few predefined sizes, all in units of “SVG pixels”. You can also type directly into this box to specify a different size, but there's no way to use any other units. The following two buttons are toggles, used to switch to bold or italic versions of the selected font – or a bold-italic version if both are active.** |
| |
| Le menu déroulant à gauche de la barre d'outils vous permet de sélectionner une police. Inkscape peut être un peu pointilleux sur ses polices, donc il se peut que certaines polices sur votre système ne soient pas disponibles, en particulier celles qui n'ont pas été créées par un atelier de professionnel. Il y a aussi un petit problème occasionnel qui peut survenir lorsque vous ouvrez ce menu : Inkscape montre une version abrégée de celui-ci, avec seulement quelques polices répertoriées. Si cela arrive, il suffit de cliquer en dehors du menu pour le fermer, puis de le rouvrir. Enfin, vous pouvez constater que certaines polices refusent tout simplement de rester sélectionnées quand on les choisit dans ce menu. J'ai souvent ce problème avec « Arial Black », qu'Inkscape remplace immédiatement avec une version en gras de « Arial ». Dans ce cas, vous pouvez utiliser la boîte de dialogue « Texte et police » dans le menu Texte pour sélectionner la police récalcitrante, qui sera utilisée lorsque vous cliquez sur le bouton Appliquer. | Le menu déroulant à gauche de la barre d'outils vous permet de sélectionner une police. Inkscape peut être un peu pointilleux sur ses polices, donc il se peut que certaines polices sur votre système ne soient pas disponibles, en particulier celles qui n'ont pas été créées par un atelier professionnel. Il y a aussi un petit problème occasionnel qui peut survenir lorsque vous ouvrez ce menu : Inkscape montre une version abrégée de celui-ci, avec seulement quelques polices répertoriées. Si cela arrive, il suffit de cliquer en dehors du menu pour le fermer, puis de le rouvrir. Enfin, vous pouvez constater que certaines polices refusent tout simplement de rester sélectionnées quand on les choisit dans ce menu. J'ai souvent ce problème avec « Arial Black », qu'Inkscape remplace immédiatement avec une version en gras de « Arial ». Dans ce cas, vous pouvez utiliser la boîte de dialogue « Texte et police » dans le menu Texte pour sélectionner la police récalcitrante, qui sera utilisée lorsque vous cliquez sur le bouton Appliquer. |
| |
| La liste déroulante des tailles vous permet de choisir parmi quelques tailles prédéfinies, toutes en unités « SVG pixels ». Vous pouvez également taper directement dans cette case pour spécifier une taille différente, mais il n'y a aucun moyen d'utiliser d'autres unités. Les deux boutons suivants permettent de basculer entre les versions en gras ou en italique de la police sélectionnée - ou une version gras-italique si les deux sont actifs. | La liste déroulante des tailles vous permet de choisir parmi quelques tailles prédéfinies, toutes en unités « SVG pixels ». Vous pouvez également taper directement dans cette case pour spécifier une taille différente, mais il n'y a aucun moyen d'utiliser d'autres unités. Les deux boutons suivants permettent de basculer entre les versions en gras ou en italique de la police sélectionnée - ou une version gras-italique si les deux sont actifs. |
| Cette dernière solution est aussi simple que de sélectionner le texte, puis le menu Chemin > Objet en chemin. Dans Inkscape 0.48, votre texte sera remplacé par des chemins parfaitement ressemblants, un pour chaque lettre, et regroupés. Les versions antérieures produisaient simplement un chemin composite unique contenant toutes les lettres. Une fois converti en chemins, le texte est simplement une collection de formes dans votre fichier SVG et ne nécessite plus que les polices soient installées. | Cette dernière solution est aussi simple que de sélectionner le texte, puis le menu Chemin > Objet en chemin. Dans Inkscape 0.48, votre texte sera remplacé par des chemins parfaitement ressemblants, un pour chaque lettre, et regroupés. Les versions antérieures produisaient simplement un chemin composite unique contenant toutes les lettres. Une fois converti en chemins, le texte est simplement une collection de formes dans votre fichier SVG et ne nécessite plus que les polices soient installées. |
| |
| Cela peut sembler une solution idéale, mais il y a un inconvénient : votre « texte » n'est plus un objet texte, et ne peut donc plus être modifié en utilisant l'outil texte dans Inkscape. Si vous décidez d'utiliser cette approche, je vous recommande d'effectuer la conversion en chemins le plus tard possible. Vous devriez également faire une copie de l'objet texte avant de le convertir, au cas où vous auriez besoin de l'éditer à nouveau à une date ultérieure. L'objet texte devrait ensuite être mis sur un calque masqué, ou derrière un autre objet, ou encore rendu transparent, ou caché de quelque autre manière afin qu'il n'interfère pas avec le rendu du fichier sur la machine de destination. | Cela peut sembler une solution idéale, mais il y a un inconvénient : votre « texte » n'est plus un objet texte et ne peut donc plus être modifié en utilisant l'outil texte dans Inkscape. Si vous décidez d'utiliser cette approche, je vous recommande d'effectuer la conversion en chemins le plus tard possible. Vous devriez également faire une copie de l'objet texte avant de le convertir, au cas où vous auriez besoin de l'éditer à nouveau à une date ultérieure. L'objet texte devrait ensuite être mis sur un calque masqué, ou derrière un autre objet, ou encore rendu transparent, ou caché de quelque autre manière pour qu'il n'interfère pas avec le rendu du fichier sur la machine de destination. |
| |
