Bonjour, nous sommes Léo, Pauline, Lise, Adrien et Camille, étudiants à l’université Rennes II, en Usages des Nouvelles Technologies (USETIC).

Dans ce « pack-tutoriels » nous allons vous aider à utiliser le logiciel Inkscape. Afin de faire le lien entre nos tutoriels, nous allons suivre un cinéaste dans la réalisation de ses supports de communication. A travers la démarche de ce personnage, nous souhaitons vous présenter des exemples d’utilisation d’Inkscape.

Nous vous mettons à disposition :

- Une présentation des outils de base du logiciel, répartie en 2 articles.

- Un premier tutoriel vidéo, dans lequel notre ami cinéaste réalise une carte de visite professionnelle.

- Un deuxième tutoriel vidéo, dans lequel il créer le logo de son association.

- Un troisième tutoriel vidéo, dans lequel il réalise un flyer pour un évènement organisé par son association.

Ce pack-tutoriels vous présente donc des manières de faire spécifiques pour vous permettre de vous approprier l’outil. Il y a cependant de multiples façons de faire et d’arriver aux résultats attendus.

Nous vous souhaitons une bonne découverte du logiciel.

Dans cette première partie de notre tutoriel dédié à Inkscape, nous allons vous présenter les différents outils et leurs fonctionnalités. Inkscape est un logiciel d’apparence simple mais riche en possibilités. Cette partie a pour objectif d’en faire un tour d’horizon.

• L’outil Sélectionnez :

La flèche noire est la première icône de la boîte à outils. Elle permet de sélectionner des objets, de les déplacer et les redimensionner.

Pour sélectionnez plusieurs objets, maintenir la touche majuscule et cliquez sur les formes souhaitées.
Ou utilisez le rectangle de sélection, maintenir clic droit et glisser la souris (cliquer glisser)

Redimensionner un objet :
Lorsque vous cliquez sur un objet des poignées en forme de petites flèches noires apparaissent. C’est poignées permet de changer la taille de l’objet.

Maintenir la touche majuscule permet de garder les proportions

• L’outil nœud :

Il permet de corriger les tracés. Sélectionnez un point et déplacez le.

• L’ outil vague :

Il permet de déformer des objets et des chemins suivants le mode choisi

• L’outil zoom:

Cet outil représenté par une loupe permet d’agrandir ou de réduire la zone de travail
les raccourcis clavier correspondant sont (+) et (-)

• L’outil rectangle :

Il permet de créer une forme carrée ou rectangulaire : cliquer glisser
les poignées carrées permettent de modifier la taille et la forme de l’objet
les poignées rondes permettent d’arrondir les angles

• L’outil cercle :

Il permet de réaliser des ellipses : cliquer glisser
Si vous souhaitez faire des cercles proportionnels maintenez la touche CTRL

Il est possible de transformer l’ellipse en camembert ou en arc de cercle. Pour ce faire déplacer les poignées rondes.

• L’outil étoile et polygone

Comme son nom l’indique il permet de générer certaines formes : cliquer glisser
Vous pourrez choisir la forme souhaitée dans la barre d’options

• L’outil spirale :

cet outil permet de générer une spirale
le nombre de tours est modifiable à l’aide des poignées rondes mais également avec la barre d’options.

• L’outil Bézier :

Il permet de réaliser des segments et des courbes de manière précise

• L’outil calligraphique :

Il permet de faire des tracés à l’ imitations calligraphiques.

• L’outil texte :

Il permet d’écrire du texte. De nombreuses possibilités similaires à un traitement de texte classique et accessible dans la barre d’options

• L’outil de gomme :

Il permet de supprimer un objet

• L’outil pipette :

Cet outil permet de sélectionner la couleur d’un objet afin de l’appliquer à un autre objet

• L’ outil connecteur :

Il permet de générer des lignes ou flèches, utile pour les schémas et les organigrammes,

• L’outil dégradé :

