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

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

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.

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

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

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

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.

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

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.

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.

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.

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.

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

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.

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.

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.

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

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.

Dessinez deux rectangle l'un dans l'autre.

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

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.

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.

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.

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.

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.

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.

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.

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

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 ?