Éducation des adultes inf5062 - graphisme guide d’adaptation du manuel d’apprentissage
DESCRIPTION
Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage aux logiciels InkScape (vers.0,48) et Gimp (vers.2.6.11). Par Marc Belliveau, CEA Windsor, novembre 2010. INFORMATIONS UTILES. INKSCAPE =Adobe Illustrator= Image VECTORIELLE - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/1.jpg)
Éducation des AdultesINF5062 - Graphisme
Guide d’adaptation du manuel d’apprentissageaux logiciels InkScape (vers.0,48)
et Gimp (vers.2.6.11)
Par Marc Belliveau, CEA Windsor, novembre 2010
![Page 2: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/2.jpg)
INFORMATIONS UTILES
GIMP=Adobe Photoshop=Image MATRICIELLEDans le présent guide, on utilise le logiciel GIMP, comme logiciel d’imagerie matricielle en lieu et place du logiciel Adobe PhotoShop.
• En plus de ce guide, vous pouvez utilisez l’aide comprise dans GIMP (touche F1) ou utiliser un manuel d’instruction québécois au format .pdf. http://www.aljacom.com/~gimp/doc_gimp.html
INKSCAPE=Adobe Illustrator=Image VECTORIELLEDans le présent guide, on utilise le logiciel InkScape, comme logiciel d’imagerie vectorielle en lieu et place du logiciel Adobe Illustrator.
Ces 2 logiciels sont très documentés sur le Web. Ainsi, vous pouvez utiliser un moteur de recherche pour trouver des réponses à vos difficultés.
www.google.ca www.bing.ca
![Page 3: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/3.jpg)
Page 28 : Présentation de Gimp
On peut activer la palette des couleurs en cliquant sur ce petit triangle
Ensuite, on sélectionne « AJOUTER UN ONGLET » suivi de « COULEURS »
![Page 4: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/4.jpg)
Page 28 : Présentation d’Inkscape
![Page 5: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/5.jpg)
Page 29 : créer un nouveau document avec GIMP
![Page 6: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/6.jpg)
Page 39 : Présentation des barres standard de GIMP
![Page 7: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/7.jpg)
Page 46 : La présentation de la palette des couleurs
![Page 8: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/8.jpg)
Page 51 : Propriétés d’un nouveau document dans InkScape
![Page 9: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/9.jpg)
Page 52 : Les différentes barres d’outils dans InkScape
![Page 10: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/10.jpg)
Page 53 : Outil « Aligner et distribuer » dans InkScape
![Page 11: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/11.jpg)
Page 54 : Menu « Chemin » de InkScape (PathFinder)
![Page 12: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/12.jpg)
Page 63 : Dans GIMP : Créer un nouveau document en transférantUne image en faisant un « Copier » / « Coller »
![Page 13: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/13.jpg)
Pages 65 à 67 : GIMP : Outils « pinceau » et « pipette ». La pipette permet de sélectionner une couleur dans l’image
![Page 14: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/14.jpg)
3. Choisir une brosse : bouton gauche de la sourisCréer ou modifier une brosse : bouton de droite de la souris
N’importe quelle brosse
1.Brosse
2.Couleur
4.Forme
5.Opacité
Pages 68 : Dans GIMP, il n’est possible de modifier que les brosses que l’on a créé (option « nouvelle brosse »). Ces nouvelles brosses peuvent être ajustées dès leur création ou en utilisant l’option « MODIFIER LA BROSSE… »Attention, la taille de la brosse ici est donnée par le rayon ( diamètre/2 )
![Page 15: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/15.jpg)
Page 69, InkScape : « Pinceau » et « pipette »
1.Pinceau
2. Couleur ouPipette
3.Opacité
4.Options du pinceau : Forme, Épaisseur, Amincissement (dureté).•Par défaut, l’épaisseur est exprimé en grandeur relative à l’image. Pour ajuster l’épaisseur en pixels, il faut cliquer sur « contour » et ensuite sur
« Largeur en unités absolues »
![Page 16: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/16.jpg)
P.76, GIMP : si vous n’avez ni stylet (crayon électronique) ni tablette graphique, rendez votre brosse dynamique en cliquant sur les fonctions liées à la vitesse de l’outil
1.Développez la fonction « dynamique de la brosse »
2. Choisissez vos options
![Page 17: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/17.jpg)
P.83+, GIMP : Outil de traçage de courbes et de lignes.
1.Sélectionnez l’outil « CHEMINS »
3.Ouvrez la fenêtre des options de l’outil en cliquant sur « TRACER LE CHEMIN».
• Sélectionnez les options de traçage en développant le « STYLE DE LIGNE ».
• OU utilisez l’outil de traçage de votre choix.• En cliquant « TRACER », les courbes se
tracent selon les paramètres choisis.
2. Tracez les courbes
![Page 18: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/18.jpg)
P.83+, InkScape : Outil de traçage de courbes et de lignes.
1.Sélectionnez l’outil de traçage
2.Ouvrez la fenêtre des options de traçage (taille du trait, couleurs, etc.) en cliquant sur « REMPLISSAGE » ou « CONTOUR »
![Page 19: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/19.jpg)
P.97, GIMP : On peut ajouter des masques en cliquant sur « ajouter un masque de calque » avec le bouton droit de la souris dans la barre des calques.
Par la suite, on peut activer/désactiver le mode « MASQUE ».
![Page 20: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/20.jpg)
P.83+, GIMP : Outils de remplissage.
Sélectionnez cet outil pour remplir une sélection d’une couleur unie ou d’un motif
Sélectionnez cet outil pour remplir une sélection avec des couleurs en dégradé.•Ensuite, déterminez vos options.•Puis, enfoncez en maintenant le bouton de la souris dans votre sélection ton enfoncez et bougez la ligne pour ajuster le motif.
![Page 21: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/21.jpg)
P.105 et + : Ajouter du texte le long d’une forme ou une ligne courbe
Cette procédure s’effectue en 2 grandes étapes :1- COLLER UN TEXTE LE LONG D’UN CHEMIN2- TRACER LE CHEMIN À L’AIDE D’UN CALQUEVoici la 1ère grande étape.
1.a) Créer un chemin avec l’outil « CHEMINS » et accepter l’entrée.
1.b) Saisir du texte en cliquant sur le bouton « A » et accepter l’entrée.
1.c) Appuyer sur le bouton « CRÉER DU TEXTE LE LONG D’UN CHEMIN » des options de l’outil Texte. À ce moment, les lettres ne sont qu’une intention de tracer.
![Page 22: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/22.jpg)
P.105 et + : Ajouter du texte le long d’une forme (2e ÉTAPE)
Une procédure complète est décrite à l’adresse Web suivante :http://gimptutoriel.blogspot.com/2008/04/gimp-ecrire-le-long-dune-courbe.html Pour les formes prédéfinies (carré, cercle, etc.), on doit d’abord dessiner la forme avec l’outil sélection, mais on doit tout de même tracer un chemin autour de cette forme.
2.a) Créer un nouveau calque en cliquant droit dans le menu «CALQUES» et garder ce calque actif.
2.b) Sous le menu « CHEMINS », cliquer droit sur le chemin du texte créé et cliquer sur « CHEMIN VERS SÉLECTION ».
2.c) Remplir les lettres en utilisant l’« OUTIL DE REMPLISSAGE » et choisir les options appropriées.
![Page 23: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/23.jpg)
P.122-123. InkScape : Alignement des objets vectoriels
Comme on l’a vu auparavant, on peut accéder à la
fenêtre « ALIGNER ET DISTRIBUER » en ouvrant
l’onglet « OBJET »
ATTENTION : Ne pas confondre avec le nom des fonctions indiquées dans le livre :Dans InkScape, la fonction « Centrer horizontalement » se nomme,
« CENTRER SELON UN AXE VERTICAL »Etla fonction « Centrer verticalement » se nomme dans InkScape
« CENTRER SELON UN AXE HORIZONTAL »
![Page 24: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/24.jpg)
P.128, InkScape : Fonction de masque d’écrêtage (masque de découpe)
Le masque d'écrêtage correspond à la fonction « DÉCOUPE » dans InkScape
![Page 25: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/25.jpg)
InkScape, p.154, fonction Ombre portée
![Page 26: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/26.jpg)
InkScape, p.154, déformer une forme (1/2)
1-Pour déformer une forme, il faut d’abord la transformer en chemin en avec la fonction « OBJET EN CHEMIN » située sous l’onglet « Chemin »
2-Cliquez sur ces boutons pour sélectionner le segment à déformer et y ajouter un nœud.
Ce nouveau nœud permet déjà de modifier le carré, mais il ne permet pas d’y faire une vague.
Pour y faire une vague :
3-Appuyez sur la touche « ÉCHAP » de votre clavier pour enlever la sélection.
4-Maintenez enfoncé la touche « Ctrl » et cliquez sur le nœud du milieu, il se prendra une autre forme.
5-Faites y la vague de votre choix avec le bouton de la souris enfoncé.
![Page 27: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/27.jpg)
GIMP, p.157. Utilisez la fonction Lueur douce située sous l’onglet Filtre / Artistiques plutôt que la fonction décrite dans votre livre.
![Page 28: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/28.jpg)
InkScape, p.157. Voici ce à quoi votre image transformée peut ressembler.
![Page 29: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/29.jpg)
GIMP, p.159 : mettre de la transparence (ajouter un canal alpha) sur un calque et superposer 2 images pour créer un effet de profondeur
1. Après avoir dupliqué l’image originale et l’avoir rendu floue, déplacez son calque au 1er rang avec la souris. ----Gardez le actif !
2. Pour observer les changements, rendez invisible le calque original en cliquant sur son œil.
3. Avec l’« OUTIL DE SÉLECTION À MAIN LEVÉE » (Lasso), délimitez la zone à rendre transparente
4. « AJOUTEZ UN CANAL ALPHA » sous le menu Calque / Transparence.
5. Ajoutez de la transparence avec la fonction « EFFACER » sous le menu Édition.
6. Rétablissez la visibilité de l’image originale en activant son œil.
![Page 30: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/30.jpg)
P.160, GIMP, appliquer du bruit et du flou à l’image
1.Utilisez l’option « Brouillage RVB » sous le menu Filtres / Bruit.
50%
2. Utilisez l’option « Flou cinétique. »
3. Choisissez le mode « Lumière douce »
![Page 31: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/31.jpg)
P.160, GIMP, voici l’image transformée
![Page 32: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/32.jpg)
P.161, GIMP, créer une sphère1. Créez un cercle vide avec l’outil de « SÉLECTION
ELLIPTIQUE » (bouton en forme de cercle dans la barre des fonctions)
2. Sélectionnez l’outil « CRÉATEUR DE SPHÈRE » sous le menu Filtre / Rendu. Appliquez les paramètres de votre choix.
P.164, GIMP, recadrer une image
1. Utilisez un outil de sélection pour délimiter la zone à conserver.
2. « DÉCOUPER LA SÉLECTION » sous le menu Image.
P.165, GIMP, aplatir une image
1. Utilisez la fonction « APLATIR L’IMAGE » sous le menu « Image ».
![Page 33: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/33.jpg)
P.173, GIMP, Améliorer une image.
Un ensemble de fonctions pour améliorer l’aspect d’une image ou la corriger se retrouvent sous le menu Filtres / Amélioration.
![Page 34: Éducation des Adultes INF5062 - Graphisme Guide d’adaptation du manuel d’apprentissage](https://reader036.vdocuments.site/reader036/viewer/2022062315/568154d3550346895dc2d4c6/html5/thumbnails/34.jpg)
Bravo, vous savez faire du graphisme avec les logiciels GIMP et InkScape.
Vous pouvez maintenant réaliser le dernier travail
BONNE CHANCE =)