Sélectionnez une forme puis sélectionnez l’outil dégradée
Cliquer sur un point de la page, là où vous voulez débuter le dégradé puis maintenez le clic droit jusqu’à l’endroit où vous souhaitez que le dégradé s’arrête.
Une fois réalisée, la poignée ronde correspond au départ et la poignée carrée à l’arrivée

• L’outil bombe :

Il permet de dupliqué un objet. L’outil mémorise automatiquement le dernière objet sélectionner. Sélectionnez l’outil et cliquez à l’endroit ou vous souhaité placé la duplication.

La barre de contrôle d’outils :

Il existe plusieurs options dans la barre de contrôle d’outils. En effet chaque outil peut être utilisé de différentes manières. C’est pourquoi, nous vous présentons ici les principales options des outils les plus utilisés dans le logiciel inkscape.

• La courbe de Bézier :

Elle sert à tracer des courbes, des droites, des segments vectoriels (ils sont facilement modifiables. C’est un outil complexe à utiliser mais très utile.

La première icône, « segment régulier », est la plus utilisée dans la courbe de Bézier, elle permet tout simplement de créer votre forme, votre plan à partir d’un point de contrôle.

Le deuxième pictogramme, «  segment spirographique », permet de créer des chemins spirographiques. Moins utile que les autres, il est préférable d’employer le « segment régulier ».

La troisième icône, « segment droit », permet de réaliser des droites parfaites.

Et enfin, le quatrième pictogramme, « segment paraxiale », va permettre quant à lui, de réaliser des segments droits et perpendiculaires les uns aux autres.

• Pour l’outil vague

Comme dit précédemment, cet outil permet d’ajuster les objets en les sculptant ou en les peignant, une sorte de déformation de l’objet.
Les deux premiers pictogrammes servent à régler l’épaisseur qui définira la zone d’action de l’outil de déformation.
Il existe différents modes pour appliquer une déformation. Ils ont pour fonction de :

• Déplacer la sélection dans le sens du curseur
• Déplacer l’objet vers le curseur
• Déplacer la sélection de façon aléatoire
• Rétrécir l’objet
• Dupliquer l’objet
• Rendre le chemin plus rugueux, le changer de couleur et d’y ajouter un flou

Il y a, aussi, le mode fidélité :

• une basse fidélité simplifie les chemins
• Une haute fidélité préserve les propriétés des chemins mais peut ajouter de nombreux nœuds

• Pour l’outil sélection

L’outil « sélection » représenté par une flèche noire, est sans doute l’outil le plus utilisé du logiciel Inkscape.
Comme l’indique son nom, cet outil permet de sélectionner les différents objets de la page.
La barre d’option de l’outil sélection est composé de 5 parties :

• Dans la première partie, nous retrouvons :
  • une icône qui permet de sélectionner tous les objets et/ou tous les nœuds
  • Un pictogramme sélectionnant tous les objets dans les calques visibles et non verrouillés.
  • Une icône qui permet dé-sélectionner les objets et/ou les nœuds

• Dans la deuxième partie, nous pouvons reconnaître les outils de rotation ( rotation à 90°, verticalement et horizontalement).
• Les outils de positionnement se situent dans la troisième partie de la barre d’option (Monter/descendre d’un cran, monter la sélection au premier plan, descendre la sélection au dernier plan)
• Dans la quatrième partie, nous retrouvons les différentes coordonnées de l’objet sélectionné, elles peuvent être modifiables manuellement.
• Et dans la dernière et cinquième partie, nous avons quatre pictogrammes qui permettent de préserver ou de transformer les redimensions.

• Pour l’outil calque

Nous vous rappelons que dans le logiciel Inkscape, les objets s’empilent les uns aux autres, par ordre de création. Les calques vont alors permettre d’organiser le travail selon notre progression. Il est donc indispensable de travailler avec cet outil.

La barre de l’outil calque est composée de trois pictogrammes qui se situent en bas de la page du logiciel Inkscape. Le premier étant l’icône œil ou encore appelé visibilité/ invisibilité du calque. Si l’œil est ouvert, cela signifie que le calque est visible. Au contraire, quand l’œil est fermé, les objets du calque de la page sont invisibles.

Le cadenas est la deuxième icône de la barre d’outil. Si le cadenas est ouvert, alors tous les objets de la page calque peuvent être modifiables. A l’inverse, si il est fermé, toute manipulation de l’objet est interdite.

Dans la barre principale, à l’onglet « calque », nous retrouvons une fenêtre plus étoffée d’options de l’outil calque. Ainsi, nous pouvons monter ou descendre un calque, le faire passer au premier plan ou au contraire au dernier plan, ou encore ajouter, supprimer ou dupliquer un calque.

• La barre de magnétisme

Elle se situe à droite de la page Inkscape. Son objectif est d’accrocher, de lier un objet à un autre déjà dessiner auparavant. Le logiciel détecte automatiquement l’objet dessiné, sorte de magnétisme entre les deux objets.
Pour utiliser correctement cet outil, il faut dans un premier temps activer le magnétisme, le premier pictogramme de la barre d’outil. Pour que l’outil puisse fonctionner convenablement, nous devons choisir parmi les différentes options telles que :

• Aimanter aux coins des boites englobantes
• Aimanter aux nœuds et aux poignées
• Aimanter aux chemins
• Aimanter aux nœuds doux
• etc,….

• La barre des commandes Inkscape

La barre des commandes Inkscape se situe à droite, juste avant la barre de magnétisme.
Elle regroupe les icônes essentielles de la barre d’outils, ce sont en quelques sortes des raccourcis.
Ces pictogrammes sont indispensables à l’utilisation de Inkscape. Nous y retrouvons les icônes :

• Nouveau fichier,
• Ouvrir un document existant,
• Enregistrer,
• Imprimer,
• Importer/ exporter
• Annuler/ refaire la dernière action
• Copier/coller/couper
• Zoom
• Dupliquer/ créer un clone
• etc,….

1 – Créez la zone de travail format carte de visite et créez un rectangle de couleur noir.

2 – Créez un décor « en lien avec le cinéma » : des petits carrés blancs, dupliqués plusieurs fois en haut puis en bas.

3 – Insérez du texte : un titre dans une forme ovale ; groupez les.

4 – Faites une autre zone de texte pour des informations complémentaires. Puis mettre en forme le texte : la police, la taille, gras/italique, aligné à gauche.

5 – Insérez une image, une photo de vous.

Voilà, notre ami cinéaste a réalisé sa carte de visite.

Première vidéo :

1 – Créer la base du logo : Faire un rectangle, y inclure un carré, créer un cercle dans ce carré, définir les couleurs.

2 – Créer le texte dans le rectangle : Choisir la police et ses options (taille de police, gras, italique) placé le texte en bas de la base du logo, réajuster.

3 – Importer un objet dans le document de travail (ici le logo USB), vectoriser cet objet et le transformer (pivoter, supprimer des nœuds et modifier la forme de l’objet avec les poignées de contrôle des nœuds).

Deuxième vidéo :

4 – Créer un chapeau à partir de rectangle, grouper les éléments du chapeau.

5 – Créer une caméra à partir d’un rectangle et d’un polygone/triangle, faire pivoter le triangle et grouper les éléments de la caméra.

6 – Créer une bobine de cinéma à partir de cercles et de rectangles. Utiliser chemin : “union”, “différence” et édition : “dupliquer”, pour créer de nouvelles formes à partir de figures géométriques de base. Sculpter un rectangle avec l’outil “ajuster les objets en sculptant” et ses options. Grouper tous les éléments de la bobine.

7 – Redimensionner et mettre en noir tous les éléments du logo USB personnalisé et grouper les.

Troisième vidéo :

8 – Assembler tous les éléments du logo. Dupliquer le cercle pour créer un objet dégradé (avec l’outil dégradé). Redimensionner ce nouveau cercle pour faire apparaître une bordure. Placer le logo au centre de votre page et redimensionner le si nécessaire. Enregistrer votre travail en choisissant un format (enregistrer sous – format .pdf ou .png).

Voilà, notre ami cinéaste a un beau logo pour son association.

Introduction à la logique des calques :

Dans Inkscape les objets sont empilés les uns sur les autres par ordre de création.

Les calques permettent d’organiser son travail en regroupant les différents objets par couche.

Les opérations que l’on peut faire avec le volet « calque » :

Créer un nouveau calque

Le déplacer dans la hiérarchie C :

- Le monter au premier plan

- Le descendre au dernier plan

- Le monter d’un échelon dans la hiérarchie C

- Le descendre d’un échelon dans la hiérarchie C

Renommer le calque.

Régler l’opacité du calque.

Supprimer un calque.

Maintenant voyons ensemble la réalisations pas à pas :

I- Le design

1- Le dégradé (outil dégradé)

2- La place de l’intitulé (outil carré)

3- La place du contact (outil carré + arrondie)

II- Le texte

1- Le nom (outil Texte)

2- Le texte explicatif (outil Texte)

3- Contact (outil Texte)

4- L’accroche (outil Texte + doublé + biseaux)

III- Les images

1- Le logo (importer image)

2- Insertion (importer image)

3- Positionnement (double clique, rotation)

Bonne nouvelles pour les Ubuntueros (les utilisateurs d’Ubuntu) : il existe de nouvelles sources de  paquets d’Inkscape pour tester les nouveautés, grâce à Alex Valavanis et Cafuego.

Ce lien contiendra les PPAs pour la version stable d’Inkscape :

https://launchpad.net/~inkscape.dev/+archive/stable

Ce lien contient (déjà) les PPAs pour les versions nigthly (instable) d’Inkscape :

https://launchpad.net/~inkscape.dev/+archive/trunk

Utiliser Inkscape stable pour un usage professionnel, les passionné(e)s et/ou les impatient(e)s installerons localement Inkscape-devel pour tester les nouveautés.

Bon Inkscape !

Un nouvel outil pour inkscape est en projet. Celui-ci a pour but de mesurer les distances et les angles.

Concrètement comment cela se présente ?

Une fois l’outil activé (il ressemble pour l’instant à une règle). Un clic pose un premier point et le second le dernier point. Cela créé sur le canevas une ligne droite indiquant la valeur relative par rapport à la page du premier point, du dernier point et d’un point situé au milieu. Cette ligne droite est directement positionnable avec la souris. Tant que le second point n’est pas posé, la mesure en temps réel apparaît.

Pour l’instant la seule option disponible est celle de la taille des mesures s’affichant sur la ligne droite. Des développeurs ont demandé d’ajouter un menu contenant divers unités. Felipe l’a ajouté cette nuit-même !

La mesure des angles n’a pas encore été implémenté, cela ne serai tardé.

Comment est né cet outil ?

JucaBlue, ou de son vrai nom, Felipe Sanches est un brillant développeur brésilien. Il a codé pour Inkscape grâce à un Google Summer of Code.  Son projet consistait à améliorer le support des fonts dans Inkscape. Après d’autres projets de développements, JucaBlue revient à Inkscape.

C’est en travaillant sur l’amélioration des labels textes sur les guides qu’il a créé cet outil.

Pourrons-nous utiliser cet outil rapidement ?

Felipe Sanches étant un développeur officiel d’inkscape a placé son code directement dans la branche principale de développement du logiciel. Si vous compilez la dernière version instable, il y a des chances pour que vous puissiez tester cet outil.

Il est question d’une prochaine version stable 0.48.2 corrigeant des bugs gênant pour les utilisateurs. Peut-être verrons nous alors ce nouvel outil apparaître. Je vous tiendrai au courant !

Felipe a réalisé une vidéo pour présenter son outil :

QuicheLoraine, talentueuse inkscapeuse (et selon la capture d’écran de son bureau, elle utilise Ubuntu), a gagné un concours avec une illustration réalisée avec Inkscape.

N’est-ce pas une preuve des compétences du logiciel ?

Qui est QuicheLoraine ?

Une artiste vivant aux Etats-Unis utilisant Inkscape. Elle est membre de la communauté Inkscape de Deviantart et participe également aux concours organisés par Inkscape. Sa galerie sur deviantart nous montre plusieurs de ses réalisations dans Inkscape même. Il y a souvent un petit côté « vintage » dans ses dessins, tant dans les couleurs que dans son tracé.

Qu’est-ce que Deviantart ?

Est-il encore utile de présenter cette communauté artistique (où le meilleur cotoie le pire) ? De nombreux artistes de différents styles y sont présents. Bien entendu l’art vectoriel y a une bonne place.

De quel concours s’agit-il ?

Les concours lancés sur cette plate-forme sont fréquents (dans un but publicitaire essentiellement). QuicheLoraine a gagné la plus haute place du concours Pinkitude (le grand prix). Ce concours promeut la détection précoce du cancer du sein (d’où la présence du rose). La présence de la mascotte de la célèbre panthère rose est simplement du au fait qu’elle est le sponsor du concours (enfin son éditeur). Les participants furent nombreux, il y eu 40 semi-finalistes. Pour voir les 3 autres gagnants, rendez vous directement sur la page du concours.

Si cette nouvelle version d’Inkscape intègre quelques fonctionnalités supplémentaires, elle apporte surtout des améliorations majeures sur les outils déjà présents dans les versions précédentes. L’outil Nœud, en particulier, a fait l’objet d’une révision en profondeur par Krzysztof Kosiński durant son projet Google Summer of Code 2009. Voici une sélection des nouveautés les plus notables.

Sélection de chemins multiples

Il est désormais possible de sélectionner et d’éditer plusieurs chemins simultanément. Il suffit pour cela de sélectionner l’ensemble des chemins à éditer avec le sélecteur, puis de passer sur l’outil Nœud pour faire apparaître les nœuds de toute la sélection. Libre à vous de sélectionner ensuite ceux dont vous avez besoin, quel que soit le chemin sur lesquels ils sont positionnés.

Et bien entendu, toutes les manipulations qui étaient possibles avec les nœuds d’un seul chemin le sont toujours sur plusieurs chemins. Dans l’exemple suivant, les nœuds supérieurs des trois formes ont été déplacés en mode d’édition proportionnelle (en maintenant la touche Alt lors du déplacement) vers le bas.

Jointures multiples

Vous pouvez également joindre les nœuds terminaux de deux chemins par un nœud ou un segment. Le chemin résultant est alors la combinaison des deux chemins initiaux, et prend les attributs de style du chemin initialement placé le plus haut.

Plus pratique encore, plusieurs paires de nœuds sélectionnées peuvent être jointes simultanément deux par deux en une seule action.

Transformation des nœuds

Une nouvelle icône, placée dans la barre d’options de l’outil Nœud, autorise l’affichage de poignées de transformation autour de la boîte englobante des nœuds. Ces poignées fonctionnent exactement comme celles positionnées autour des objets et chemins en mode sélection, et permettent le redimensionnement, le déplacement, la rotation et l’inclinaison de la sélection de nœuds (cliquez sur un nœud pour passer du mode redimensionnement au mode rotation).

Encore ?

Pour en savoir plus sur les autres modification de l’outil Nœud, consultez les notes de version d’Inkscape 0.48 [1] ou, si vous souhaitez un maximum de détails, la page du projet de réécriture de l’outil [2].

[1] http://wiki.inkscape.org/wiki/index.php/Release_Notes/0.48

[2] http://wiki.inkscape.org/wiki/index.php/GSoC2009_Node_Tool_Rewrite