image texte Gilles Vauvarin webdesigner freelance

Gilles Vauvarin
DA / Webdesigner
Freelance

pixenjoy@gmail.com
+33 (0)6 19 89 10 32
Blog → webdesign / communication visuelle / infographie / graphisme / art numérique / méthodologie ...
Abonnement RSS abonnement au flux rss

BLOG

28.04.08
Inkscape 0.46 : Live Path Effects

Catégories : Infographie
5 commentaires
vignette d'illustration de l'article

Les Paths Effects sont utilisés pour modifier des objets en prenant un chemin comme modèle. Dans la version 0.46 d’Inkscape, les Live Path Effects font leurs apparitions. Ils permettent de modifier des chemins et des objets de façon non destructive. Le principal avantage des Path Effects (effets sur les chemins) c’est que vous pouvez toujours éditer le chemin d’origine et qu’une modification sur le chemin se met à jour en temps réel.

Pour appliquer les Path Effects (« Effet de chemins »), ouvrez la boite de dialogue correspondante : Chemins > Effets de chemin … (Ctrl+Shift+7). De cette boite de dialogue, vous pourrez contrôler les paramètres des effets et/ou annuler ces effets.

Voici une description de ces quatre « Effets de chemin » :

Courber un chemin

Cet effet permet de courber un chemin le long d’un autre chemin. Lorsque l’effet « Courber un chemin » est appliqué à un chemin A, ce chemin peut être courbé le long d’un autre chemin B (que l’on appellera « chemin courbé »). Avec l’éditeur de nœuds, le chemin A et le chemin courbé B peuvent être modifié sur le canevas et le résultat se met à jour instantanément.

Dans la fenêtre de dialogue des « Effets de chemin » (Ctrl+Shift+7), après avoir cliqué sur le bouton « Appliquer », vous trouverez à côté du libellé « Chemin de courbure » trois boutons. Un bouton vous permettant d’éditer sur le canevas le chemin courbé (Editer sur la zone de travail), un bouton vous permettant de coller un nouveau chemin courbé enregistré dans le presse papier et un bouton vous permettant de le coller.

Cas pratique :

1- Tracer votre chemin B qui servira de modèle et le long duquel viendra se déformer le chemin A.

2- Sélectionnez et copier dans le presse-papier le chemin B.

3- Sélectionnez le chemin A que vous voulez déformer. Il doit bien s’agir d’un chemin et non d’un groupe de forme ou d’une forme. Transformez vos formes en un chemin unique pour pouvoir appliquer les « effets de chemins ». Pour cela, si vous travaillez sur une seule forme, sélectionnez la puis : Chemin > Objet en chemin. Si vous avez un groupement de formes, dégroupez les (Objet > Dégrouper), sélectionnez-les tous puis unifiez-les : Chemin > Union.

4- Ouvrez la boite de dialogue des effets de chemin : (Maj+Ctrl+7) ou Chemin > Effets de chemin

5- Appliquer l’effet « Courber un chemin »

6- Collez le chemin courbé en cliquant sur le bouton (représenté par une icône) « Coller le chemin » qui se trouve à côté du libellé « Chemin de courbure »

7- Pour éditer les chemins, cliquez sur le bouton (représenté par une icône) « Editer sur la zone de travail »

blog_160408_path.png

Motif suivant un chemin

Cet effet permet de courber un chemin le long d’un autre chemin. Quand cet effet est appliqué à un chemin A (appelé squelette) un autre chemin B (appelé motif) peut être passé en paramètre. Le résultat est que le chemin B est courbé le long du chemin A. Avec l’outil d’édition des nœuds, le chemin peut être modifié sur l’espace de travail et le résultat est mis à jour en temps réel.

Vous pouvez choisir le motif pour le squelette sélectionné en le collant dans l’espace de travail à partir du presse-papier (c’est-à-dire que vous sélectionnez et vous copiez dans le presse-papier le motif, ensuite vous sélectionnez le squelette, vous appliquez l’effet « Motif suivant un chemin », et vous collez le motif). Dans la fenêtre de dialogue des « Effets de chemin » (Ctrl+Shift+7), le paramètre « Largeur » vous permet de changer la largeur du motif appliqué au chemin.

Cas pratique :

1- Choisissez un motif (chemin B) qui viendra se positionner sur un squelette (chemin A). N’oubliez pas de le transformer en un chemin unique si ce n’est pas déjà le cas.

2- Sélectionnez et copiez le motif, chemin B, dans le presse-papier.

3- Dessinez le squelette, chemin A, sur lequel le motif viendra se positionner et sélectionnez le.

4- Ouvrez la boite de dialogue des effets de chemin : (Maj+Ctrl+7) ou Chemin > Effets de chemin

5- Appliquer l’effet « Motif suivant un chemin »

6- Vous pouvez choisir de répéter ou pas le motif en sélectionnant une des options proposée dans le menu déroulant « Copies du motif »

7- Collez le motif en cliquant sur le bouton (représenté par une icône) « Coller le chemin » qui se trouve à côté du libellé « Chemin de courbure »

8- Vous pouvez éditer le motif pour modifier sa forme, cliquez sur le bouton (représenté par une icône) « Editer sur la zone de travail »

blog_160408_motif.png

Relier les sous-chemins

L’effet « Relier les sous-chemins » relie les points de deux sous-chemins d’un chemin avec des lignes droites ou des segments courbés. Le résultat obtenu ressemble à du « String Art » dont vous pouvez voir quelques exemples sur la page Line Designs for the Computer

La forme des chemins connectés peut être contrôlé par le paramètre « Editer sur la zone de travail ». Ce procédé peut être utilisé pour dessiner une chevelure en reliant les chemins au niveau de la pointe. D’autres contrôles concernent le nombre de chemins, la variation de l’espace entre les chemins connectés (faisceau) et aussi si le début et la fin des pointes de la maille doit être exactement sur la sous-courbe d’origine ou peut dévier aléatoirement autour d’elle. Enfin la largeur des traits peut être modifié.

Notez que cet effet ne peut être appliqué uniquement que sur un chemin composé de deux sous-chemins. Utilisez Chemin > Combiner (Ctrl + K) pour créer un tel chemin à partir de deux chemins séparés.

Cas pratique :

1- Tracer deux chemins A et B.

2- Combinez les deux chemins pour ne former qu’un seul chemin : sélectionnez A et B et cliquez sur Ctrl+K.

3- Sélectionnez la combinaison obtenu.

4- Ouvrez la boite de dialogue des effets de chemin : (Maj+Ctrl+7) ou Chemin > Effets de chemin

5- Appliquez l’effet « Relier les sous-chemins »

6- Dans la partie « Effet courant », vous disposez d’un contrôle sur plusieurs paramètres pour transformer votre maillage : nombre de chemins …

7- En cliquant sur l’icône « Editer sur la zone de travail », vous éditez un chemin sur la zone de travail qui vous permet de modifier l’orientation du maillage.

blog_160408_relier.png

Engrenages

L’effet « Engrenages » est un effet ludique. Il génère un enchainement d’effets interconnectés à partir du chemin auquel l’effet s’est appliqué. Les nœuds du chemin définissent les centres des effets.

Les trois premiers nœuds sont spéciaux; le premier défini l’angle de départ de l’enchainement, le second nœud défini le centre du premier effet et le troisième nœud définie le rayon du premier effet. C’est-à-dire que, pour créer un enchainement de deux effets, vous aurez besoin d’un chemin avec quatre nœuds; pour trois effets, cinq nœuds, et ainsi de suite.

Cas pratique :

1- Tracez un chemin comportant minimum quatre nœuds.

2- Sélectionnez ce chemin.

3- Ouvrez la boite de dialogue des effets de chemin : (Maj+Ctrl+7) ou Chemin > Effets de chemin

4- Appliquer l’effet « Engrenages »

6- Dans la partie « Effet courant », vous disposez d’un contrôle sur plusieurs paramètres comme par exemple le nombre de dents sur l’engrenage.

blog_160408_engrenages.png

Sources :

5 commentaires
S'abonner aux commentaires via RSS
(URL de trackback)

  • 1. Riton
    le 25.06.08 (21:29)

    Merci beaucoup pour cet article, je cherchais quelque chose de clair et de précis sur les effets de chemin, je suis servi !

    Merci encore !

  • 2. Fluodruide
    le 19.08.09 (10:43)

    Bonjour,
    Est-ce que l’outil inkscape est vraiment necessaire ? Je veux dire, est-ce qu’il apporte vraiment quelque chose par rapport à Gimp par exemple. Car l’ayant installer hier, il ne m’attire pas trop, il semble un peu gadget (notamment les formes, étoiles, cube …).
    J’apprécierai quelques précisions, pour ainsi choisir, m’y mettre, ou pas.
    Bonne continuation. :)

  • 3. pixenjoy
    le 19.08.09 (11:14)

    Bonjour,

    Inkscape est au logiciel libre de dessin vectoriel (comme Illustrator d’Adobe) alors que Gimp est un logiciel de dessin bitmap/pixel (comme Photoshop d’Adobe).

    Ils n’ont donc pas les mêmes fonctions et la façon de dessiner sous Inkscape est différente que sous Gimp.

    Le dessin vectoriel permet de redimensionner un dessin sans perte de qualité (pas de pixelisation, d’artefact, dégradation …) ce qui est utile pour les logos par exemple ou pour dessiner des objets avec des courbes bien nettes. Rien ne vous empêche ensuite, partir d’un dessin vectoriel, d’exporter ce dessin en PNG pour l’importer ensuite sur un calque Gimp.

  • 4. Fluodruide
    le 19.08.09 (20:10)

    D’accord… (donc le format PNG est le meilleur en ce qui concerne la qualité ?)
    Merci pour avoir répondu si vite. c’est chouette de partager ses connaissances, de rédiger ces articles, sans avoir réellement quelque chose à y gagner.
    Je vous souhaite une excellente continuation. :)

  • 5. Framboise
    le 09.09.09 (18:47)

    Merci pour toutes ces infos bien utiles !!!
    F.




Votre e-mail ne sera pas publié.