Une nouvelle charte a été élaborée pour le Planet-Libre. Tous les membres sont invités à la consulter et à la respecter.

Nous Suivre

    feed feed feed

En Direct de la Galerie

En Direct du Forum

Les Membres

Participer

Filter les articles :     Articles du jour   -   Articles de la semaine   -   Articles du mois   -   Tous
Gravatar de E-PhasE
Dessiner avec Inkscape : une fermeture Éclair 
  • 17 votes
    vote oui
Par E-PhasE, le 18/02/2010 à 17:02.

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 apparaître 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énerale

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ée 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 redimentionnez 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 redimentionne 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...

Retourner au sommaire
Gravatar de E-PhasE
Bonne année du collectif Giroll 
  • 2 votes
    vote oui
Par E-PhasE, le 11/01/2010 à 21:29.

La carte de vœux 2010

Le collectif Giroll vous souhaite à tous une année 2010 encore plus libre. Notre résolution cette année : organiser des ateliers pour Tous et surtout participer au RMLL 2010. Il faut dire que c'est un peu chez nous...

Les ateliers à venir

Comme chez Giroll, on ne prend pas les résolutions à la légère, voici donc la liste des ateliers 2010, vous en trouverez sûrement un qui vous convienne :

  • 21 Janvier A la découverte de LaTeX, par Nolwenn
  • 28 Janvier Le e-commerce libre avec Prestashop, par Antoine
  • 4 Février Atelier MAO libre, par Yza
  • 18 Février Dessiner avec InkScape, par moi-même
  • 25 Février Personnalisation d’Ubuntu, par Nicolas Derive
  • 4 Mars Atelier MAO libre, par Yza
  • 18 Mars Bash pour les nuls, par Thibaud
  • 25 Mars Bash pour les moins nuls : la suite, par Thibaud

Encore une carte libre?

Et oui, comme d'habitude, cette carte est sous licence Creative Commons 3.0 by-sa : partagez, diffusez, c'est fait pour. Vous trouverez le SVG original ici à ouvrir de préférence avec Inkscape.

Retourner au sommaire
Gravatar de E-PhasE
Atelier Orthophonie et Logiciels Libres chez Giroll 
  • 2 votes
    vote oui
Par E-PhasE, le 10/12/2009 à 01:19.

Aujourd'hui à partir de 18h30, Rémi Samier, orthophoniste et créateur du blog Othophonie Libre va venir animer un atelier autour des Logiciels Libres dans la pratique de son métier. Comme pour tout les ateliers du collectif, ça se passe à l'Espace culture Multimédias du centre d'animation Saint Pierre (4, rue du Mulet à Bordeaux)

Cet s'adresse à tout les publics : professionnel ou non, n'hésitez pas a venir nous voir...

Les liens

Annonce sur le site Orthophonie et Logiciels Libres
Annonce sur le site du Collectif Giroll

Retourner au sommaire
Gravatar de E-PhasE
Radio Giroll ce soir à partir de 18h30 
  • 1 vote
    vote oui
Par E-PhasE, le 07/11/2009 à 18:10.

Suite à l'install party, qui a accueilli une centaine de personne (et c'est pas fini...), le collectif Giroll invertis les ondes d'internet avec sa radio éphémère libre et interactive : Radio Giroll. Mais pour une fois, le collectif a travailler sa programmation, je suis donc fier de vous annoncé le programme de cette soirée :

  • de 19h à 20h
    • présentation des nouveautés d'Ubuntu
    • apprendre et s'amuser avec les logiciels libres
  • de 20h à 21h
    • développement de logiciels libres
    • bioinformatique : biologie et informatique… libre?
  • de 21h à 22h
    • Maintenir sa sécurité informatique
    • Graphisme et création web
  • de 22h à 23h
    • Licences libres & culture libre
    • Place des logiciels libres dans l'économie locale
  • de 23h à 24h
    • Opensource dans le monde dans l'entreprise
    • Quel avenir économique pour Canonical?

