Ci-dessous, les différences entre deux révisions de la page.
formation-gimp [2009/01/25 00:00] |
formation-gimp [2009/01/25 00:00] (Version actuelle) |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
+ | ====== Formation à Gimp ====== | ||
+ | |||
+ | ===== Généralités sur les images ===== | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ==== Formats de fichiers images ==== | ||
+ | |||
+ | Une image est enregistrée comme un quadrillage formé de | ||
+ | * Points carrés | ||
+ | * Ayant une couleur et parfois une niveau de transparence | ||
+ | |||
+ | === Formats "de travail" | ||
+ | Ces formats conservent la complexité de l' | ||
+ | * **xcf** : format de gimp, libre | ||
+ | * **psd** : format de photoshop, propriétaire | ||
+ | |||
+ | === Formats " | ||
+ | Dans ces formats, l' | ||
+ | |||
+ | * **png** : compressé, libre, gère la transparence | ||
+ | * **gif** : limité à 256 couleurs, possibilité d' | ||
+ | * **jpeg** : compressé, standard des Appareils Photos Numériques, | ||
+ | |||
+ | |||
+ | |||
+ | :!: Le navigateur de fichiers de windows n' | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ==== Couleurs RVB, TSV, CMJN ==== | ||
+ | {{capture-changer-la-couleur-de-premier-plan.png? | ||
+ | |||
+ | Gimp offre plusieurs possibilités pour sélectionner une couleur. | ||
+ | |||
+ | === Rouge Vert Bleu === | ||
+ | On définit la proportion de chacune des 3 couleurs de base. Pour chacune, il y a 256 valeurs possibles. Au total, il y a 256*256*256=16 millions de couleurs. | ||
+ | |||
+ | === Teinte Saturation Valeur === | ||
+ | * La teinte permet de choisir une couleur de l'arc en ciel (0 à 255) | ||
+ | * La saturation va de 0 (blanc) à 255 (couleur pure) | ||
+ | * La valeur va de 0 (noir) à 255 (couleur pure) | ||
+ | Cette façon de choisir les couleurs ets plus " | ||
+ | |||
+ | === Cyan Magenta Jaune Noir === | ||
+ | {{cmjn.png|}} | ||
+ | |||
+ | C'est un modèle de couleur prisé des imprimeurs (Les grandes affiches remplies de points en 4 couleurs). | ||
+ | |||
+ | Gimp gère mal ce format actuellement. C'est une amélioration qui devrait apparaître dans la version 3. | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ==== taille du canevas, format d' | ||
+ | |||
+ | La taille du canevas est définie en points ou pixels sous la forme longueur * largeur. Exemple : 800px x 600px | ||
+ | |||
+ | Le format d' | ||
+ | |||
+ | La définition de l' | ||
+ | |||
+ | Les trois grandeurs précédentes sont liées par une règle de trois (souvenir de primaire ;-) ) | ||
+ | |||
+ | | largeur du canevas en **pixels**\\ =\\ définition en **dpi**\\ x\\ largeur d' | ||
+ | |||
+ | Exemples : | ||
+ | |||
+ | - Une image de 300 dpi (qualité impression) faisant 10 cm de large (~ 4 pouces) devra avoir une largeur de canevas de 300 x 4 = 1200 px | ||
+ | - Si vous récupérez sur internet une image ayant un largeur de canevas de 600 px et que vous décidez de l' | ||
+ | |||
+ | Exercice : Je veux imprimer une image sur une feuille au format A4 qui occupera toute la page, en qualité 300dpi. Quelle sera la taille du canevas de mon image ? | ||
+ | |||
+ | Réponse en image : {{capture-creer-une-nouvelle-image.png? | ||
+ | |||
+ | ===== Interface de gimp ===== | ||
+ | ==== Fenêtre image ==== | ||
+ | |||
+ | |||
+ | ==== Fenêtre Outil et dialogues ==== | ||
+ | |||
+ | {{capture-gimp.png|}} | ||
+ | |||
+ | On peut ajouter autant d' | ||
+ | |||
+ | Pour détacher un onglet, il suffit de le glisser-déposer hors de la fenêtre (dès que le curseur à la forme d'une main !). | ||
+ | |||
+ | :-D La configuration sera sauvegardée à la fermeture de la session. | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ==== grille et guides ==== | ||
+ | La grille et les guides servent de repère pour positionner précisément des éléments graphiques. | ||
+ | |||
+ | ===== Spécificités Gimp ===== | ||
+ | |||
+ | |||
+ | ==== Calques, masques de calques ==== | ||
+ | |||
+ | * Les calques doivent être entendus au sens propre. Ils se superposent dans l' | ||
+ | * Les masques de calques permettent d' | ||
+ | |||
+ | |||
+ | ==== Canaux ==== | ||
+ | * Les canaux permettent d' | ||
+ | |||
+ | ==== Chemins ==== | ||
+ | |||
+ | ==== filtres ==== | ||
+ | |||
+ | ==== script-fu ==== | ||
+ | |||
+ | |||
+ | ===== Tutoriels ===== | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ==== Créer une ombre portée ==== | ||
+ | * Créer une nouvelle image avec un arrière plan blanc. | ||
+ | * Ecrire un texte en noir au centre avec une police assez grasse{{texte-noir.png? | ||
+ | * Dupliquer ce calque de texte.{{ 2-calques-de-texte.png? | ||
+ | * Revenir au claque intermédiaire qui constituera l' | ||
+ | * Sélectionner l' | ||
+ | * Sélectionner l' | ||
+ | * Sélectioner [Filtres > Flou > Flou gaussien] et appliquer le à tout le calque. Le texte se détache désormais du fond.{{texte-qui-se-detache.png? | ||
+ | |||
+ | |||
+ | ==== Colorier une zone de l' | ||
+ | * Ouvrir l' | ||
+ | * Passer l' | ||
+ | * Puis repasser en RVB : [Image > Mode > RVB]. Cela est nécessaire pour pouvoir colorier l' | ||
+ | * {{ baguette-magique.png? | ||
+ | |||
+ | * Sélectionner le menu [Couleurs > Colorier] puis choisisez une couleur en modifiant dans l' | ||
+ | * Et voilà le résultat : {{capture-levres-rouges.png? |