Faire des bannières sur Inkscape : guide pratique et astuces avancées

Voilà ce matin l’envie de faire une bannière propre pour Unicoda m’est venue. Vous pouvez en bas de l’onglet sélectionner un fond uni pour éviter d’avoir à créer un rectangle de la couleur désirée en fond. Dans le panel de droite se trouve le bouton « Aligner et distribuer des objets » qui vous permet d’ouvrir l’onglet suivant. Cet onglet permettra d’aligner le texte « relativement à : » sélectionnez ici « Page » puis centrez le texte selon l’axe vertical et horizontal. Voilà c’est fini pour aujourd’hui ! Vous allez voir qu’en créer une prend très peu de temps, et qu’il est ensuite facile de réaliser de nombreuses variations sans trop de souci. Je pars du principe que vous connaissez déjà au moins les outils basiques d’Inkscape.

Nous allons commencer par dessiner un rectangle. Dupliquez la forme (Ctrl+D), et modifiez tout de suite la couleur pour la rendre un peu plus foncée. Utilisez les flèches de redimensionnement ou la zone de saisie de la barre supérieure pour diminuer la largeur de ce nouvel objet. Prenez alors uniquement ce noeud. Veillez à ce que les boutons soient enfoncés (cf illustration ci-dessous) : ils permettent d’activer le magnétisme. J’avoue que sur cette composition c’est carrément irritant, mais lorsque l’on veut rattacher des formes, comme on va le faire ici, c’est juste indispensable.

Prenez l’outil courbe de Bézier. Cliquez en base à droite, dans l’angle de la partie sombre. Si tout va bien, le magnétisme va vous contraindre à avoir un premier noeud pile au dessus de cet angle de référence. Ensuite, cliquez une seconde fois à l’angle bas gauche du rectangle clair, puis au dessus de ce qui serait intersection entre les deux formes. S’il y a une couleur de contour, enlevez-la, et choisissez comme couleur de contenu un rouge plus sombre encore que le fanion. Sélectionnez les deux formes foncées, le fanion et l’ombre. Ce second groupe, vous allez le déplacer vers la droite pour l’amener à l’exacte bonne place. Ici, un peu de concentration (et de zoom s’il faut). Saisissez le groupe en cliquant dans le triangle foncé, assez proche de la pointe qui doit être ensuite au contact de l’angle bas droit du rectangle rouge.

Alors, évidemment, la première possibilité est d’ajouter un peu de texte : ici, j’ai choisi une police épaisse, en couleur « blanc ». Pour créer une forme arrondie, le plus simple est encore de procéder un peu à la manière des pointes des fanions. Transformez l’objet rectangle en chemin. Ensuite, sélectionnez les deux noeuds du haut et ajoutez un point au milieu. Procéder de la même manière en base. Bon, bien sûr, dans mon exemple, pour déplacer mon effet couture, il m’aura aussi fallu ajouter un point milieu sur les deux segments de droite et les sélectionner pour les déplacer en même temps. Fignolez en plaçant le texte le long d’un chemin (on peut se servir d’un clone de la couture du bas) : attention à votre police, dans cet exemple, j’ai dû ajouter un espace entre chaque lettre, sinon elles se chevauchent. Ensuite, faites pivotez les fanions légèrement.

Reprenons donc, mais en douceur. Cela fait un bon moment que je regarde avec envie des illustrations « Low Poly » sur internet. Pour en finir avec les trop habituels diagrammes en « camembert » issus de Calc comme d’Excel, je vous propose ici un rapide et facile tutoriel pour obtenir une jolie infographie pour vos rapports et présentations. Effet des plus classiques, le reflet sous le texte a envahi le web. Un peu comme sur voile blanc associé au « 2.0 » du web. L’outil texte est simple mais relativement puissant. Il offre surtout de belles possibilités en terme de création. Dans ce tutoriel, on va utiliser les fonctions de base, histoire de se familiariser avec lui.

Un classique du genre : un tutoriel pour dessiner notre ami Tux, célèbre mascotte de Linux. Pour arriver au bout des explications, il vous faudra avoir lu ou déjà utilisé : les ellipses, les dégradés, les duplications, les alignements et un peu de manipulation sur les noeuds. Après avoir vu les différentes manières d’obtenir formes et tracés, il est temps d’intervenir sur les points essentiels qui constituent tous les chemins : les noeuds. Dans les précédents tutoriels, il avait essentiellement été question des outils formes (ellipse, rectangle, étoile et polygone). Dans cet article, on va découvrir les tracés à travers trois outils : main levée, calligraphie et courbe de bézier. Ce billet-ci est un complément au précédent « Inkscape 05 : opérations sur les chemins ». D’une part, parce qu’on va faire appel au même menu, et d’autre part, parce que finalement, lorsque qu’on appliquait une opération sur deux « objets », ceux-ci étaient de fait transformés en chemins.

Cette approche permet de maîtriser des bannières polyvalentes, adaptables à différents supports et publications. Vous verrez qu’en combinant texte, formes et chemins, on obtient des infographies et des éléments graphiques professionnels sans recours à des logiciels coûteux. L’orientation vers le travail non destructif et les chemins permet en outre de réutiliser les éléments de manière efficace dans de futurs projets.

miniature bannières Inkscape

tags: #faire #des #banieres #sur #inkscape