Tutoriel : Comment créer un effet de vague sur une image bannière avec Inkscape

Classé dans : Blog, Graphisme | 0

Pour ceux d’entre vous qui souhaitent se lancer dans la création d’images/dessins vectoriels, Inkscape est un bon logiciel de démarrage. Cette application est gratuite. Elle est très proche d’Illustrator par de nombreux aspects.

C’est l’outil Courbe de Bézier (ou Plume) dont nous allons nous servir qui va nous permettre de créer une forme de vague sur une image bannière.

J’ai choisi une méthode simple pour cette réalisation. Le dessin sera composé d’une série de segments droits et de points d’ancrage (ou nœuds) que l’on courbera par la suite.

Source image : George Desipris

Procédure :

L’image de fond

Avec un logiciel de traitement d’image créez une image bannière.
Vous pourrez le faire avec Photofiltre. Voir mon tutoriel à ce sujet.
Dimensions :  largeur : 1600 px Hauteur 500 px.

Lancement d’Inkscape

Lancez  Inkscape, allez dans Fichier, ouvrez et sélectionnez votre image dans votre PC.



Laisser : « Incorporer » et valider. L’image peut être incorporée au fichier car son poids est relativement réduit.

Cochez : Résolution d’importation par défaut pour que les dimensions de l’image soient conservées.

L’espace de travail

Cliquez 2 fois sur le carré en haut pour rouvrir l’espace de travail.


Nota : en cliquant sur les touches + ou – de votre clavier, vous pouvez agrandir ou réduire l’image dans l’espace de travail.

L’outil Courbe de Bézier ou Plume

Cliquez sur l’icône courbe de Bézier.

Positionnez le curseur un peu à l’extérieur de l’image, cliquez sur la souris, relâchez la pression puis avancez et cliquez pour délimiter le segment par un point d’ancrage (carré).

Répétez le geste pour former une vague dont les contours seront anguleux dans un 1er temps.

Fermez/validez la forme en cliquant sur le carré blanc qui prend la couleur rouge.

Quand vous cliquez dans la forme, vous obtenez l’image ci-dessous.

Quand vous passez le curseur sur la forme, les contours de celle-ci deviennent rouges.

Courbure des segments

Nous allons faire en sorte que les segments droits prennent des formes arrondies.
Sélectionnez l’icône Éditer les nœuds.

Positionnez votre curseur à l’extérieur de la page, puis étirez pour englober les points supérieurs du dessin.

Des poignées s’affichent. En les déplaçant vous pourrez modifier les courbes à votre guise. De même que vous pouvez modifier la courbe en déplaçant chaque nœud central (carré) du dessin.

Vous pouvez également sélectionner les points un par un et activer l’icône « Rendre doux les nœuds sélectionnés ».

Poignée :

Nœud ou point d’ancrage :


Si vous cliquez à l’extérieur du dessin les points disparaissent. Pour les faire réapparaître, cliquez sur les contours de la forme.

Quand votre forme vous satisfait, maintenez visibles les points puis sélectionnez avec votre curseur une couleur au bas de l’écran.

Nota : sélectionner l’outil pipette (en cliquant sur l’icône  >> à gauche en bas de l’écran)  vous permettra de choisir une couleur au sein de l’image de fond pour l’appliquer à la forme.

Déplacement de la forme

Si vous souhaitez déplacer la forme, cliquez sur l’icône flèche. Le déplacement se fait par les touches « flèches » du clavier ou par glisser avec le curseur de la souris.

Contour de la forme

Par défaut, le contour de la forme est noir. Pour le supprimer, cliquez au bas d’écran sur « Contour ».

Cela ouvre une fenêtre à droite de l’écran.

Cliquez sur la croix. Le contour disparaît.

Enregistrer l’image

Il ne vous reste plus qu’à enregistrer votre travail.

Allez dans Fichier, Exporter au format PNG. Une boîte de dialogue s’ouvre à droite.

Sélectionnez Page, Exporter sous, choisissez le dossier de destination puis revenez dans la boite de dialogue pour terminer l’exportation.