Création d’une boite 3D (box) sous Inkscape

octobre 30, 2007 | concocté par Habeeb | Conception Web, Open Source | 2 Commentaires

Tout d’abord une petite présentation d’Inkscape :

Inkscape est un logiciel d’édition de graphismes vectoriels puissant et simple d’utilisation. Issu du monde libre il est, entre autres, le concurrent direct d’Illustrator. Son point fort réside dans le fait qu’il soit totalement conforme aux standards préconisés par la W3C en matière d’XML, SVG, et CSS.

Passons maintenant à la création de notre petite box :

  • Sélectionner l’outil pour tracer des courbes de Bézier en cliquant sur le bouton bouton de l’outil pour tracer des coubes de béziers.
  • Dessinez un triangle, faites en sorte que son grand coté soit bien horizontal.image1 Creation boite 3D sous inkscape


  • Dessinez deux segments partant des deux coins formés par le grand coté et arrivant aux cotés opposés comme suit :
    image2 Creation boite 3D sous inkscape
  • Sélectionnez tout (Ctrl-a) et groupez les objets Objet > Grouper (ou Ctrl-G) :Gouper des objets - inkscape
  • Dupliquez l’objet en faisant un Clic droit > Dupliquer (ou Ctrl-D):image4 Creation boite 3D sous inkscape
  • Déplacez le coin du deuxième triangle vers le haut comme suit :image5 Creation boite 3D sous inkscape
  • Maintenant qu’on a les quatres coins de la boite, on va créer les 3 faces en reliant les points : 1-2-3-4, 1-4-6-7, et 3-4-6-5 avec l’outil de tracé : image6 Creation boite 3D sous inkscape
  • Une fois les trois faces tracées, supprimez les deux triangles qui nous ont servit comme repère :
    image7 Creation boite 3D sous inkscape
  • Il ne nous reste plus qu’à coloriser les faces et donner un petit look réel à notre petite boite :
    image8 Creation boite 3D sous inkscape

Commentaires (2)

 

  1. Mathieu dit :

    Merci! Comment faire un cube? J’imagine qu’il n’y a aucun moyen de mesurer la longueur des arrêtes. Il faut faire un peu au pif?

  2. admin dit :

    Oui, il faut essayer de tromper l’oeil, sinon je crois que la prochaine version de Inkscape supportera mieux la pseudo 3D source:

    http://www.inkscape-fr.org/spip.php?article58

    bon courage

Ajouter un commentaire