Skip to main content

Débuter en dessin vectoriel avec Inkscape

Découvrir les images vectorielles

La plupart des images numériques sont des images matricielles ou bitmap, c'est-à-dire d'immenses tableaux contenant des points de couleurs (les pixels).

Ce format d'image n'est pas particulièrement adapté pour la réalisation de dessins et logos qui peuvent nécessiter une exploitation en diverses tailles, allant du petit un logo de site web à un énorme logo sur une bannière publicitaire, en passant par un format intermédiaire sur une affiche.

La solution ? Les images vectorielles ...

Une image matricielle sous la loupe :

Une image vectorielle sous la loupe :

Les images vectorielles sont construites sur base des équations mathématiques des courbes, c'est pourquoi, les traits restent nets qu'on zoome autant qu'on veut.

Pour vous en convaincre, un petit extrait de notre disque rouge au format svg, édité en mode texte :

Nous lisons que notre trajectoire (path) est un arc, centré un un point situé autour de (284,496) et de rayon 190. Ceux qui connaissent les codes couleurs html, reconnaissent aussi que la couleur de remplissage (fill) est le rouge (#ff0000).

Voyons à présent comment créer ces dessins ...

Dessiner les formes de base

Il est temps de passer aux formes! Cliquez sur l'outil Rectangle dans la barre d'outils et avec un cliquer-déplacer, créez un rectangle :

Avec les autres outils, vous pouvez aussi créer des ellipses , des étoiles et des spirales :

Déplacer, redimensionner et faire tourner des objets

L'outil d'Inkscape le plus utilisé est le sélecteur situé en haut de la barre d'outils. Vous pouvez alors sélectionner n'importe quel objet sur le canevas. Exemple : tracez un rectangle comme celui ci-dessous.

Sélectionnez le sélecteur et cliquez une fois pour voir apparaître huit poignées en forme de flèche autour des bords de l'objet. Vous pouvez maintenant déplacer l'objet à la souris avec un cliquer-déplacer
et redimensionner l'objet, en déplaçant une poignée (appuyez sur Ctrl pour préserver ses proportions).

Si vous cliquez une seconde fois sur le rectangle, les poignées changent de forme. Vous pouvez maintenant tourner l'objet en déplaçant une poignée de coin.

Modifier la couleur et le contour d'une forme

Lorsque vous avez tracé une forme,vous pouvez modifier sa couleur en la sélectionnant avec le sélecteur , et en cliquant sur la couleur de votre choix dans la palette de couleurs du bas de page.

Pour choisir une couleur plus précise et pour modifier le contour utilisez l'outil "remplissage et contour"
.

Les informations sont présentées en 3 onglets : la couleur de remplissage, la couleur de contour et le style du contour. Par défaut, aucun contour n'est défini et vous devez cocher la bonne option pour pouvoir lui associer une couleur :
.
Notez qu'il est possible de définir les couleurs selon différents standards et pour les non initiés, la roue est le moyen le plus simple de choisir.
Définissez ensuite le style du contour en choisissant son épaisseur et le style de bords.

Les opérations sur les formes (différence, union, ...)

Via le menu "Chemin", vous accédez à plusieurs opérations sur les chemins.

Vous devez au préalable sélectionner (avec la flèche) deux formes qui se superposent (en enfonçant shift). Pour réaliser une différence, retenez que c'est la forme du dessus qui mange celle du dessous. Pour gérer la manière dont les formes se superposent, utilisez les boutons de gestions des piles :

Et maintenant, dessinez moi une lune en faisant la différence entre deux cercles !

Modifier un objet en mode vectoriel càd modifier un chemin

C'est maintenant que nous entrons dans le monde vectoriel ...

Sélectionnez une forme et passez en mode vectoriel . Votre forme devient alors éditable à l'aide de poignées et de tangentes.

Vous pouvez ajouter une poignée (en sélectionnant les deux poignées contigües), supprimer une poignée et modifier le type des tangentes à la poignées :

Et maintenant, transformez moi cette lune en jolie banane !

Exporter un dessin dans divers formats

Une fois votre joli logo réalisé en svg, vous aurez sans doute besoin de l'exporter en bitmap pour l'intégrer dans un document ou en pdf pour impression.

Via le menu "Fichier > Exporter en bitmap", vous pouvez exporter uniquement les objets sélectionnés ou toute la page définie par les bords noirs. Choisissez ensuite la taille de l'image générée à votre guise : 50 ou 5000px !

Via le menu "Fichier > Enregistrer sous", vous pourrez aussi enregistrer votre jolie réalisation en pdf.

Notez qu'il est possible de définir divers formats de page de travail pour obtenir un résultat prêt à imprimer lors de l'export. Visitez le menu "Fichier > Propriété du document" pour en savoir plus.

Utiliser les dégradés de couleurs

Il est possible de définir des dégradés comme couleur de remplissage .

Les dégradés sont soit des dégradés linéaires (troisième option de remplissage), soit des dégradés circulaires (quatrième option de remplissage).

Voici un exemple de réalisation d'un dégradé circulaire :

En cliquant sur "Editer", vous avez la possibilité d'éditer les couleurs qui composent le dégradé (les "stops"), d'en ajouter et de spécifier le décalage des couleurs intermédiaires.

Vectoriser une image bitmap pour obtenir de jolis visuels

Il est possible d'importer des images bitmap pour les vectoriser, de manière à obtenir un rendu "dessin" sur base d'un visage ou d'un paysage "photo".

Via le menu "Importer", vous intégrerez vos images bitmap et via le menu "Chemin < Vectoriser bitmap", vous pourrez simuler divers modes de vectorisation.

Testez essentiellement la vectorisation sur base de la luminosité (qui permet d'obtenir l'équivalent d'un dessin au crayon) et la vectorisation sur base des couleurs (qui permet d'obtenir l'équivalent d'un dessin en couleur).

Divers paramètres peuvent être modifiés et vous avez la possibilité de visualiser un aperçu avant d'appliquer la vectorisation.

Un joli exemple d'arbre vectorisé :

Gérer l'alignement des différents objets

Pour aligner vos différentes formes, selon toutes les logiques possibles, utilisez le menu d'alignement (en haut) .

Avec un beau dégradé sur toute la page, un joli rectangle au contour arrondi, un peu de texte et un bon alignement,
vous êtes à présent en mesure de réaliser de jolies affiches ...

Encore plus de fonctionnalités ...


Visitez la documentations officielle
dont je me suis largement inspirée dans ce tuto !

Rencontres mondiales du logiciel libre

Posted in

Du 6 au 11 juillet 2013, Bruxelles accueillera les Rencontres Mondiales du Logiciel Libre (RMLL).

Cette activité sera une occasion d'échanges avec de nombreux autres utilisateurs de logiciels libres et les conférences organisées sont pour une bonne partie en français.

Le NamurLUG sera représenté les week-end des 6 et 7 juillet et plus pour les plus motivés.

Une occasion unique de découvrir l'ampleur du mouvement libre, avec des échanges en français !

Quelques infos :
http://fr.wikipedia.org/wiki/Rencontres_mondiales_du_logiciel_libre

et plus ici prochainement ...

Date: 
Sa, 06/07/2013 - 09:00 - Je, 11/07/2013 - 18:00

Aide pratique

L'été est souvent l'occasion de reconfigurer sa machine, voir même d'en acheter une nouvelle ...

C'est pourquoi nous vous proposons des aides pratiques en juillet et en août pour répondre à toutes vos questions !

N'hésitez pas à emmener vos ordinateurs.

Date: 
Me, 31/07/2013 - 20:00 - 23:00
Emplacement: 

Aide pratique

L'été est souvent l'occasion de reconfigurer sa machine, voir même d'en acheter une nouvelle ...

C'est pourquoi nous vous proposons des aides pratiques en juillet et en août pour répondre à toutes vos questions !

N'hésitez pas à emmener vos ordinateurs.

Date: 
Me, 28/08/2013 - 20:00 - 23:00
Emplacement: 

Repas annuel du NamurLUG

Posted in

En cette fin d'année académique, nous vous proposons une rencontre dans une ambiance détendue pour un repas festif !

Rejoignez-nous pour déguster une délicieuse fondue bourguignone dans un restaurant du piétonnier de Namur, situé à deux pas du local de réunion habituel : Le St Loup.

http://www.saintloupnamur.be/

Merci à chacun de nous signaler s'il participera ou non au souper en complétant le sondage ci-dessous :
http://www.namurlug.org/drupal6/makemeeting/37i5xvoqip
Deadline : le mardi 18/6 à midi.

Date: 
Me, 19/06/2013 - 20:00 - 23:00

La sécurité et la discrétion des échanges sur internet

Nos actions et nos échanges sur le web sont souvent enregistrés, à des fins statistiques ou pour nous proposer des messages publicitaires mieux ciblés.

Si vous souhaitez rester anonymes sur le web, et empêcher diverses sociétés de vous "ficher" sur le web, nous vous proposons une panoplie d'outils pour sécuriser vos échanges web.

Quelques petits liens :
http://www.macromedia.com/support/documentation/en/flashplayer/help/sett...
http://www.cnil.fr/vos-droits/vos-traces/
https://safeonweb.be/fr

Date: 
Me, 29/05/2013 - 20:00 - 23:00
Emplacement: 

Présentation des logiciels libres et aide pratique

Notre réunion mensuelle tombant en plein milieu de la semaine numérique, en plus de l'aide pratique prévue initialement, nous accueillons toutes personnes curieuses de découvrir les logiciels libres.

L'activité est ouverte à tous. Que vous soyez débutant ou utilisateur averti, venez découvrir ce qu'il se cache derrière des noms comme Firefox, Thunderbird, LibreOffice, Ubuntu, Fedora, Debian, The Gimp, Inkscape, ...
Peut-être utilisez-vous un de ces logiciels et vous voulez en apprendre plus sur les logiciels libres...
Alors vous êtes les bienvenus à partir de 20h.

Si vous avez un problème de configuration avec votre Linux ou êtes à la recherche d'un logiciel libre pour répondre à vos besoins, nous sommes aussi là pour vous.

Date: 
Me, 24/04/2013 - 20:00 - 23:00
Emplacement: 

Formation au dessin numérique avec Inkscape

Après la retouche d'images avec The Gimp, nous vous proposons un atelier de formation au dessin vectoriel avec un outil aussi populaire que le premier : Inkscape.

Si vous désirez plus d'informations à propos du dessin vectoriel, voici une page wikipédia explicative: L'image vectorielle

La réunion se donnera au pool en faculté de droit des FUNDP à Namur (voir la carte). Des ordinateurs seront à votre disposition mais vous êtes libre d'amener votre portable.

Si vous amenez votre propre ordinateur, nous vous suggérons d'installer Inkscape avant d'arriver à la formation.

Pour les ordinateurs sous GNU/Linux, vous trouverez Inkscape dans votre gestionnaire de paquet favori.

Pour les ordinateurs sous windows, vous pouvez télécharger une version portable qui ne demande pas d'installation ou l'installeur.

Pour les ordinateurs sous MacOS X.6, vous pouvez télécharger cette version

D'autres versions sont disponible ici

Un tutoriel d'utilisation de Inkscape en français :
http://inkscape.org/doc/

Date: 
Me, 27/02/2013 - 20:00 - 23:00
Emplacement: 

FOSDEM

Comme chaque année, les membres du NamurLUG seront présents au FOSDEM, une rencontre qui regroupe les développeurs de logiciels libres européens à Bruxelles.

Nombreuses conférences en anglais ...

Plus d'infos :
http://fosdem.org

Date: 
Sa, 02/02/2013 - 09:00 - Di, 03/02/2013 - 18:00

Gérer ses photos numériques : quels outils ? quelles pratiques ?

Quels noms de fichiers pour les photos ?
• des numéros d'ordre croissants;
• des numéros composés de année-mois-jour-heure-minute-seconde.

Quel classement ?
• en vrac :-)
• des dossiers par thèmes;
• des dossiers par année;
• des dossiers par événements.

Quels outils pour les adeptes de la ligne de commande ?

imagemagick
Utilitaire en ligne de commande pour redimensionner, renommer, ... des photos en série.


exiv2

La nouvelle mailling list du lug est disponible chez tuxfamily

Pour s'y inscrire la procédure est disponible ici

Syndiquer le contenu