Bien entendu, le tout sera ponctué de morceaux de musiques libres, de compte rendu de notre install-Party, d'interview et de surprises...

Comment on écoute ça???

C'est simple : rendez vous sur le site du collectif Giroll et cliquez sur "Écouter Radio Giroll dans le bandeau gauche, en cas de perte de serveur, rafraichissez la page. Sinon, vous pouvez suivre ce tutoriel pour écouter avec Rythmbox ou VLC Media Player.

Et comment on participe?

Vous pouvez intervenir en direct soit par téléphone (numéro local non surtaxé...), soit par irc ou encore sur le salon Jabber du collectif. Toutes les explications sont disponibles sur cet article.

J'ai un truc a vous faire écouter...

Si vous êtes un musicien, ou pas, et que vous voulez nous présenter votre travail à l'antenne, contactez-nous, on se fera un plaisir de vous aider.

Venez nombreux écouter et participer...

Retourner au sommaire
Gravatar de E-PhasE
Affiche pour la Karmic party Girollienne disponible 
  • 0 vote
    vote oui
Par E-PhasE, le 19/10/2009 à 22:28.

Comme je vous le disais dans mon article précédent, le collectif Giroll (Gironde Logiciels Libres) organise en collaboration avec l'Espace Culture Multimédia Saint-Pierre. Comme à mon habitude, je vous met ici à disposition l'affiche de l'évènement avec son illustration au format Creative Common paternité-partage à l'identique version 3.0.

L'Affiche de l'événement

Comme pour mes autres affiches, la version francisée pas mes soins de la police MGOpenModata est vivement conseillée : téléchargez-la ici. L'affiche a été réalisée avec Inkscape v0.46 (What else?). Le SVG original est téléchargeable ici.

English version...

Here is the new poster I made for Giroll's Ubuntu Party, released under Creative Common By-Sa . For open it, you'll need Inkscape, and french version of MGOpenModata font (you could found here). Original SVG file can be downloaded here

Retourner au sommaire
Gravatar de E-PhasE
Karmic party chez Giroll 
  • 1 vote
    vote oui
Par E-PhasE, le 10/10/2009 à 01:14.

Visuel de la Karmic Party  Girollienne

