IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Logiciels Libres & Open Source Discussion :

Dessin vectoriel : découverte d'Inkscape [Tutoriel]


Sujet :

Logiciels Libres & Open Source

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre expérimenté
    Avatar de lejimi
    Homme Profil pro
    Écrivain public
    Inscrit en
    Mai 2004
    Messages
    182
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Cher (Centre)

    Informations professionnelles :
    Activité : Écrivain public
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Mai 2004
    Messages : 182
    Billets dans le blog
    2
    Par défaut Dessin vectoriel : découverte d'Inkscape
    Bonjour à tous,

    Je viens de mettre en ligne mon premier article : Inkscape au pas de gymnastique

    C'est un tour du propriétaire rapide du logiciel Inkscape plus qu'un tutoriel à part entière.

    Vos commentaires seront les bienvenus, en particulier s'il y a des points que vous souhaitez voir approfondis dans de futures versions.
    Gloire à qui n'ayant pas d'idéal sacro-saint
    Se borne à ne pas trop emmerder ses voisins.


    Mon tutoriel pour débuter avec Inkscape
    D'autres tutoriels intéressants dans la rubrique Open Source
    Et n'oubliez pas la FAQ Open Source !

  2. #2
    Expert confirmé
    Avatar de Jipété
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    11 230
    Détails du profil
    Informations personnelles :
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations forums :
    Inscription : Juillet 2006
    Messages : 11 230
    Par défaut
    Bonsoir,

    je voulais jeter un œil à cet outil, depuis que j'en entends parler, et j'ai commencé par regarder cette histoire de drapeau japonais dans le tuto, mais ça part mal

    D'abord il ne s'affiche pas, contrairement à ce à quoi je m'attendais :
    Enregistrez un fichier SVG sur votre disque dur et regardez ce qui se passe(1) : si vous êtes sous Linux, il apparaîtra dans votre explorateur de fichiers sous forme de miniature, comme n'importe quelle autre image.
    mais en plus si j'essaye d'ouvrir le fichier avec gimp, je gagne
    L'ouverture de « /xxxxx/drapeau japonais.svg » a échoué : Impossible d'ouvrir « /xxxxx/drapeau japonais.svg » en lecture : Error domain 1 code 73 on line 29 column 18 of file:///xxxxx: Couldn't find end of Start Tag sodipodi:namedview
    Pour arriver à ça il a quand même fallu que je corrige plein d'erreurs dans la ligne 1 :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    original :
    <? xml version=" 1 . 0 " encoding="UTF−8" s t anda lone=" no " ?>
    correction :
    <?xml version="1.0" encoding="UTF8" standalone="no" ?>
    Erreurs remontées à la tentative d'ouverture du .svg dans mon navigateur Iceweasel (= FF sous Debian).

    Ah, l'erreur de gimp indique "ligne 29" car il a fallu que je vire la ligne 2 sinon Iceweasel refusait de valider...

    Et comme le svg n'est pas ma tasse de thé, je ne vois pas trop où est le souci, même après avoir viré l'espace que je suspecte en trop à la ligne 5 (6 dans l'original) :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
        xmlns:rdf="http://www.w3.org/1999/02/22−rdf−s yntax−ns#"
    Voili voilou...

  3. #3
    Membre expérimenté
    Avatar de lejimi
    Homme Profil pro
    Écrivain public
    Inscrit en
    Mai 2004
    Messages
    182
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Cher (Centre)

    Informations professionnelles :
    Activité : Écrivain public
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Mai 2004
    Messages : 182
    Billets dans le blog
    2
    Par défaut
    Et c'est justement tout l'intérêt d'Inkscape : s'affranchir de toutes ces histoires de code qui ne sont jamais que des entraves aux plus hautes aspirations artistiques

    Le bout de code que je donne en exemple est juste là… pour l'exemple ! Il a été généré avec Inkscape et utilise donc, comme expliqué lus bas dans le tuto, un svg "à la sauce Inkscape" qui étend les standards du w3c (Inkscape l'ouvre normalement sans problème). C'est peut-être pour ça que tes softs ont des soucis pour l'interpréter (la gestion du svg par les OS dépend des OS, justement : les dernières versions de Windows semblent avoir progressé là-dessus, par exemple).

    Tu peux refaire des essais avec un fichier piqué sur openclipart.org. En ouvrant un fichier avec Inkscape, tu peux aussi l'enregistrer au format svg "tout court" et là il sera dans un svg parfaitement standard et devrait s'ouvrir sans souci avec des outils autres qu'Inkscape.

    Si tu t'intéresse au svg en lui-même (ce qui n'est pas franchement mon cas), je crois que tu peux trouver un très bon tuto sur le sujet ici . Mais je le redis : tout l'intérêt d'Inkscape est de ne pas avoir besoin de s’enquiquiner avec le svg.

    Edit : le code est en fait farci d'erreurs dues aux nombreux changements de format subis par mon tuto (à l'origine en LaTeX) : espaces insécables, tirets doubles et autres concetés. Je suis en train d'uploader une version amendée. En attendant voici un document svg simple qui devrait fonctionner partout :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <svg
       xmlns:dc="http://purl.org/dc/elements/1.1/"
       xmlns:cc="http://creativecommons.org/ns#"
       xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
       xmlns:svg="http://www.w3.org/2000/svg"
       xmlns="http://www.w3.org/2000/svg"
       version="1.1"
       id="svg2"
       viewBox="0 0 744.09448819 1052.3622047"
       height="297mm"
       width="210mm">
      <defs
         id="defs4" />
      <metadata
         id="metadata7">
        <rdf:RDF>
          <cc:Work
             rdf:about="">
            <dc:format>image/svg+xml</dc:format>
            <dc:type
               rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
            <dc:title></dc:title>
          </cc:Work>
        </rdf:RDF>
      </metadata>
      <g
         id="layer1">
        <rect
           y="348.32394"
           x="25.618687"
           height="355.71429"
           width="692.85712"
           id="rect4136"
           style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:10;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" />
        <circle
           r="125.71429"
           cy="526.18109"
           cx="372.04724"
           id="path4138"
           style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#ff0000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:10;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" />
      </g>
    </svg>

    Merci en tous cas de m'avoir signalé le problème !
    Gloire à qui n'ayant pas d'idéal sacro-saint
    Se borne à ne pas trop emmerder ses voisins.


    Mon tutoriel pour débuter avec Inkscape
    D'autres tutoriels intéressants dans la rubrique Open Source
    Et n'oubliez pas la FAQ Open Source !

  4. #4
    Expert confirmé
    Avatar de Jipété
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    11 230
    Détails du profil
    Informations personnelles :
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations forums :
    Inscription : Juillet 2006
    Messages : 11 230
    Par défaut
    Yop !
    Citation Envoyé par lejimi Voir le message
    En attendant voici un document svg simple qui devrait fonctionner partout
    It works !

    Citation Envoyé par lejimi Voir le message
    En ouvrant un fichier avec Inkscape, tu peux aussi l'enregistrer au format svg "tout court" et là il sera dans un svg parfaitement standard et devrait s'ouvrir sans souci avec des outils autres qu'Inkscape.
    Sauf qu'il n'est pas installé chez moi, la version dispo dans mon gestionnaire de paquets ne proposant que la 0.48 et sur le site, chapitre download, il est noté que le .deb sera prochainement disponible : tout est dans le "prochainement"...

    Mais le fait d'enregistrer ton nouveau code m'a bien généré une miniature du drapeau, et un double-clic l'ouvre bien dans mon afficheur d'images, et je peux également l'ouvrir avec gimp (qui m'affiche un microscopique défaut, invisible avec l'outil précédent [qui affiche sur fond blanc...] : le fond du drapeau est transparent, quand il devrait être blanc -- mais je pinaille, je pinaille )

    Citation Envoyé par lejimi Voir le message
    Tu peux refaire des essais avec un fichier piqué sur openclipart.org. En ouvrant un fichier avec Inkscape, tu peux aussi l'enregistrer au format svg "tout court" et là il sera dans un svg parfaitement standard et devrait s'ouvrir sans souci avec des outils autres qu'Inkscape.

    Si tu t'intéresse au svg en lui-même (ce qui n'est pas franchement mon cas), je crois que tu peux trouver un très bon tuto sur le sujet ici . Mais je le redis : tout l'intérêt d'Inkscape est de ne pas avoir besoin de s’enquiquiner avec le svg.
    Avant de poster, hier soir, j'avais quand même cherché un fichier pour tester, j'en ai pris un au pif ici et ça a parfaitement fonctionné, d'où mon post, et, non, je ne m'intéresse pas du tout au svg, je voulais surtout jeter un œil aux possibilités d'Inkscape vis-à-vis du texte (je misère un peu, des fois, avec gimp), et ton histoire de petit bouton pour changer les polices m'excitait les neurones !

    Citation Envoyé par lejimi Voir le message
    Merci en tous cas de m'avoir signalé le problème !
    Merci à toi d'avoir réagi aussi vite
    Et bravo pour le tuto : bien écrit, parfaitement lisible et compréhensible, ce fut un bonheur

    Bon week-end,

  5. #5
    Membre expérimenté
    Avatar de lejimi
    Homme Profil pro
    Écrivain public
    Inscrit en
    Mai 2004
    Messages
    182
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Cher (Centre)

    Informations professionnelles :
    Activité : Écrivain public
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Mai 2004
    Messages : 182
    Billets dans le blog
    2
    Par défaut
    Bonsoir, le fond du drapeau transparent c'est normal : s'il n'y a rien sur le dessin c'est géré comme une transparence. Ça permet d'utiliser directement des icônes en svg dans certaines applications (Gnome…). Sous Gimp, tu supprimes le canal Alpha du calque et le fond redevient blanc.

    Je ne sais pas ce que tu utilise comme OS, mais pour Ubuntu il existe un ppa stable : https://launchpad.net/~inkscape.dev/.../ubuntu/stable

    Sur une machine Debian j'avais dû compiler à la main, mais c'était il y a déjà longtemps. Ça marche très bien.

    Au pire tu peux installer la 0.48 et t'en contenter : tu perds des fonctionnalités, mais le tuto a été écrit au moment où sortait la 0.91 et concerne donc les deux versions.
    Gloire à qui n'ayant pas d'idéal sacro-saint
    Se borne à ne pas trop emmerder ses voisins.


    Mon tutoriel pour débuter avec Inkscape
    D'autres tutoriels intéressants dans la rubrique Open Source
    Et n'oubliez pas la FAQ Open Source !

  6. #6
    Rédacteur/Modérateur

    Avatar de bouye
    Homme Profil pro
    Information Technologies Specialist (Scientific Computing)
    Inscrit en
    Août 2005
    Messages
    6 914
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : Nouvelle-Calédonie

    Informations professionnelles :
    Activité : Information Technologies Specialist (Scientific Computing)
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Août 2005
    Messages : 6 914
    Billets dans le blog
    54
    Par défaut
    Bonjour, ça serait bien de désactiver le support de Microsoft Translator dans cet article (ou dans n'importe quel autre qui peut bien inclure cette option d'ailleurs). En effet cet "outil", qui apparait sans me demander mon avis, s’obstine à me traduire l'article en anglais...
    Merci de penser au tag quand une réponse a été apportée à votre question. Aucune réponse ne sera donnée à des messages privés portant sur des questions d'ordre technique. Les forums sont là pour que vous y postiez publiquement vos problèmes.

    suivez mon blog sur Développez.

    Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the universe trying to produce bigger and better idiots. So far, the universe is winning. ~ Rich Cook

Discussions similaires

  1. [Lazarus] Dessin vectoriel ou MetaFileCanvas
    Par pdufresn dans le forum Lazarus
    Réponses: 6
    Dernier message: 01/06/2006, 11h34
  2. Dessin vectoriel 2D : librairies, docs, etc.
    Par lio33 dans le forum MFC
    Réponses: 3
    Dernier message: 24/05/2006, 14h43
  3. Dessin vectoriel et PHP
    Par Pagan dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 15/05/2006, 23h32
  4. Dessin vectoriel avec Python
    Par cboudy dans le forum PyQt
    Réponses: 2
    Dernier message: 04/04/2006, 22h38
  5. Dessin vectoriel
    Par Speed41 dans le forum Langage
    Réponses: 6
    Dernier message: 16/08/2004, 08h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo