Formation URFIST : Inkscape

Description du cours :

Cette formation s'adresse aux personnes qui souhaitent créer des schémas et des…

Voir la description complète…

Course's syllabus

  1. Prise en main : l'interface d'Inkscape
    1. - copier - coller : les raccourcis clavier sont "Ctrl - C" / "Ctrl - V" même si vous travaillez sur Mac

  2. Sélection d'objets
    1. A retenir :

      - effectuer un zoom avant : "+",  effectuer un zoom arrière : "-"

      - sélectionner un objet : cliquer sur la 1ère icône dans la Boîte à outils à gauche, puis cliquer sur l'objet que vous souhaitez sélectionner

      - sélectionner plusieurs objets à la fois : cliquer sur la 1ère icône dans la Boîte à outils à gauche puis "Ctrl + Maj" + clic sur les objets

      - si vous êtes perdu(e) dans votre document : icônes dans la barre de commandes : "Zoomer pour ajuster à la sélection de la fenêtre", "Zoomer pour ajuster le dessin à la fenêtre", "Ajuster la page à la fenêtre".

      - pour faire pivoter un objet de manière libre, cliquer 2 fois sur l'objet, des poignées de rotation apparaissent autour de l'objet.

      - pour appliquer un angle de rotation ou d'inclinaison précis à un objet, cliquer sur "Objet" →  "Transformer" → "Rotation" ou "Inclinaison".

  3. Les formes basiques
    1. A retenir :

      - 4 outils de forme : rectangle, ellipse, étoile, spirale.

      - Pour dessiner un triangle :

      1) dans la Boîte d'outils, utiliser l'outil "Polygone"

      2) puis dans les Contrôles des outils, sélectionner "Sommets : 3".

  4. Couleurs, remplissage et contour
    1. Exercice 1 :

      Dessiner un rectangle tel que dans le fichier ci-dessous :

      a) Appliquer au rectangle un fond rouge dégradé

      b) Appliquer un contour de 15px

    2. A retenir :

      - pour appliquer de la couleur à un objet : sélectionner l'objet, puis "Objet" → "Remplissage et contour" (ou Shift+Ctrl+F)

      - couches "A" et "Opacité" : permet de gérer la transparence des objets

      - pour appliquer ou enlever un contour à un objet : sélectionner l'objet, puis "Objet" → "Remplissage et contour" (ou Shift+Ctrl+F). Cliquez sur le "X" si vous ne souhaitez pas appliquer de contour

  5. Les groupes
    1. Exercice 2 :

      a) Réaliser une flèche telle que dans le fichier ci-dessous

      b) Essayer de la déplacer : comment procéder pour facilement déplacer la flèche ?

    2. A retenir :

      Un ensemble d'objets peut être rassemblé dans un Groupe. Une fois placés dans un Groupe, les objets peuvent être manipulés ensemble, le Groupe agissant comme un simple objet.

      - "Objet" →  icône Grouper (Ctrl+G) : grouper les éléments sélectionnés.

      - "Objet" →  icône Dégrouper (Maj+Ctrl+G) : dégrouper le Groupe sélectionné.

  6. Taille d'un objet
    1. Exercice 3 : Réaliser le drapeau suédois tel que dans le fichier ci-dessous :

      a) Le drapeau devra faire 15cm en largeur et 10cm en hauteur

      b) On ne souhaite pas appliquer de contour au drapeau

      c) Appliquer une ombre portée au drapeau

    2. A retenir :

      - pour redimensionner manuellement un objet de manère proportionnelle, sélectionner l'objet, maintenir la touchel "Ctrl" apuyée et étirer les poignées de redimensionnement

      - pour redimensionner un objet de manière plus précise : cliquer sur "Objet" → "Transformer" → "Dimensions"

      N'oubliez pas de cliquer sur le bouton "Apply" pour appliquer une valeur

      - la grille peut également vous aider à ajuster la taille d'un objet. Pour l'afficher, cliquer sur "Affichage" → "Grille" et "Règle" et choisissez l'unité de valeur → "cm"

       

  7. Union, différence, intersection, exclusion,...
    1. Exercice 4 : Réaliser un nuage de ce type (ci-dessous) : comment procéder ?

    2. A retenir :

      - un nouvel objet inséré vient automatiquement devant au premier plan. Pour le placer derrière, sélectionner l'objet, puis "monter la sélection d'un cran".

      - l"union" de plusieurs objets permet la création d'un seul et même objet

      - et pour finir, n'oubliez pas de grouper tous les objets ensemble (sélectionnez-les tous, "Objet", "Grouper" (Ctrl + G))

  8. Insertion de texte
    1. Exercice 5 :

      a) Ecrire une phrase de votre choix en police "Arial", taille 16

      b) Tracer une ligne aléatoire (ex : avec l'Outil plume que vous trouverez dans la Boîte d'outils à gauche)

      c) Faire en sorte que le texte suive le chemin tel que dans l'image ci-dessous

    2. A retenir :

      - le texte est un objet, il est donc possible de le modifier (taille, rotation, translation,...)

      - cliquer sur le "T" dans la barre de commandes pour afficher le menu "texte"

      - ne pas oublier de cliquer sur "Apply" pour appliquer vos choix

      - possibilité de créer du texte selon un chemin

  9. Insertion d'images
    1. A retenir :

      - pour insérer une image : "Fichier" → "Importer"

      - au moment de l'import, il est préférable de cocher "Incorporer" l'image plutôt que "Lier"

  10. Détourage ...
    1. ...d'un objet simple
      1. Exercice 6 a):

        a) Importer l'image du fichier "Table" ci-dessous

        b) A l'aide de l''outil "Courbes de Bézier" dans la Boîte d'outils à gauche, détourer la table

        c)  Une fois détourée, remplissez la table avec la couleur noire

        Vous avez fini ? Passez à l'Exercice 6 b) !

      2. Exercice 6b) :

        a) Importer l'image "Cube" ci-dessous

        b) Détourer ce cube de manière à obtenir l'image "Cube final"

        Comment procéder ?

    2. ... d'un objet complexe
      1. A retenir :

        - étape 1 : outil "Courbe de Bézier"

        - étape 2 : outil "Editer les noeuds"

      2. Exercice 7 :

        Objectif : détourer la tête de l'oie et la dissocier du fond vert pour lui appliquer un autre fond (voir le fichier "Oie finale")

        1) Détourer l'oie (fichier ci-dessous) :

        - utiliser l'outil "Courbes de Bézier" pour détourer l'objet (de manière grossière)

        - puis utiliser l'outil "Editer les noeuds" pour affiner le détourage : pour cela approchez-vous d'un segment jusqu'à ce qu'une petite main blanche apparaisse : vous pouvez alors travailler le segment, l'arrondir, l'ajuster,...

        Astuce : en cas de besoin, double-cliquez sur un segment pour que des noeuds supplémentaires apparaissent et ainsi faciliter le détourage

        2) Dissocier la découpe de l'oie du fond

        - sélectionner l'image de l'oie en entier (pour cela cliquez sur l'outil sélection et étirer le rectangle fictif de sélection de manière à ce qu'il englobe toute l'image)

        - cliquer sur "Objet" → "Découpe" → "Définir" : le fond vert nature a disparu, il ne vous reste que la tête de l'oie

        3) Modifier le fond

        - tracer un rectangle 'derrière' la tête de l'oie et appliquer à ce rectangle un fond bleu

        Astuce : si votre rectangle bleu cache votre oie, veillez à placer le rectangle en "arrière-plan"...

      3. Exercice 7 bonus :

        Objectif : créer un effet de zoom

        Ouvrir le fichier "Grenouille disséquée". Le résultat que l'on souhaite obtenir est "Grenouille disséquée finale".

        Comment procéder pour y parvenir ?

        a) Importer l'image "Grenouille disséquée"

        b) La sélectionner puis cliquer sur Ctrl-D pour la dupliquer : vous obtenez 2 images de grenouilles

        c) Sélectionner une des 2 images et à l'aide de l'outil Cercle, tracer un cercle autour du poumon de la grenouille.

        d) Sélectionner l'image + le cercle (en maintenant la touche Ctrl appuyée) et cliquer sur "Chemin" "Découpe" "Définir"

        e) Vous pouvez maintenant agrandir la zone obtenue afin d'obtenir l'effet de zoom

  11. Les calques
    1. A quoi servent ces fameux calques ?!

      Prenons cet exemple de poster : combien de calques ont probablement été créés : un calque pour le fond, un calque pour les cadres blancs, un cadre pour le texte,...

    2. Exercice 8 :

      Objectif : réaliser un poster de recherche (voir "Poster final") à l'aide de calques

      1) Créer le fond

      a) Créer un nouveau calque que vous nommerez "Fond"

      b) Importer l'image "Microbiologie" : c'est cette image qui constituera le fond de votre poster

      2) Créer les zones de texte blanches

      a) Créer un nouveau calque que vous nommerez "Zones de texte"

      b) Tracer 5 zones de texte blanches sans contour

      Astuce : l'ordre des calques est important ! Un calque qui sera placé en bas de la liste des calques sera à l'arrière plan de tous les autres calques. N'hésitez donc pas à 'bouger' les calques ! (par exemple le calque "Fond" aura tout intérêt à se retrouver en bas de la liste des calques ...)

      3) Créer les textes

      a) Créer un nouveau calque (le 3ème donc) que vous nommerez "Texte"

      b) Dans chaque zone de texte blanche, insérer du texte (ex : "Lorem ipsum dolor sit amet, consectetur adipiscing elit")

      Astuce : vous galérez car à chaque fois que vous voulez déplacer un objet, les autres objets bougent également ? Verrouillez les calques en cliquant sur le petit verrou qui se trouve à côté de chaque calque : chaque calque verrouillé ne bougera plus !

    3. A retenir :

      - les calques permettent d'organiser votre travail par couche successive de progression. Ainsi, votre travail est ordonné et chaque objet ou groupe simple d'objets se trouve sur une couche (un calque) séparée rendant l'édition des formes beaucoup plus facile.

      - l'ordre des calques est important (ex : le 1er calque apparaissant dans la liste des "Calques" représente le calque placé tout au dessus des autres calques)

      - cliquer sur le verrou à côté d'un calque pour éviter de modifier un calque par erreur

      - cliquer sur le petit oeil à côté d'un oeil pour le masquer / afficher

  12. Vectorisation
    1. Vectorisation de texte
      1. Exercice 9 :

        Ecrivez le texte de votre choix et essayez de modifier la taille et la disposition des lettres tel que dans le fichier ci-dessous "Texte vectorisé".

      2. A retenir :

        Pourquoi vectoriser du texte ?

        - pour transformer tout ce qui est typographique en formes, ceci pour éviter que les polices utilisées soient remplacées par d'autres si l'imprimeur ne les a pas par exemple

        - parce que les caractères typographiques deviennent des formes et peuvent ainsi modifié comme tout objet (redimensionnement, couleur), chaque "caractère-forme" pourra ainsi être travaillé individuellement

        - pour convertir un texte en chemin "Chemin" →  "Objet en chemin".
        Attention ! : le texte une fois vectorisé ne sera plus éditable ! Gardez donc dans un traitement de texte votre texte original au cas où vous souhaiteriez faire des modifications.

    2. Vectorisation d'images
      1. A retenir :

        - pour vectoriser une image bitmap : "Chemin" → "Vectoriser le bitmap"  (Maj+Alt+B)

        - l’intérêt d’avoir une image vectorisée est de pouvoir la redimensionner à volonté. Même avec de multiples agrandissement, l’image sera toujours de qualité !

      2. ....de type images
        1. Exercice 10 a)

          Importer la "Molécule du Vinaigre". L'on souhaite obtenir la "Molécule du Vinaigre modifiée".

          Comment procéder ?

      3. ....de type photos
      4. Exercice 10 b) :
        Dans l'écriture Khmere (ci-dessous), nous souhaiterions seulement garder le 1er caractère et l'avoir sur fon blanc.

        Comment procéder ?

  13. Enregistrement
    1. A retenir :

      - posters de recherche pour des conférences : A0 : à définir dans "Fichier" → "Propriétés du document"

  14. Export d'un fichier
    1. A retenir :

      - Pour une publication : export en PNG ou export en PDF : 300 points par pouce (=  300 ppp ou 300 dpi en anglais)

      - Pour un imprimeur : lui fournir le fichier au format PDF

      - Pour une diffusion sur le web : 100 ppp

      - Pour un graphiste : export en SVG ou EPS (ainsi il pourra éventuellement retravailler le fichier)

      - Vérifier que la qualité des imports d'images JPEG soit aussi de 300 ppp

       

Glossaire

Le glossaire de ce cours ne contient aucun élément.