Dessiner avec Inkscape : une fermeture Éclair

Comme certain de mes amis (n'est ce pas Bast?) je n'ai pas trop le temps de m'occuper de ce blog... Il y a en moyenne un article par mois, ce qui est vraiment pas assez. Pour me faire pardonner, je vous livre ici encore un tutoriel Inkscape. Cette fois ci, nous allons dessiner une fermeture à glissière (voir sur wikipédia), communément appelée Fermeture Éclair. C'est d'ailleurs le sujet qui va servir de base à mon atelier de ce soir avec le collectif Giroll...

Ouvrez un nouveau document Inkscape, allez dans les propriété du Document (Fichier > Propriété du Document ou Crtl + Shift + D) puis dans l'onglet Grilles. Créez une nouvelle Grille avec les paramètres suivant :

  • Espacement X : 10
  • Espacement Y : 10

Inkscape dessiner une fermeture éclair : Mise en Place de la grille

Allez ensuite préparer l'ensemble des calques nécessaires au déroulement du tutoriel. Faites apparaitre la fenêtre des calques (menu Calques > Calques ou Ctrl + Shift + L). La créez les calques:

  • navette
  • Tissu départ
  • Dents
  • Tissus dents
  • ombres dents

Inkscape dessiner une fermeture éclair : Mise en place des calques

Forme générale de notre fermeture éclair

Positionnez vous sur le calque "Tissus Dent". La à l'aide de l'outil courbe de Bézier, dessinez une ligne composée de 3 point. Les deux premiers doivent être sur la même ligne horizontale. La forme doit être similaire à celle sur la capture ci-dessous.

Inkscape dessiner une fermeture éclair : Forme générale

Copiez et coller cette ligne et placez là comme sur la capture ci-dessous puis sélectionnez ces deux lignes et dans la fenêtre remplissage et contour (menu Objet > Remplissage et contours ou Ctrl + Shift + F) onglet Style du contour mettez 30 pixels. Colorez les contours avec un dégradé rouge ff3535ff vers 7d0000ff

Inkscape dessiner une fermeture éclair : Bandes de tissu

Dessinons une dent

Placez vous sur le calque dents, zoomez suffisamment pour faire apparaitre la grille intermédiaire et dessinez à l'aide de l'outil courbe de Béziers une forme comme ci dessous. Pensez a désactiver le magnétisme (menu Affichage > Adhérence ou %) afin de travailler plus précisément lorsque c'est nécessaire

Inkscape dessiner une fermeture éclair : Moitiée de dent

Dupliquez cet objet (menu Édition > Dupliquer ou Ctrl + D), Retournez-le horizontalement (menu Objet > retourner horizontalement ou H) placez la copie comme sur la capture ci-dessous

Inkscape dessiner une fermeture éclair : Deux moitié de dent

Sélectionnez ces deux moitiés de dent et unissiez les (menu Chemin > Union ou Crtl + +). Remplissez l'objet résultant en noir sans contour.

Inkscape dessiner une fermeture éclair : La dent est finie

réduisez la dent de moitié environ, copiez-collez la et retournez la copie verticalement (menu Objet > retourner verticalement ou V)

Inkscape dessiner une fermeture éclair : Dent du haut et dent du bas

Les rangés de dents

Maintenant que nous avons notre dent, nous allons pouvoir créer la première rangée. Pour ce, copiez la bande de tissu du haut du calque 'Tissus dents' et collez la sur le calque 'dents'. Dans la fenêtre Remplissage et contour, onglet Style du Contour mettez 1 dans épaisseur.

Inkscape dessiner une fermeture éclair : Chemin suivi par la rangée de dents

Copiez la dent vers le bas, sélectionnez ensuite le trait créé précédemment, faites apparaître la fenêtre Effet de chemins (menu Chemin > Éditeur d'effet de chemin ou Ctrl + Shift + 7). Dans la liste des effet choisissez Motif suivant un chemin puis Ajouter.

Inkscape dessiner une fermeture éclair : Utilisation de l'effet motif suivant chemin

Dans source du motif, cliquez sur l'icône coller afin d'utiliser la dent précédemment copiée. Puis dans copie du motif choisissez répétée et dans espacement mettez 5 pour que nos dents soient légèrement espacées.

Inkscape dessiner une fermeture éclair : Paramétrage de l'effet Motif suivant chemin

Remplissez notre ligne de dents avec un dégradé jaune c3a117ff vers f7da6dff. Répétez les opérations pour la rangée de dent du dessous en avec la dent vers le haut.

Inkscape dessiner une fermeture éclair : Rengées de dent terminées

Placez ensuite les dents du haut et celles du bas comme sur la capture ci-dessous. Notre fermeture prend enfin forme...

Inkscape dessiner une fermeture éclair : Placement des rangées de dents

Vous pouvez ensuite placer les bandes de tissus à leurs places respectives comme pour la capture ci-dessous. Faire alors quelques petits ajustement pour chacune d'elles afin qu'elles collent parfaitement avec les rangées de dents. N'oubliez pas que vous pouvez utiliser les touches fléchées du claver pour bouger un objet sur le plan de travail, et utiliser Alt + flèches pour bouger plus finement.

Inkscape dessiner une fermeture éclair : Rangées de dents et bandes de tissu

la navette

Positionnez-vous sur le calque 'navette', faire apparaitre la grille (menu Affichage > Grille ou #). Dessiner une forme comme la capture ci-dessous remplie avec un dégradé linéaire 346abbff vers 87aadeff.

Inkscape dessiner une fermeture éclair : Forme générale de la navette

Dupliquez cet objet, remplissez le en noir avec un flou de 7 et une opacité de 50%, positionnez-le derrière notre objet bleu et décalez-le vers la gauche : voilà l'ombre ajoutée.

Inkscape dessiner une fermeture éclair : Navette et son ombre

Dessinez un petit rectangle avec les bords arrondis dans la partie droite de notre navette, remplissons-le avec le même dégradé.

Inkscape dessiner une fermeture éclair : Partie tenant la tirette de la navette

Dupliquez ce rectangle, remplissez la copie en noir, 7 de flou et 33 d'opacité, mettez le derrière le rectangle et décalez le vers la gauche.

Inkscape dessiner une fermeture éclair : ombre de la partie tenant la tirette

Dessinez deux rectangle l'un dans l'autre.

Inkscape dessiner une fermeture éclair

Sélectionnez -les puis réalisez l'opération booléenne Différence (menu Chemin > Différence ou Ctrl + ⁻). Voilà la tirette de votre navette créée

Inkscape dessiner une fermeture éclair : Tirette de la navette

Remplissez la tirette avec le même dégradé bleu que les autres pièces de la navette, placez-la derrière le petit rectangle et son ombre. Dupliquez-la, remplissez la copie en noir avec un flou à 7 et 33 d'opacité. Appliquez une légère rotation à cet ombre et placez-la derrière la tirette bleue.

Inkscape dessiner une fermeture éclair : Tirette et son ombre

Le tissu au départ

Positionnez-vous sur le calque 'Tissu'. Dessinez un rectangle et remplissez le avec le même dégradé rouge que les bandes de tissus, positionnez le dégradé en diagonale comme la capture ci-dessous. Notez que notre morceau de tissu est plus grand en hauteur que notre fermeture.

Inkscape dessiner une fermeture éclair : Tissu au départ de notre Fermetire Éclair...

Pour rajouter une ombre au morceau de tissu, dessinez un autre rectangle à cheval entre le tissu et la fermeture, remplissez-le avec un dégradé noir vers transparent (000000ff vers 00000000) et mettez le derrière la morceau de tissu. Notez que ce rectangle doit avoir la même hauteur que la fermeture.

Inkscape dessiner une fermeture éclair : Et son ombre

L'ombre

Sélectionnez les deux rangées de dents copiez-les. Faites apparaitre la fenêtre Calques et verrouillez tous les calque sauf 'Ombre dents' sur lequel vous vous positionnez.

Inkscape dessiner une fermeture éclair : Ombre des dents

Collez les deux ranger de dent en place (menu Édition > Coller sur en place ou Ctrl + Alt + V). Les rangées de dents se colleront alors exactement à l'emplacement d'origine.

Inkscape dessiner une fermeture éclair : Collage de dents

Remplissez-les en noir avec un flou de 2 et 50 d'opacité. Puis à l'aide de l'outil Édition des nœuds déplacez légèrement les points à l'extrême droite de nos rangée de dentq afin de décaler l'ombre. Un peu vers le bas pour la rangée du haut et un peu vers le haut pour celle du bas.

Inkscape dessiner une fermeture éclair : Finition des ombres de nos rangées de dents

Conclusion

Voilà la fermeture éclair enfin dessinée, Voilà un bel exemple d'utilisation des effet de chemin (et Motif suivant Chemin plus particulièrement). Notez que c'est la technique est inspirée par le créateur (dnfjud) de l'écran "à propos" de la version 0.46 d'inkscape.

Inkscape dessiner une fermeture éclair : Fermeture finie

Attention, si vous redimensionnez l'ensemble de votre fermeture, les dents ne se redimensionneront pas... ce qui peux donner quelque chose comme ceci :

Inkscape dessiner une fermeture éclair : attention lorsque l'on redimensionne avec un motif suivant chemin

Pour éviter ce problème, vous pouvez faire un "rendu" de votre effet de chemin : sélectionnez les rangées de dents et leurs ombre puis allez dans le menu Chemin > Objet en chemin (Ctrl + Shift + C). Maintenant vous pouvez agrandir ou réduire votre objet sans problèmes.

Prochain Tutoriel

Pour la prochaine fois, j'ai une super idée tutoriel à vous proposer : light-painting avec Inkscape, parti d'une idée / défi de Poupoul2 ça vous tente ?

Prochain tutoriel : Light painting...

Vus : 1040
Publié par ephase : 62