{"id":2202,"date":"2020-01-23T17:41:56","date_gmt":"2020-01-23T16:41:56","guid":{"rendered":"https:\/\/adn56.net\/blog\/?p=2202"},"modified":"2020-01-24T07:16:31","modified_gmt":"2020-01-24T06:16:31","slug":"compte-rendu-atelier-inkscape-le-dessin-vectoriel","status":"publish","type":"post","link":"https:\/\/adn56.net\/blog\/index.php\/2020\/01\/23\/compte-rendu-atelier-inkscape-le-dessin-vectoriel\/","title":{"rendered":"Compte rendu atelier Inkscape : le dessin vectoriel"},"content":{"rendered":"\n

Ce jeudi 22 janvier 2020 matin, nous avons fait une introduction au dessin vectoriel qui est une approche tr\u00e8s diff\u00e9rente des logiciels de peinture num\u00e9rique tels que Photoshop ou Gimp.<\/p>\n\n\n\n

Images matricielles<\/h2>\n\n\n\n

Ce sont les images \u00ab\u00a0classiques\u00a0\u00bb. Une photo par exemple, est compos\u00e9e de pixels<\/strong> dispos\u00e9s en grille. C’est cette grille qu’on appelle matrice. Ces points sont si fins qu’on ne les voit pas. Il sont \u00e9galement tr\u00e8s nombreux, plusieurs millions pour une photo num\u00e9rique de bonne qualit\u00e9. Ils g\u00e9n\u00e8rent donc des fichiers de taille cons\u00e9quente.<\/p>\n\n\n\n

Types de fichiers pour images matricielles : .png, .jpg, .gif, .bmp<\/p>\n\n\n\n

Images vectorielles<\/h2>\n\n\n\n

Types de fichiers pour images vectorielles : .svg, .ai, .eps<\/p>\n\n\n\n

Dans une image vectorielle, on ne va pas s’int\u00e9resser aux pixels, mais \u00e0 des trac\u00e9s<\/strong>, des courbes passant par des points de contr\u00f4le appel\u00e9s n\u0153uds<\/strong>.<\/p>\n\n\n\n

Gr\u00e2ce \u00e0 ces n\u0153uds<\/strong> on peut changer les tangentes, c’est \u00e0 dire la pente \u00e0 l’endroit du n\u0153ud<\/strong>, et gr\u00e2ce \u00e0 des poign\u00e9es<\/strong> on peut augmenter ou diminuer la tension en ce point.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

En apprenant \u00e0 jouer avec les diff\u00e9rents types de n\u0153uds<\/a> on va pouvoir agir tr\u00e8s pr\u00e9cis\u00e9ment sur le trac\u00e9 voulu. <\/p>\n\n\n\n

Dans la courbe ci dessus, le n\u0153ud central \u00e9tait un n\u0153ud doux<\/strong>, je l’ai transform\u00e9 ci dessous en n\u0153ud dur<\/strong>, ce qui permet une cassure dans la courbe, les pentes de chaque c\u00f4t\u00e9 du n\u0153ud sont alors dissoci\u00e9es.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Des objets pr\u00e9d\u00e9finis aident \u00e0 d\u00e9marrer (rectangles, \u00e9toiles, cercles…) mais une fois transform\u00e9s en chemins on peut les d\u00e9former \u00e0 loisir.<\/p>\n\n\n\n

Cette d\u00e9finition de chemins de dessin permet une libert\u00e9 totale dans les agrandissements impossibles pour des images matricielles. <\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Les 2 motifs ci-dessus sont identiques, \u00e0 gauche dessin vectoriel, \u00e0 droite matriciel. A l’\u00e9chelle de d\u00e9part on ne voit pas de diff\u00e9rence, mais si on les agrandit, on voit ci-dessous que sur l’image matricielle les contours se d\u00e9gradent alors que sur l’image de gauche le trac\u00e9 reste d’une nettet\u00e9 impeccable.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Certains logiciels permettent de combiner des calques bitmap et des calques vectoriels. Par ailleurs le dessin de trajets peut servir \u00e0 dessiner des masques de d\u00e9coupe<\/a> pour d\u00e9tourer des motifs dans une image matricielle.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Fond et contour<\/h2>\n\n\n\n

Les panneaux de contr\u00f4le sont nombreux mais le premier \u00e0 ma\u00eetriser est peut \u00eatre \u00ab\u00a0Fond et contour<\/strong>\u00a0\u00bb (Raccourci clavier : Maj+Ctrl+F)<\/p>\n\n\n\n

Ce panneau va permettre de d\u00e9terminer la couleur ou les motifs de remplissage de nos formes, ainsi que ceux du contour.<\/p>\n\n\n\n

\"\"
Fond : d\u00e9grad\u00e9 lin\u00e9aire 2 couleurs, bleu -> turquoise, contour noir \u00e9pais<\/figcaption><\/figure>\n\n\n\n
\"\"
On peut \u00e9galement appliquer des d\u00e9grad\u00e9s sur le remplissage d’un contour.<\/figcaption><\/figure>\n\n\n\n

Premiers pas<\/h2>\n\n\n\n

Ce matin c’\u00e9tait une premi\u00e8re approche d’Inkscape pour savoir o\u00f9 sont les principaux menus, comment sont positionn\u00e9s les panneaux, comment on s\u00e9lectionne les objets et comment on les modifie. Si il y a des int\u00e9ress\u00e9s, on peut aller plus loin avec de nouveaux ateliers sur le sujet, il y a de quoi faire.<\/p>\n\n\n\n

Pour pratiquer on peut d\u00e9j\u00e0 exp\u00e9rimenter les actions sur les diff\u00e9rents types de n\u0153uds, les d\u00e9formations, les remplissages, les contours…<\/p>\n\n\n\n

M\u00e9mo astuces<\/h2>\n\n\n\n

Quelques notions vues ce matin pour m\u00e9mo :<\/p>\n\n\n\n