Retrouvez cet article dans : Linux Pratique 44
L'outil Texte d'Inkscape 0.45.1 est encore basique, mais de nouvelles possibilités sont attendues dans la prochaine version (fonctionnalités que l'on peut déjà tester via la version de développement du logiciel). Néanmoins, il est possible d'arriver à un nombre important de textes décoratifs afin d'embellir son site Web, ses brochures ou ses PDF.
La logique du logiciel demande d'abord d'écrire son texte, éventuellement de le placer à l'endroit désiré sur la page, puis, au final, de lui appliquer un style (une couleur, une taille, etc.)
Présentation de l'outil Texte
La première action consistera à activer l'outil Texte ([F8] ou [T]). Écrivez votre texte ou copiez/collez un texte déjà rédigé. À l'aide de la boîte de dialogue Texte et police [Maj]+[Crtl]+[T] (Fig. 1), vous pouvez décider d'une taille précise du texte et choisir la famille de police. Vous aurez également à votre disposition d'autres options basiques, caractéristiques d'un traitement de texte. Pour cet article, nous avons choisi la police Zmic (Fig. 2).
Fig. 1 : La boîte de dialogue des options de l'outil Texte
Ne pas convertir en chemin le texte permet de revenir à l'édition de nos objets texte facilement. Tout en conservant les propriétés de l'objet texte, il est possible de réaliser un grand nombre de décorations.
Fig. 2 : Notre objet texte qui va servir de base aux tests
Effet de volume
Dans un premier temps, choisissons une couleur, car, par défaut,tout objet texte est noir. Avec l'outil Texte ou l'outil Sélection, sélectionnez votre texte et cliquez sur une couleur de la palette qui se trouve au bas de la fenêtre d'Inkscape.
Pourquoi pas un joli vert ? Il existe de nombreuses façons de réaliser un effet de volume...
Avec une ombre
L'ombre est réalisée à partir d'un duplicata de l'objet texte. Sélectionnez l'objet texte avec l'outil Sélection ([F1] ou [S]
pour activer le bon outil), puis [Ctrl]+[D]. Le duplicata est exactement au-dessus de notre objet. Il n'est donc pas repérable visuellement. Cliquez et déplacez la souris pour l'apercevoir (Fig. 3). Appliquons-lui, avec un clic gauche, une couleur différente (grise) et positionnons-le en arrière-plan à notre texte vert.
Fig.3
Comment agencer les plans ?
Lorsque l'outil Sélection est actif, une série d'icônes apparaît. Les 4 premières concernent les rotations et les 4 suivantes permettent d'organiser les plans :
Fig. 4 : L'ombre placée à divers endroits
Maintenant, il ne reste plus qu'à le placer selon notre bon vouloir à l'aide de l'outil Sélection et de la souris.
Décortiquons les exemples de la figure 4. Les deux premiers montrent le duplicata gris derrière à droite, puis à gauche du texte vert. Les deux suivants montrent le texte gris incliné vers la droite, puis étiré d'un côté et uniquement incliné vers la droite sans modification de sa taille initiale. Pour incliner, il faut cliquer deux fois avec l'outil Sélection sur l'objet, afin de faire apparaître d'autres types de flèches (Fig. 5).
Avec du flou
Si vous décidez d'appliquer un flou sur votre ombre par exemple, pensez à le faire plutôt en fin de travail.
Enfin, selon le poids de votre fichier, cela peut ralentir Inkscape.
Le flou est directement applicable via la boîte de dialogue Remplissage et contour [Maj]+[Ctrl]+[F], au moyen d'une glissière au bas. La figure 6 montre les mêmes ombres que précédemment, avec du flou à 1 pour les deux premiers, à 2 pour les suivants.
Fig. 5 : L'outil Sélection à l'oeuvre sur le canevas
Agrémenté au moyen des opérations booléennes
Cela reste tout de même plat... Les opérations booléennes peuvent nous aider à améliorer facilement l'effet de volume. Ce que nous rajouterons au texte sera dorénavant des chemins. Si vous décidez de modifier votre texte, il faudra alors réaliser de nouvelles décorations sur mesure.
Fig. 6
Nous allons travailler à partir d'une copie. Sélectionnez votre objet texte et faites [Ctrl]+[D]. Recommencez l'opération. Placez ces duplicata de façon légèrement décalée (Fig. 7). Pour vous aider, modifiez la couleur de l'un des deux duplicata. Sélectionnez les deux objets, convertissez-les en chemins ([Maj]+[Ctrl]+[C]), puis lancez l'opération
booléenne Différence. Le résultat est visible sur la figure 8. Répétez l'opération en positionnant le décalage de façon inversée. La figure 9 montre le résumé des opérations.
L'étape suivante consiste à placer ces nouveaux reflets sur l'objet texte initial, et à leur appliquer une couleur plus claire pour l'une et plus foncée pour l'autre. Pour plus de contraste, sur la figure 10, le reflet clair a été mis en jaune et le reflet foncé en bleu.
Observez enfin, sur la figure 11, le même dessin après avoir flouté à 1 les reflets. Personnellement, je trouve que cela ressemble à de la 3D...
Grâce au remplissage et contour
Un remplissage et un contour différent
Il existe une autre façon simple de jouer avec le texte. Par exemple, vous pouvez utiliser une couleur de remplissage différente de celle du contour. C'est idéal pour faire ressortir un titre (Fig. 12). Par défaut, tout objet texte est noir sans contour. Dans la boîte de dialogue Remplissage et contour ([Maj]+[Ctrl]+[F], il existe trois onglets, Remplissage, Remplissage du contour et Style du contour. Il est aisé de jouer avec ces différents paramètres.
Inkscape et la sélection multiple
Avec l'outil Sélection, un clic gauche+[Maj] maintenu tout le long du processus permet de sélectionner plusieurs objets. Si un objet se trouve en dessous d'un autre, [Alt] sélectionne celui qui se trouve en dessous.
En jouant avec les différents styles du tracé disponibles, nous obtenons également de nouveaux effets (Fig. 13).
Des dégradés
Vous savez qu'il est possible d'utiliser un dégradé sur le remplissage, mais le dégradé est tout aussi bien réalisable sur le contour de l'objet. Le dégradé peut en fait être appliqué au remplissage, au contour ou les deux.
Fig. 12
Fig. 13
Fig. 14
Fig. 15
Fig. 16
Ils peuvent différer ou être semblables.
Dans l'onglet Remplissage du contour, cliquez sur l'icône pour activer le dégradé linéaire. Par défaut, un dégradé noir vers transparent apparaît, c'est-à -dire un dégradé constitué de deux stops. Cliquez sur Éditer... pour le modifier à l'aide de l'éditeur de dégradé (Fig. 14). Cliquez sur l'un des stops. Vous verrez alors un menu contenant tous les stops. Pour modifier la couleur d'un des stops, sélectionnez-le et modifiez sa couleur au bas de la fenêtre.
Sur la figure 15, notre objet texte n'a plus de remplissage. Le dégradé de la figure 14 a été appliqué au contour.
Son contour est de 1,7 px pour être bien visible (Fig. 15). Entre la lettre T et la lettre D de l'objet texte, les poignées du dégradé sont visibles.
Ces poignées permettent d'orienter le dégradé comme il vous plaira. réflexion avec un dégradé d'une couleur vers de la transparence tout en diminuant l'opacité de la réflexion (Fig. 16). Pour avoir plus de précision sur la réalisation de cet effet, je vous conseille l'article suivant : http://www.inkscape-fr.org/spip.php?article22
Des chemins plus complexes
Revenons à un mélange entre texte et chemins. Pour créer des mots qui expriment ce qu'ils représentent ou par nécessité de graphisme ludique, nous pouvons nous aider des opérations booléennes de façon plus complexe. Partons de deux exemples, celui du mot " Boom " et du mot " Vagues ". Le mot " Boom " doit être représenté éclaté (Fig. 17).
Astuce
Si vous prévoyez de créer un dégradé de plusieurs stops, ajoutez d'emblée les stops dont vous aurez besoin, ensuite seulement modifiez leur couleur. En effet, le stop ajouté se situe automatiquement au milieu de ceux déjà créés et adopte une couleur intermédiaire, ce qui n'est pas pratique lorsque nous créons un dégradé couleur par couleur.
Dans un premier temps, il faut écrire le mot. Ensuite, il faut créer le " motif " qui va servir à exploser le mot. Rien de tel qu'une étoile pour servir de base afin de créer rapidement des segments espacés uniformément. Essayez avec ces paramètres : 18 sommets,ratio des rayons selon la taille du mot (ici le ratio est à 0,19) et le reste à 0. La figure 18 montre l'étoile et le texte positionné dessus. Placez l'étoile sous le texte, afin que le style du texte soit conservé au final et non celui de l'étoile, sélectionnez les deux, puis utilisez l'opération Division (menu Chemin -> Division). Votre objet texte est découpé, mais cela n'est pas encore visible sur le canevas. La figure 19 montre chaque nouveau sous-chemin créé avec un contour blanc (par défaut, il n'y en avait aucun) et ils sont entourés de leur boîte de sélection respective.
Pour info...
L'outil Dégradé a été amélioré dans Inkscape. Ceux qui utilisent la version stable du logiciel devront attendre la version 0.46 (qui ne va plus trop tarder). En plus des poignées, des petits diamants (visibles sur la figure ci-dessous) sont directement éditables sur le canevas afin de régler plus intuitivement l'étendue de chaque couleur (ou " décalage " si on utilise la terminologie d'Inkscape). Dans les versions 0.45.1 et antérieures du logiciel, il faut se contenter de la glissière
Décalage de la boîte de dialogue
Remplissage et contour.
Une nouveauté d'Inkscape 0.46 : éditer le décalage du dégradé directement sur le canevas !
Il ne reste plus qu'à espacer chacun des morceaux avec l'outil Sélection pour obtenir le résultat visible sur la figure 17.
Il est possible d'obtenir un résultat proche avec les opérations Différence ou Intersection. Les deux autres exemples visibles sur la figure 17 ont été réalisés avec cette seconde étoile (Fig. 20).
Fig. 17
Fig. 18 : Préparation à l'explosion...
Fig. 19 : Le résultat de l'opération Division
Fig. 20
Fig. 21
La figure 21 montre une autre façon de jouer avec les opérations booléennes. Le mot " Vagues " a été créé et son duplicata mis de côté, puis le motif orange a été réalisé. Ensuite, l'objet orange a été placé audessus du mot " vagues ". Après avoir sélectionné les deux, l'opération booléenne Exclusion a été lancée.
Le résultat est visible sur la troisième ligne, mais comme le texte noir était au premier plan, le résultat est apparu noir. Un clic gauche de la souris sur la couleur orange l'a recoloré. Il est temps de récupérer le duplicata, pour le placer sous les vaguelettes oranges. Un petit bateau a été rajouté pour le fun...
LIENS
Retrouvez cet article dans : Linux Pratique 44