Le collectif Giroll et l'Espace Culture Multimédia Saint Pierre organisent pour la sixième fois consécutive une install party pour fêter d'une nouvelle version d'Ubuntu. Le rendez-vous est fixé le samedi 7 novembre à partir de 10h pour le traditionnel café d'accueil. Comme d'habitude, le lieu reste inchangé : le centre d'animation Saint-Pierre, 4 rue du Mulet (juste derrière la Fnac de Bordeaux, plus d'information sur le site web du collectif). Pour l'instant, aucune information au sujet du programme de la journée n'a filtré, mais je peux déjà vous dire que bonne humeur, repas convivial, entraides fructueuses, discussions endiablées et installations sont prévus.

Pour patienter..

Vous êtes impatient de découvrir la bonne ambiance qui règne chez Giroll... Alors venez nous rencontrer : c'est tout les jeudis de 18h30 à 20h30 au centre d'animation Saint-Pierre. En plus de proposer des ateliers "libres" ou les discussions et l'entraide sont légions, le collectif propose cette atelier thématique certains jours.Voici la liste des atelier prévu jusque fin décembre :

  • les 5 novembre et 3 décembre : atelier MAO avec Yza
  • le 22 octobre : partitionnement pour les nuls avec Sylvain
  • le 19 novembre : programmation niveau débutant par Thibaud
  • le 17 novembre : L'orthophonie et les logiciels libres par Remi
Retourner au sommaire
Gravatar de E-PhasE
Dessiner avec Inkscape : une enveloppe 
  • 17 votes
    vote oui
Par E-PhasE, le 28/09/2009 à 23:50.

Je l'avais promis lors de mon précédent tutoriel Inkscape, le voici donc : la création d'une enveloppe de type "papier craft marron" avec Inkscape. Ce tutoriel est relativement simple, et ne vous prendra pas plus de 5 minutes. Alors à vos souris.

Mise en place d'une grille

Comme pour le stylo, nous allons mettre en place une grille afin de nous faciliter la tâche. Pour cela dans la fenêtre Propriété du document (menu fichier > Propriété du document ou Ctrl+Shift+D),dans l'onglet grille cliquons sur Ajouter une grille puis mettons les paramètres suivant :

  • Espacement X : 10
  • Espacement Y:10
  • Grille majeure toute les 5 lignes.

Toujours dans la fenêtre Propriété du Document, onglet Adhérence :

  • activer Activer le magnétisme
  • dans Aimanter à la grille activer Aimanter seulement à une distance de et mettre 5 dans Distance d'attraction.
  • dans Aimanter aux Objets Activer Aimanter au nœuds
  • toujours dans Aimanter aux Objets activer Aimanter seulement à une distance de et mettre 5 dans Distance d'attraction.

Le corps de l'enveloppe

Dessinons un rectangle de 10 mesures de large par 6 de haut. Remplissons le avec un dégradé linéaire allant de la couleur d7d29aff à la couleur 8d6336ff sans contour.

Après l'avoir sélectionné, allons dans le menu  Chemin > Objet en Chemin pour le transformer en chemin

Effectuons un zoom avant sur notre rectangle histoire de mieux travailler. A l'aide de l'outil sélection de nœuds, activons les deux point sur le haut de notre rectangle et ajoutons-en un

Après avoir dé-sélectionné nos nœuds (il suffit de cliquer n'importe ou sur la scène) choisissons celui que nous avons ajouté et déplaçons-le de 4 grosse graduation vers le haut

Rendons ce nœud symétrique en cliquant sur le bouton adapté comme ci-dessous.

Puis diminuons un peu l'arrondi de notre nœud à 1 grosse mesure en sélectionnant la poignée de droite et la la déplaçant vers la gauche.

Histoire de donner un peu plus de dynamisme à notre enveloppe, positionnons le dégradé en diagonale comme la capture ci-dessous. Voilà le corps fini.

La partie supérieure de l'enveloppe

Après avoir effectué un zoom arrière. Copions puis collons le corps de notre enveloppe. Sur l'objet collé, déplaçons le sommet le plus haut de de 7 mesures vers le bas.

Copions-ce nouvel objet, collons-le et remplissons-le en noir. Celui-ci servira d'ombre à la partie supérieure de l'enveloppe.

Zoommons un peu sur notre ombre, il fait que nous puissions voir la grille intermédiaire

Commençons par déplacer le point du milieu de 3 petites mesures vers le haut.

Puis chacun des autres point des 2 petites mesures vers l'intérieur : le point haut-droit de 2 vers le bas et 2 vers la gauche, le haut gauche de 2 vers le bas et 2 vers la droite, le bas-droite de 2 vers le haut et 2 vers la gauche et le bas droite de 2 vers le haut et 2 vers la gauche.

Zoommons en arrière, avec l'outil flèche, sélectionnons l'ombre et descendons la d'un cran pour quelle passe derrière la partie supérieure de notre enveloppe.

Toujours sur notre ombre, mettons 5 comme paramètre de flou et 20 en opacité dans la fenêtre Remplissage et Contours (menu Objet > Remplissage et Contour ou Ctrl+Shift+F).

Sélectionnons ensuite les deux éléments (partie supérieure et ombre), puis avec la fenêtre Aligner et Distribuer (menu Objet > Aligner et Distribuer ou Ctrl+Shift+A) centrons-nos objet horizontalement et verticalement.

Il ne nous reste plus qu'à grouper ces deux éléments (menu Objet > Grouper ou Ctrl+G)

Alignons ce groupe et le corps de l'enveloppe à droite et en bas.

Les détails

Notre enveloppe prend déjà forme, nous allons fignoler un peu tout ça. Premièrement, nous alors rajouter un petit rabat sur le dessus.

À l'aide de l'outil Courbe de Bézier (Shift+F6) dessinons un triangle sur le bas de l'enveloppe comme la capture d'écran ci-dessous.

Agrandissons cette partie de l'image et remontons le sommet du haut d'une petite mesure, et rendons le symétrique

Donnons à notre somment une forme moins arrondie en déplaçant la tangente de droite pour qu'elle ait une grande mesure de large

Remplissons notre triangle avec le dégradé créé pour l'enveloppe et sans contour.

Avec l'outil dégradé (Ctrl+F1) positionnons le dégradé de notre triangle comme sur la capture ci-dessous.

L'ombre de l'enveloppe

Il faut maintenant faire l'ombre de notre enveloppe. Copions et collons le corps de l'enveloppe, puis colorons la copie en noir et plaçons la en arrière plan.

Déplaçons le sommet du haut d'une mesure vers la gauche

Puis dans la fenêtre Remplissage et Contour ''(menu Objet > Remplissage et Contour ou Crtl+Shift+A) mettons 5 dans la partie Flou et 25 dans opacité.

Positionnons maintenant l'ombre de l'enveloppe légèrement décalée à gauche et en bas par rapport à notre corps. Pour la placer plus finement, nous pouvons utiliser les touches de direction de notre clavier.

Conclusion

Comme je vous l'annonçait en introduction, ce tutoriel est vraiment très simple et rapide. Vous pouvez voir ci-dessous ce qu'on peut obtenir en utilisant le tutoriel du stylo et en ajoutant une feuille entre la partie supérieure et le corp de l'enveloppe. Maintenant une question qui va finir par devenir traditionnelle : la prochaine fois, qu'est ce qui vous tente comme tutoriel?

Retourner au sommaire
Gravatar de E-PhasE
Croquis façon Aquarelle avec Gimp 
  • 0 vote
    vote oui
Par E-PhasE, le 02/07/2009 à 13:03.

Pour les besoins du collectif Gigacircus, j'ai du travailler des croquis rapide sur notre voyage à Tijuana d'août dernier. Ces deux dessins ont été réalisés avec Gimp et une tablette graphique' en moins d'une heure par dessin. La technique utilisée est relativement simple.

Dans Gimp, j'ai créé une nouvelle image au format A4 en 300ppp (la finalité est ici d'imprimer ces dessins...) avec un fond blanc.

Le trait

Ensuite je créé un calque sur lequel je dessine les traits

Le dessin au trait

La couleur

J'ajoute un calque en dessous pour colorer mon dessin. J'utilise pour cela une grosse brosse avec une opacité de 35. Pas besoin d'être précis: je n'hésite pas a superposer les couches de couleurs différentes avec des tailles de brosses variables.

Ajout de la couleur

L'ombre

J'ajoute un calque au dessus des deux autres, avec une grosse brosse noire et 35% d'opacité, je colore les parties ombrée de mon dessin. Une fois fini, j'ajuste l'opacité du calques pour pas que l'ombre soit trop sombre (ici, 60).

Ajout de l'ombre

La lumière

J'ajoute un autre calque au dessus des 3 autres, avec une brosse blanche, 100% d'opacité de dessine une zone blanche correspondant à l'ouverture de notre tunnel. Une fois finir, j'applique un effet de flou gaussien avec une valeur de 60 et j'ajuste l'opacité du calque(ici 60). Voilà notre effet d'éblouissement créé, et notre image finie.

Conclusion

Il faut moins d'une heure pour réaliser un dessin de ce type, c'est rapide pour un rendu visuel assez sympathique. La précision du trait n'est pas importante, savoir dessiner n'est donc pas vraiment indispensable, un peu d'entrainement suffit. Alors, à vos tablettes...

Retourner au sommaire
Gravatar de E-PhasE
Dessiner avec Inkscape : un stylo 
  • 0 vote
    vote oui
Par E-PhasE, le 05/06/2009 à 15:30.

Voilà bien longtemps que je n'ai pas fait de tutoriels pour Inkscape, voilà donc ce manque comblé ici. Cette fois, nous allons dessiner un stylo à bille transparent. Cette fois, je ne détaillerais pas les action les plus simples, notamment la création des dégradés. Il suffira de regarder mes précédents tutoriels pour ça. Maintenant, à vos souris.

Commençons d'abord par étudier notre objet. Si nous le démontions, 3 parties apparaîtraient alors :

  • la partie translucide en plastique
  • le capuchon qui ferme la partie translucide à l'opposé de la mine
  • le tube contenant l'encre et la mine

Comme si nous construisions un vrai stylo, nous allons donc dessiner ces 3 parties pour ensuite les ré-assembler. Nous partirons du principe que la lumière viens de la droite...

Étapes préparatoires

Changeons la couleur de fond de notre page, dans le menu fichier > Propriété du document, puis dans Couleur de la page Et choisissons la couleur c1ffb2ff

Choix de la couleur

Affichons une grille pour nous aider a dessiner nos différents objets. Toujours dans la fenêtre Propriété du document,dans l'onglet grille cliquons sur Ajouter une grille puis entrons les paramètres suivant :

  • Espacement X : 10
  • Espacement Y:10
  • Grille majeure toute les 5 lignes.

Ajout de la grille

Maintenant, nous allons paramétrer l'adhérence. Elle permet d'aimanter différents éléments de notre document comme la grille créée précédemment, les guides etc... Toujours dans la fenêtre Propriété du Document, onglet Adhérence, entrons les paramètres suivant :

  • activer Activer le magnétisme
  • dans Aimanter à la grille activer Aimanter seulement à une distance de et mettre 5 dans Distance d'attraction.
  • dans Aimanter aux Objets Activer Aimanter au nœuds
  • toujours dans Aimanter aux Objets activer Aimanter seulement à une distance de et mettre 5 dans Distance d'attraction.

Adhérence

Le tube translucide

Commençons pas dessiner un rectangle de 16 mesures de haut sur 1 de large

le corps

Transformons notre objet en chemin avec le menu Chemin > Objet en chemin (raccourci clavier Shift + Ctrl + D).

Transformation en chemin

Sélectionnons Notre objet et avec l'outil Éditer les nœud... (raccourci clavier F2)

Sélectionnons l'ensemble des nœud de notre rectangle puis cliquons sur l'icône Ajouter des nœuds.

Ajouter des nœuds

Toujours avec l'outil Éditer les nœuds... sélectionnons les deux nœuds rajoutés sur les parties verticales de notre rectangle et déplaçons les de 3 mesures du bas.

Modification des nœuds

Éffectuons un sur la partie basse de notre objet, déplaçons le nœuds bas gauche d'une petite mesure vers la droite, et celui en bas à droite d'une petite mesure sur la gauche

Modification des nœuds

Avec l'outil « Éditer les nœuds , tout en maintenant la touche Shift appuyée, cliquons sur le nœuds comme ci dessous et amenons la poignée vers le bas pour arrondir notre angle. Faisons de même avec le nœud opposé.

Modification des nœuds

Copions notre objet et collons le 3 fois :

  • le premier servira à créer le côté ombré du stylot
  • le second : le côté éclairé
  • le troisième : le halo lumineux

Clonage du corps

après avoir sélectionné notre premier objet, Affichons la fenêtre Remplissage et contours avec le menu Objet > Remplissage et contours (raccourci clavier Ctrl + Shift + F). Dans l'onglet remplissage choisissons le noir, dans l'onglet Remplissage du contour l'icône pas de remplissage (celle avec une croix)

Coloration

Cliquons maintenant sur dégradé linéaire : notre objet est maintenant rempli avec un dégradé allant du noir vers transparent. Réglons-le comme sur la capture d'écran ci dessous.

Réglage du dégradé

Si le magnétisme nous gêne pour placer finement le dégradé , nous pouvons le désactiver avec le raccourci clavier % (et le réactiver en appuyant à nouveau sur %).Pour le second objet, nous choisirons le blanc sans bordure avec un dégradé linéaire comme sur la capture d 'écran ci-dessous.

Réglage du dégradé du second objet

Enfin, le dernier objet : réduisons sa taille horizontale avec l'outil Sélectionner et Transformer les objets (raccourci clavier F1) après avoir préalablement désactiver le magnétisme (il ne faudra pas oublier de le réactiver après...).

Ré-dimensionner le halo

Colorons le en blanc avec un dégradé linéaire de haut en bas et une opacité d'environ 75% comme pour la capture ci dessous.

Halo avec son dégradé

Avec l'outil Sélectionner et transformer, sélectionnons nos trois objet : le côté ombré, le côté éclairé et le halo. Avec l'aide de la fenêtre Aligner et distribuer dans le menu Objet > Aligner et Distribuer (raccourci clavier Crtl + Shift + A), centrons nos trois élément selon un axe vertical : nous obtenons le corps de notre stylo.

Le corp du stylo fini  assemblé

Vous remarquez que l'effet n'est pas encore parfait : nos dégradés dont très fort, et le halo n'est pas très bien placé au milieu. Pour déplacer le halo, il nous suffit de prendre l'outil Sélectionner et transformer de cliquer sur le halo et de le déplacer vers la droite avec les touches fléchées de notre clavier. (au besoin, nous pouvons aussi l'agrandir ou le rétrécir).

Pour modifier les dégradés, avec l'outil Éditer et modifier des dégradés (raccourci clavier Ctrl + F1) nous pouvons cliquer sur le dégradé à modifier, mais l'ombre et la lumière sont exactement l'un sous l'autre. En maintenant la touche Alt enfoncée tout en cliquant, nous pouvons passer d'une couche à l'autre. Après quelques réglages nous obtenons ceci :

Réglage fin des éléments su stylo

Il ne sous reste plus qu'a sélectionner le corps du stylo (les 3 éléments) et de les grouper avec le menu Objet > Grouper (raccourci clavier Ctrl + G).

Le capuchon

Effectuons un zoom sur la partie haute du stylo histoire de faire apparaître la grille et ses sous-divisions.

Le haut du stylo, grille et sous-grille

A l'aide de l'outil  Créer des rectangle et des carrés (raccourci clavier F4) et en ayant activé le magnétisme (touche % s'il est désactivé), dessinons un rectangle de 3 petites mesures de large sur 4 de haut avec un arrondi d'une petite mesure.

Rectangle en haut du corps du stylo

Enlevons le remplissage du contour, et mettons en remplissage un dégradé du bleu foncé au bleu clair (par exemple 000049ff ver 8282ffff).

Remplissage de notre rectangle

Copions notre rectangle, collons le en place avec le menu Édition > coller sur place ( raccourci clavier Ctrl + Alt + V ) ce qui a pour effet de coller le rectangle pile sur le précédent. Nous allons changer le sens du dégradé pour qu'il aille du haut vers le bas (3 petites mesures de haut), et choisir comme dégradé le noir > transparent créé pour le corps du stylo. voilà notre effet d'ombre ajouté.

Ajout de l'effet d'ombre

Dessinons maintenant le haut du capuchon : un rectangle d'une petite mesure de haut sur 5 de large et légèrement arrondi, avec comme couleur le même dégradé de bleu que précédemment.

Le haut du capuchon

Sélectionnons maintenant les 3 parties de notre capuchon et groupons-les puis plaçons le tout en arrière plan (pour qu'il soit derrière la partie en plastique) puis disposons le juste au dessus de manière a mettre la partie basse du chapeau du capuchon avec la partie haute de la partie translucide.

Le haut du capuchon

La mine

Dernière étape de notre dessin, la mine se compose de 3 éléments :

  • la réserve d'encre
  • la pointe (intérieure et extérieure)
  • la bille

Affichons la totalité du stylo grâce à un zoom arrière et dessinons un rectangle de 13 mesures de haut sur 1 de large sans bords arrondis.

Rectangle pour la réserve d'encre

Effectuons un zoom vers le bas de notre réserve d'encre, et diminuons sa largeur à 2 petites mesures. Supprimons son contour et remplissons-le avec notre dégradé bleu foncé vers bleu clair.

Diminution de la largeur de notre réserve

Dessinons maintenant un rectangle de 3 petites mesures de larges sur 1 grande de haut sans arrondis. Supprimons le contour, et guise de remplissage un dégradé du gris foncé vers gris clair. Plaçons le comme sur la capture d'écran.

Mine extérieure

Dessinons un autre rectangle de 3 petites mesures de large sur 4 de haut. Transformons-le en chemin, déplaçons les point du bas comme pour la capture ci-dessous.

Mine extérieure

Supprimons le contour, et remplissons avec le dégradé gris créé précédemment en l'inclinant comme ci-dessous.

Remplissage de la mine extérieure

Plaçons-le en dessous du précédent rectangle.

Placer la mine

Dernière partie : la bille. Avec l'outil Créer des cercles des éclipses et des arcs (raccourci clavier F5) dessinons un petit cercle, plaçons-le en bas de notre mine. Et disposons-le en arrière plan comme ci-dessous.

La bille

Utilisons le dégradé bleu créé pour le réservoir d'encre pour colorer la bille.

Remplissage de la bille

Sélectionnons tout les éléments de la mine alignons les selon un axe vertical puis groupons-les et mettons le tout en arrière-plan.

Alignement des éléments de la mine

Sélectionnons maintenant nos trois éléments : corps, mine et capuchon, et alignons-les horizontalement et groupons le tout. Notre stylo est pratiquement fini, il ne reste qu'a rajouter l'ombre.

Montage du stylot

Copions l'ensemble du stylo et collons-le, dans la fenêtre remplissage et contour, couleur unie et noir. Dans le champs flou mettons 2 et opacité 25 . Plaçons notre stylo tout noir en arrière plan, puis comme ci-dessous. Notre stylo est (enfin) fini...

 Notre stylo fini

Conclusion

Ce tutoriel est une version simplifiée de la méthode que j'ai utilisée pour créer le stylo que vous pouvez voir ici ou encore sur le blog de mon ami Bastien. Maintenant une petite question : Quel tutoriel la prochaine fois? Regardez les petits dessins ci dessous et dites moi : lequel voudriez-vous que je détaille? La pancarte en bois (long), la carte au trésor (difficile), l'enveloppe (simple et rapide), ou la photo (simple et rapide)?

 Notre stylo fini

Retourner au sommaire
Gravatar de E-PhasE
Radio giroll, c'est maintenant 
  • 0 vote
    vote oui
Par E-PhasE, le 23/05/2009 à 19:50.

Radio Giroll remet ca en direct de l'Espace Culture Multimedia du centre d'animation Saint Pierre. Comme à chaque fois, cette radio est ephémère : elle ne dure que le temps d'une soirée.

Pour nous écoutez, rien de plus simple, les instructions sont ici. Pour participer, c'est ... Au programme : discussion, musique libre et rigolade.

N'hésitez pas à participer par téléphone, par IRC sur irc.freenode.net canal #giroll ou sur notre chan jabber giroll@chat.jabberfr.org

Retourner au sommaire