GIMP POUR LE GRAPHISME

Transcription

1 Création et multimédia GIMP POUR LE GRAPHISME

2 Gimp est un logiciel de retouche d'image gratuit. Il est composé de plusieurs espaces de travail. Source : 70 ateliers pour Gimp, édité par Micro application 2

3 Comme nous le voyons sur l'illustration, Gimp se compose de panneaux. Nous verrons leur utilisation au fur et à mesure de ce cours. La boîte à outils est un élément central de Gimp. Elle se compose de plusieurs outils utiles selon les circonstances. Cette illustration vous aidera à vous repérer. Source : 70 ateliers pour Gimp, édité par Micro application 3

4 Tout au long de ce cours, nous allons créer une affiche. Ce faisant, j'aborderai diverses fonctions de Gimp, sans entrer dans le détail de toutes les options. Nous arriverons à peu près à ce résultat : 4

5 Commençons par créer un document. Faites Fichier > Nouvelle image Dans la fenêtre qui vient de s'ouvrir, changer les unités de mesure en millimètre. Puis rentrez 210 en largeur et 297 en hauteur, ce qui correspond au format A4. Nous allons changer la résolution de notre image : rentrez 150 au lieu de 72. La résolution est la densité de pixels contenus dans l'image. Plus la valeur est grande, plus l'image sera nette. Cliquez sur Valider. Maintenant que notre image est créée, nous allons chercher une image sur internet. Nous ne parlerons pas du droit à l'image, mais faites attention, toutes les images disponibles sur internet ne sont pas gratuites. Notre affiche étant sur le thème de la brocante, il nous suffira de chercher une (grande) image sur cette thématique. Une fois votre choix effectué, enregistrez-la sur votre ordinateur. Importons notre image dans notre espace de travail. Pour cela, faites Fichier > Ouvrir en tant que calque. Une fenêtre d'arborescence s'ouvre, cliquez sur votre image et faites Ouvrir. Cette image est maintenant sur notre espace de travail. Nous allons modifier sa taille jusqu'à obtenir un ratio de 50% image/50% de blanc sur notre affiche. Cliquez sur et ensuite sur l'image que vous souhaitez redimensionner. Une fenêtre apparaît, l'image est entourée de 6 poignées. Avant de changer sa taille, cliquez sur la chaîne pour qu'elle soit assemblée dans la fenêtre qui est apparue. Cela permet de redimensionner l'image en gardant ses proportions. Attrapez une des poignées se trouvant aux extrémités puis, en maintenant le clic gauche, réduisez l'image de moitié. Si elle dépasse de l'image en largeur, ce n'est pas important. 5

6 Voilà le résultat. Nous sommes à peu près à 50% de blanc et 50% d'image. Comme vous pouvez le constater, mon image dépasse en largeur. Nous allons la déplacer pour trouver la bonne position. Pour déplacer un élément, nous allons utiliser l'outil. Cliquez sur votre image puis en maintenant le clic enfoncé, déplacez l'élément de gauche à droite jusqu'à trouver le bon cadrage. Pause calques Une petite pause dans notre réalisation pour parler de la fenêtre des calques. Dans notre espace de travail, nous avons vu qu'à droite se trouve la fenêtre des calques. Les calques sont semblables à des feuilles empilées. Ses zones transparentes permettent de visualiser les calques situés en dessous. Vous déplacez un calque pour positionner son contenu comme vous glisseriez une feuille dans une pile. Vous pouvez également modifier l opacité d un calque pour rendre son contenu partiellement transparent. Les calques sont utilisés pour effectuer des opérations telles que la composition d images multiples, l ajout de texte à une image ou l ajout de formes à une image vectorielle. Les calques sont très importants, une bonne compréhension de leur interaction est essentielle. Je vous invite à tester chez vous les différentes options disponibles dans cette fenêtre, pour comprendre leur utilisation. Maintenant que nous avons vu ce qu'est un calque, nous allons ajouter un peu de texte à l'image. Cliquez sur puis cliquez dans l'image, là ou vous désirez ajouter votre texte. 6

7 Une fenêtre de saisie apparaît, tapez votre texte, puis faites ctrl+a (raccourci pour tout sélectionner) puis augmentez la taille du texte pour qu'il devienne visible. En gardant le texte sélectionné, vous pouvez changer la police de caractères. Pour ce faire, allez dans les options d'outils. La fenêtre se trouve sous les outils par défaut. Pour changer la police de caractères, il vous suffit de cliquez sur, une liste des polices disponibles sur votre ordinateur s'affiche. Sélectionnez celle que vous voulez utiliser. Pour changer sa couleur, cliquez sur la couleur et sélectionnez-en une autre. Je vous parlerai de la sélection de couleur plus tard dans le cours. Il est possible de rajouter des polices à votre ordinateur, il existe divers sites tel que Dafont qui propose des centaines de polices gratuites. Ajoutons un peu de couleur à notre affiche. Pour cela, nous allons créer un nouveau calque. Cliquez sur qui se trouve en bas de la fenêtre des calques, une 7

8 fenêtre apparaît. Validez. Si on observe la fenêtre des calques, on s'aperçoit qu'un nouveau calque est apparu. Maintenant nous allons le remplir d'une couleur. Pour sélectionner une couleur, cliquez sur. Une fenêtre apparaît. Il existe plusieurs méthodes pour sélectionner une couleur. 1 Le mélangeur de couleurs : à droite se situe le nuancier, il vous permet de sélectionner votre couleur dans le spectre. Ensuite, vous pouvez déplacer la croix pour sélectionner votre couleur 2 Choisissez une couleur en indiquant ses composantes rouge (red), verte (green) et bleue (blue). Dans le sélecteur de couleurs, entrez des valeurs numériques dans les zones de texte R, G et B. Spécifiez des valeurs de composantes comprises entre 0 et 255 (0 correspondant à l absence de couleur et 255 à la couleur pure). Pour sélectionner visuellement une couleur avec le curseur dans le champ de couleur, cliquez sur R, G ou B, puis réglez le curseur et le 8

9 champ de couleur. La couleur que vous sélectionnez apparaît dans le curseur de couleur avec la valeur 0 (aucune quantité de cette couleur) en bas et la valeur 255 (quantité maximum de cette couleur) en haut. Le champ de couleur affiche la gamme correspondant aux deux autres composantes, l une sur l axe horizontal et l autre sur l axe vertical. 3 Vous pouvez choisir une couleur d après une valeur hexadécimale qui définit les composantes R, G et B d une couleur. Ces trois valeurs peuvent aller de 00 (luminance minimum) à ff (luminance maximum). Par exemple, correspond au noir, ffffff au blanc et ff0000 au rouge. Dans le sélecteur de couleurs, saisissez une valeur hexadécimale dans le champ de texte #. 4 La pipette vous permet de recopier une couleur présente dans votre image, pratique quand on ne se souvient plus des valeurs utilisées. Comme couleur de fond, j'ai utilisé #45520D ce qui correspond à un vert kaki. Pour appliquer cette couleur en fond, cliquez puis vérifiez bien que nous sommes sur le calque que nous avons créé précédemment. Cliquez, notre fond est bien devenu vert Kaki. Pour les bandes que j'ai placées sur la photo, il vous suffira de créer un nouveau calque. Prendre l'outil allez à l'endroit où vous désirez créer votre bande, cliquez et en maintenant le clic, créez votre zone de sélection. Remplissez-le de la couleur de votre choix. Voilà nous avons acquis les connaissances de base qui vont nous permettre de finir notre affiche. 9