Ci-dessous, les différences entre deux révisions de la page.
public:asca:gimp:seance1 [2009/01/25 23:05] pielo |
public:asca:gimp:seance1 [2009/05/21 21:00] |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | ====== Formation à Gimp - Séance 1====== | ||
- | ===== 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? | ||
- | |||
- | |||
- | |||
- | ===== 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? |