~~NOTOC~~ =======Modification d’une image (PhotoFiltre)======= Nous avons appris comment sont codées les images numériques et les problèmes liés à leur affichage. Dans cette activité, nous allons consulter et modifier une image avec le logiciel PhotoFiltre. **Compétences traitées** * D 2.4 Outils numériques pour échanger et communiquer * CT 2.5 Imaginer des solutions en réponse au besoin. **J’ai acquis la compétence si :** * Je suis capable de décrire les paramètres des images numériques et de leur fichier * Je suis capable d'effectuer des modifications de base sur une image afin de l'adapter à mon besoin Une photo contient dans ses métadonnées un ensemble d'informations sur les conditions de sa création. Les paramètres correspondants ne sont pas toujours adaptées à l'usage envisagé. Il est donc important d'être capable de modifier l'image pour l'adapter. ======PhotoFiltre====== {{ :cours:photofiltre.png?50|}} Il s'agit d'un logiciel (ayant une version gratuite) destiné à éditer des images numériques. Il existe de la documentation et des tutoriels sur le site dédié. Pour l'utiliser à la maison : * Aller sur sa page dédiée : [[http://www.photofiltre-studio.com/pf7.htm|PhotoFiltre V7]] * Télécharger le fichier ZIP à l'emplacement désiré * Le décompresser et supprimer le fichier zip * Créer, si besoin, un raccourci sur le bureau ======Activité====== A partir de l'image fourni {{:cours:fleurs.jpg?linkonly|}} que vous allez enregistrer dans votre dossier personnel {{:cours:cp.png?15|}}++CP|Clic droit puis "Enregistrer la cible du lien sous ..." dans votre dossier personnel++, nous allons découvrir quelques techniques de base destinées à nous aider dans notre travail lors de l'utilisation d'images dans un exposé ou autres réalisations multimédias. Ouvrir un document Writer, indiquer le titre de la séance, les titres (Chapitres) des différentes activités et les réponses aux questions/activités correspondantes. Respectez les règles vus pour l'utilisation du traitement de texte et les noms de fichier rendu. {{:cours:cp.png?15 |}}++++Coup de pouce| * Attendus : pas de paragraphes vides, styles pour les titres, police de texte 12pt maxi, images insérées * Nom du fichier rendu : Nom1-Nom2-fleurs.odt ++++ =====Informations sur l'image===== ===Avec les propriétés Windows=== Noter les informations trouvées. * Pour le **fichier** : son nom, sa date d'enregistrement et sa taille * Pour l'**image** : L'appareil photo utilisé, la date de prise de vue et la ville ou la photo a été prise (la ville) * Les dimensions de l'image {{:cours:cp.png?15 |}}++++Coup de pouce| {{ :cours:img_metadonnees.jpg?200|}} * Clic droit sur le **fichier** puis propriétés (Nom, Taille et Date d'enregistrement/création) * L'onglet "Détail" nous indique beaucoup plus de chose sur l'**image** : **Pour trouver le lieu de prise de vue :** \\ Ouvrir Google Map dans un navigateur et indiquez, dans la barre de recherche, les coordonnées GPS trouvées sous la forme __XX°YY'ZZ.ZZ"N XX°YY'ZZ.ZZ"E__ (un espace entre Latitude et Longitude : North/South, East/West, sud et ouest étant pour les coordonnées négatives). ++++ ===Avec PhotoFiltre"=== {{ :cours:photofiltre01.jpg?250|Cliquer pour agrandir}} Ouvrir PhotoFiltre, faire "Fichier - Ouvrir" l'image. \\ Dans "Fichier - Propriétés - EXIF" on retrouve les mêmes informations que ci dessus \\ On trouve sous l'image, ses dimensions (largeur, hauteur, nombre de couleurs) * Quel est le zoom utilisé pour afficher la photo si elle utilise le maximum de l'écran ? * Si on utilise un zoom 100% et 400%. Que constate t'on ? =====Redimensionnement de l'image===== La définition de l'image 3264*1836, bien que limité par rapport aux appareils photos actuels, est trop grande pour tenir sur l'écran. Nous le voyons en comparant le zoom initial et le zoom 100%. Nous allons donc chercher à ajuster sa définition pour optimiser son utilisation. - Chaque fois, à partir de l'image originale "Fleurs", ajuster la définition à 800 pixels de large - L'enregistrer sous le nom "Fleurs-A2-1.jpg" avec un taux de compression de 100%. * Recommencez l'opération sous le nom Fleurs-A2-2 avec un taux de 70% et Fleurs-A2-3 et un taux de 15% {{:cours:cp.png?15 |}}++++Coup de pouce| * Clic droit sur l'image puis "Taille de l'image" * Ajuster la largeur à 800 pixels (si la case "Conserver les proportions" est cochée l'ordinateur calcule la hauteur pour vous) * Enregistrer l'image sous le nom indiqué avec le taux de compression indiqué. ++++ * Dans un tableau, indiquer le nom, la taille du fichier, les dimensions de l'image et le taux de compression demandé ci-dessus pour l'image d'origine "Fleur" (taux 80%) et des 3 autres ("Fleurs-A2-1.jpg" et suivantes). * Ouvrir les fichiers enregistrés pour bien regarder le résultat sur les images et comparer les données du tableau avec celles de l'image initiale. * Laquelle vaut-il mieux garder et pourquoi ? (Dans le document Writer, insérer l'image choisie) * Pour voir les modifications exercées sur une image par Writer, Clic droit dessus, propriétés, puis comparer la taille indiquée avec celle affichée avec le bouton "Taille d'origine". * Il est considéré qu'un l’œil exercé ne fait pas de différence entre un taux de compression de 100% jusqu'à 70%. =====Adaptation de l'image pour l'utiliser en arrière plan===== {{ :cours:fleurs5.jpg?250|}} Un autre problème rencontré est celui de l'utilisation d'une image en arrière plan avec un texte dessus, ce dernier manque de contraste. Il faut donc remédier à cela. * A partir de l'image Fleurs-A2-2.jpg, éclaircissez une moitié d'image * Dans Writer, insérez l'image et ajoutez un texte (grande police) à cheval sur les 2 zones pour le mettre en évidence le phénomène {{:cours:cp.png?15 |}}++++Coup de pouce| * Sélectionner avec la souris un rectangle de la hauteur de l'image et d'environ la moitié de la largeur. * Ajuster la luminosité à 40%-50% ++CP|Menu "Réglages" puis "Luminosité"++ * L'enregistrer sous le nom Fleurs-A3.jpg (bien sur avec un taux de compression >= 70%) * Insérer l'image dans Writer * Ajouter en bas de celle ci une zone de texte pour mettre en évidence les effets de contraste {{:cours:cp.png?15|}}++CP| * Menu "Insertion" puis "Zone de texte" et tracer la zone * Insérer un texte dedans ++ ++++ Un effet similaire peut être obtenu directement dans Writer en sélectionnant une image et en ajustant sa transparence ou luminosité. =====Modifications de l'image===== Nous voulons maintenant utiliser seulement la partie de l'image contenant la fleur, modifier le point jaune de la fleur du milieu pour le rendre violet et rajouter une légende au dessous. {{ :cours:fleurs6.jpg?100|}} * A partir de l'image Fleurs-A2-2.jpg * Sélectionner la zone intéressante puis clic droit et recadrer * Utiliser l'outil de sélection ellipse (passer la souris sur les icônes pour lire les "info-bulles" si besoin) pour sélectionner le point jaune de la fleur du milieu. * Dans "Réglage - Remplacer une gamme ..." sélectionner sur la fleur la couleur à remplacer, la couleur de remplacement et la tolérance. * Dans "Image - Taille de la zone de travail ..." placer l'image en haut au centre et augmenter la hauteur de 100 pixels. * Avec l'outil "Texte", placez une légende (texte de votre choix) dans la zone ajoutée et faites "Calque - Fusionner les calques" avant d'enregistrer sous le nom Fleurs-A4.jpg. * Insérer l'image dans le document Writer. **Pour cette activité, il ne vous reste plus qu'a rendre le travail demandé.** Vous pourrez ensuite continuer à découvrir les différentes manipulations possibles avec les images. Vous pouvez pour cela consulter la [[http://www.photofiltre-studio.com/doc/index.htm|documentation]] et les [[http://www.photofiltre-studio.com/tutolinks-en.htm|tutoriels]] de PhotoFiltre.