Image et Informatique Partie 1 Rmi Huguet Janvier

Image et Informatique Partie 1 Rémi Huguet - Janvier 2015 - Doubleclic

Informatique mode texte Les premiers ordinateurs n’avaient pas d’écran ! Ils occupaient une salle voire un bâtiment ! Et ils étaient commandés à partir d’un télétype sorte de « machine à écrire » et la réponse arrivait sur l’imprimante qui était associée ! Rémi Huguet - Janvier 2015 - Doubleclic

Informatique mode texte Les premiers écrans d’ordinateurs sont apparus … ensuite … en noir et blanc (monochrome) … et les commandes se faisaient avec des lignes de textes. On peut encore s’en rendre compte avec « l’invite de commande » qui existe toujours et ressemble au célèbre « D. O. S » Rémi Huguet - Janvier 2015 - Doubleclic

Informatique mode texte (années 60 ) Les informaticiens utilisent encore la « ligne de commande » : Essayer en saisissant : tracert www. google. fr … puis « entrée » Vous avez en quelques mots, interrogé le réseau internet pour savoir par où passent votre connexion Internet pour rejoindre le moteur de recherche … Google ! Rémi Huguet - Janvier 2015 - Doubleclic

Informatique mode graphique ( années 90 ) A partir des années 90 … un ordinateur sans écran est impensable … et l’image ( donc la photo ) profitera des possibilités de l’informatique Inversement, grâce à l’image, les ordinateurs se commandent par des clics sur des « icônes » . Nous utiliserons « Paint » et « Galerie photos de Windows » pour les exercices : Vérifiez … si vous avez la Galerie … et sinon, installez la maintenant. Rémi Huguet - Janvier 2015 - Doubleclic

Attention - Travaux pratiques Un CD–R ( non modifiable ) sera utilisé pour les travaux pratiques. Sur ce CD, plusieurs dossiers. Les exercices nécessitent que les images sur lesquelles nous allons travailler, soient dans un dossier de votre ordinateur. Créer un dossier dans votre dossier « Images » , nommer le « 000_aa » pour qu’il soit en tête de votre dossier « Images » . Sélectionner sur le CD, les dossiers « 030 à 090 » et faites un copier coller dans votre dossier « 000_aa » Pour les exercices numérotés utiliser les images du dossier portant Le même numéro. L’exercice se fait sur un principe, ne cher pas à la perfection dans le résultat de la modification. Rémi Huguet - Janvier 2015 - Doubleclic

Informatique mode graphique ( années 90 ) Pour comprendre tout ce qui peut être fait avec un ordinateur dans le domaine de l’image ( photo ), il faut parler des quelques notions techniques … mais simples. - de l’écran - du codage des couleurs - du fichier « image » - du traitement de l’image - du capteur d’un appareil photo numérique - du scanner - de l’imprimante Rémi Huguet - Janvier 2015 - Doubleclic

Informatique – Ecran plat Caractéristiques d’un écran L’évolution des techniques et la baisse des coûts ont fait que l’affichage sur un écran n’est plus problématique comme dans les années passées. Les écrans sont devenus multichromes et plats … etc … on ne parlera que des écrans plats. - La taille des écrans est mesurée par leur diagonale exprimée en pouces ( 1 pouce = 2, 54 cm ) bien souvent 17 pouces. - Le format est le rapport entre largeur et hauteur - La « télé d’avant » était au format 4/3 ( 1, 66 ) - Les écrans récents, plus ou moins grands, sont au format 16/9 (1, 77) pour les télés ou 16/10 (1, 6) pour les portables, formats plus adaptés à une utilisation « vidéo ou film » - Le nombre d’or … 1, 618 033 … notion mathématique qui représente un rapport harmonieux des dimensions d’un rectangle et il est souvent évoqué en architecture, en peinture et en photo. Rémi Huguet - Janvier 2015 - Doubleclic

Caractéristiques d’un écran (suite) - La définition est le nombre de points ( pixels ) qui compose la dalle de l’écran ! par exemple 1280 x 800 (16/10 ou 1, 6), … soit environ 1 million de pixels. - La résolution est la finesse des points de l’écran et elle s’exprime en dpi ou ppp. Par exemple: - si un écran fait 33 cm de large et 1280 pixels, chaque pixel a une largeur de 0, 25 mm ! 0, 8/10 de mm par couleur. - si un écran fait 41 cm de large et 1920 pixels, chaque pixel a une largeur de 0, 21 mm ! 0, 7/10 de mm par couleur. La résolution est meilleure. Rémi Huguet - Janvier 2015 - Doubleclic

Exercice 1 – Paramètres d’affichage - sur le bureau, faire un clic droit - puis « personnaliser » - puis « Paramètres d’affichage ou Résolution d’écran » - Remarquer « résolution » remplace à tort « définition » … Sauf que l’on peut modifier la résolution apparente ! - Noter l’info sur les couleurs. Rémi Huguet - Janvier 2015 - Doubleclic

Et … les couleurs ! En informatique, les couleurs sont obtenus à partir des 3 couleurs primaires : Rouge, Vert et Bleu pour les écrans, et les couleurs complémentaires pour les imprimantes Magenta, Cyan, Jaune Pour les écrans, les pixels sont en fait 3 sous-pixels puisque les points lumineux sont « comme » de minuscules « lampes » rouges, vertes et bleues… et l’ordinateur modifie l’intensité de ces points en les faisant varier de « 0 » à « 255 » ! Ce qui représente environ 3 millions de « petites lampes !! » 256, c’est le nombre de valeurs que peut prendre 1 octet ( 8 bits ), on dira que les couleurs d’un pixel sont « codées » sur 3 octets ! Pour les matheux, 256 c’est 2 puissance 8 ! Rémi Huguet - Janvier 2015 - Doubleclic

Et … les couleurs ! Tout à « 0 » , l’écran et noir. Tout a « 255 » l’écran est blanc ! Pour chaque couleur 256 valeurs soit 16 777 216 nuances possibles ! Rémi Huguet - Janvier 2015 - Doubleclic

Excercice 2 – voir les couleurs - Ouvrir Paint ( Tous les programmes, accessoires, …) - Couleurs / modifier les couleurs - Définir les couleurs personnalisées - Faire varier les nombres correspondant aux couleurs de base. Rémi Huguet - Janvier 2015 - Doubleclic

Une image, c’est quoi ? Si on observait, avec une loupe forte, un écran plat dans une zone blanche ! Rémi Huguet - Janvier 2015 - Doubleclic

Une image, c’est quoi ? L’informatique ne connait que des fichiers contenant des informations binaires représentant des nombres. Donc, une image, c’est un fichier contenant une suite de nombres de « 0 » » à « 255 » , représentant l’intensité lumineuse de chaque souspixel ! Il existe plusieurs manières de stocker ces informations : 1 – en mettant ces nombres les uns après les autres en commençant par le premier point de la première ligne jusqu’au dernier point de la dernière ligne. C’est le fichier image « Bitmap » ayant pour extension de fichier «. bmp » . Le fichier est brut sans traitement supplémentaire ! Rémi Huguet - Janvier 2015 - Doubleclic

Une image, c’est quoi ? Suite ! 2 – pour réduire la taille du fichier, l’ordinateur va faire subir un traitement (mathématique) aux nombres représentant les couleurs de chaque point. On dit que le fichier sera « compressé » avec une perte de qualité … qui reste bien souvent peu visible ! c’est le fichier image ayant pour extension de fichier «. jpg » mais soumis à des droits. 3 - Le «. png » n’est soumis à aucun droit et n’apporte pas de pertes … mais il est beaucoup plus lourd ! Rémi Huguet - Janvier 2015 - Doubleclic

Une image … ses caractéristiques L’image est caractérisée par : - une taille en pixels : C’est le nombre de points qui sont définis dans le fichier image. Par exemple, 3000 x 2000 soit 6 millions de pixels. - un format : rapport largeur/hauteur, dans le cas présent « 3/2 » ou « 1, 5 » ( format argentique et diapo 24/36 ) - un poids, c’est le nombre d’octets contenus dans le fichier, donc 6 millions de pixels x 3 octets soit 18 millions d’octets. - une compression est nécessaire et peut être plus ou moins forte, avec un résultat plus ou moins dégradé, ( réglable déjà dans l’appareil photo ). Un fichier en général 10 fois moins lourd. - Une taille à l’impression quand l’ordinateur va convertir l’image en informations pour l’imprimante en fonction de la résolution ( DPI ), on verra que le scanner utilise cette résolution pour la taille en pixels. Rémi Huguet - Janvier 2015 - Doubleclic

Une image … ses caractéristiques une image (photo) est prise avec un appareil photo (APN) mais aussi : - Téléchargée, - Copiée, - Capturée, - Scannée - Créée avec une palette graphique ! - nous allons voir qu’il y a pas mal de manipulations possibles grâce à l’ordinateur ! - Ne jamais modifier l’original d’une photo … mais une copie. Rémi Huguet - Janvier 2015 - Doubleclic

Exercice 3 – format fichier image - Recher sur le CD une image au format BMP - Ouvrir l’image dans Paint - Enregistrer sous … au format jpg et png - Comparer les « poids » des fichiers Rémi Huguet - Janvier 2015 - Doubleclic

Une image … manipulations ! 1 – Les photos prises avec un appareil photo peuvent être transférées sur votre ordinateur pour être « sauvegardées » et « rangées !!! » , puis être « visionnées » à la demande. - Mon avis : une carte mémoire, une clé usb ne sont pas des stockages fiables … seuls votre disque dur et un disque dur externe vous garantissent une bonne sécurité de vos « souvenirs » . - Il vaut mieux utiliser un câble usb que de manipuler la carte mémoire. 2 – Une photo est rarement parfaite ( ce qui serait l’idéal ! ). On peut donc entreprendre de l’améliorer. Recadrer le sujet, modifier la luminosité et le contraste, corriger les couleurs ( diapos anciennes ou photos noir et blanc jaunies ). … voire supprimer les couleurs. Rémi Huguet - Janvier 2015 - Doubleclic

Exercice 4 – Organisation des photos Les photos doivent être enregistrées dans des dossiers, sauvegardées sur un disque dur externe, et les dossiers doivent être organisés par Evènements (thème), par dates ou numérotés … ou un mix des 3. Rémi Huguet - Janvier 2015 - Doubleclic

Exercices suivants - Les outils nécessaires ! Après les notions de bases, il faut un logiciel pour gérer, visionner ou modifier les images. Suivant les besoins, un outil intégré à Windows peut faire l’affaire. C’est la « Galerie Photos de Windows » (ou Photo Gallery pour W 8 ) qui propose les principales manipulations des images : Exercice 5 - Luminosité / contraste Exercice 6 - Ajuster les couleurs Exercice 7 - Recadrer / Rogner Exercice 8 - Redimensionner Exercice 9 - Yeux rouges … etc … Rémi Huguet - Janvier 2015 - Doubleclic

Les outils simples. « Galerie Photos de Windows » (ou Photo Gallery) propose les principales manipulations des images et fait partie d’ un ensemble d’outils « Windows essentials » à télécharger sur le site de Microsoft. Rémi Huguet - Janvier 2015 - Doubleclic

Exercice 5 – luminosité / contraste 4 - Modifier la luminosité et le contraste, ( photos noir et blanc jaunies ou sépia ) Rémi Huguet - Janvier 2015 - Doubleclic

Exercice 6 – corriger ou supprimer les couleurs 5 - Corriger les couleurs ( diapos anciennes ou photos noir et blanc jaunies ou sépia ! )… Rémi Huguet - Janvier 2015 - Doubleclic

Exercice 7 – recadrer le sujet ! 2 – Recadrer le sujet, quand l’opérateur n’est pas un bon photographe. Rémi Huguet - Janvier 2015 - Doubleclic

Exercice 8 – corriger les yeux rouges 5 - Corriger les couleurs ( diapos anciennes ou photos noir et blanc jaunies ! )… voire supprimer les couleurs ! Corriger les yeux rouges ! Rémi Huguet - Janvier 2015 - Doubleclic

Manipulations impossibles ! Il est impossible - d’aplatir une demi-sphère sans la déformer ! - de remplir l’écran avec une photo carrée ou un « portrait » ! - d’agrandir une image s’il n’y a pas assez de pixels - de créer des pixels pour améliorer une photo ! - de voir la photo en entier ( messagerie !) - Rémi Huguet - Janvier 2015 - Doubleclic

Une image … autres manipulations ! Les textes et les images qui s’affichent sur votre écran sont parfois précieux ! Il existe 3 outils simples pour les transformer en fichiers : 1 – Pour les textes, après sélection du texte, faire un clic droit puis copier et coller dans un traitement de textes. Pour les images, clic droit puis « enregistrer l’image sous … » 2 – Pour capturer, une recette de cuisine sur internet ( sans prendre les pubs ) … utiliser l’outil « capture » , délimiter la zone à conserver puis enregistrer comme une image ! 3 – Il arrive parfois, que l’outil «capture» fasse disparaître certains détails (menus déroulants ), utiliser la touche « Imp écran/Syst » . C’est une touche qui date des débuts de l’informatique … Et qui envoyait sur l’imprimante ce qui était écrit à l’écran ! Cette touche « capture » l’image de l’écran dans la mémoire, il ne reste plus qu’à « coller » dans une image vierge. Rémi Huguet - Janvier 2015 - Doubleclic

Exercice 09 – Outil « capture » – Pour capturer, une recette de cuisine ( par exemple ) sur internet ( sans prendre les pubs ) … utiliser l’outil « capture » . Où trouver l’outil capture ? : Tous les programmes/Accessoires/Outil Capture - Allez sur un site internet, afficher une page - délimiter la zone à conserver - puis enregistrer comme une image ! Rémi Huguet - Janvier 2015 - Doubleclic

Exercice 10 – Touche « Impecr/ Syst » – Pour capturer, un écran que vous ne savez pas comment conserver, Utiliser la touche « Impr écran/Sysr » - Ouvrer un logiciel - Faites apparaître un menu - Essayer l’outil « ciseaux » le menu se referme ! - Faites apparaître un menu - Appuyer sur la touche « Impécr/Syst » - Apparemment, il ne se passe rien, sauf que l’écran est conservé en mémoire ! - Ouvrer Paint, nouveau, puis édition coller - La capture apparaît - Astuce : utiliser l’outil « Ciseaux » pour recadrer la partie à conserver ! - Enregistrer l’image obtenue ! Rémi Huguet - Janvier 2015 - Doubleclic

Les outils nécessaires ! Les principales modifications sont loin de tout ce que l’on peut faire sur les images ! Mais pour cela, il faut un logiciel un peu plus performant ! Le logiciel de référence, c’est Photoshop ! Mais il coûte très cher en version Pro et encore un bon prix en version grand public ! Rémi Huguet - Janvier 2015 - Doubleclic

Les outils plus performants ! Heureusement, on trouve sur Internet, des versions gratuites de logiciels performants … tout à fait légales. Photoshop Elements Photofiltre 7 à télécharger sur : http: //static. infomaniak. ch/photofiltre/utils/pf 7 -setup-fr-7. 2. 0. exe Et The Gimp à télécharger sur : http: //www. thegimp. fr/ Et pour redimensionner des photos, un outil avec une version gratuite : Light Image resizer Rémi Huguet - Janvier 2015 - Doubleclic

Le capteur d’un APN Dans un appareil photo numérique, la pellicule est remplacée par un capteur de lumière ! Composé de photosites sur une surface de quelques mm, il y en a environ 6 millions pour un APN de 6 millions de pixels ! Pour séparer les couleurs, il y a un masque, avec 2 verts pour 1 rouge et 1 bleu ! Dans l’APN, le stockage est dans un format brut appelé « Raw » , et un logiciel de dématriçage convertit et recalcule 6 millions de pixels avec les 3 couleurs … pour un fichier «. jpg » ! Pour plus d’infos : http: //www. astrosurf. com/luxorion/photo-numerique 3. htm Rémi Huguet - Janvier 2015 - Doubleclic

Le scanner Dans un scanner, la lumière renvoyée par un document est recueillie par un capteur qui balaie point par point le document, et un peu comme un appareil photo transforme en nombre la quantité de lumière pour chaque couleur. Le résultat, c’est une image même si le document est un texte. On peut scanner en « niveaux de gris » ou en couleur. Attention aux réglages, la définition en dpi ( 150 ou 300 ) peut aboutir à des fichiers volumineux et l’ordinateur peut avoir des difficultés à traiter ces fichiers. Dans le cas d’un texte, il existe des logiciels qui transforme l’image d’un texte … en texte exploitable par un traitement de texte ( avec parfois quelques erreurs si le scan n’est pas parfait. Rémi Huguet - Janvier 2015 - Doubleclic

L’imprimante Contrairement à l’apparence, une imprimante ( jet d’encre ) est un petit bijou de précision ! L’imprimante, à partir des informations reçues de l’ordinateur va « cracher » un nuage de gouttelettes d’encre des 3 couleurs, lignes par lignes. Une imprimante doit avoir des cartouches de couleurs séparées plus une noire pour éviter le gaspillage. Mon truc : j’utilise une imprimante laser noir et blanc ( le toner peut imprimer 2000 pages ) et ne sèche pas. Je fais tirer mes documents couleurs au cas par une boutique de photocopies ! Et mes photos, par un labo ! Attention, la taille d’une photo imprimée, est liée aux réglages de la commande d’impression … qui dépend du logiciel utilisé. Rémi Huguet - Janvier 2015 - Doubleclic

Pixels et photosites http: //www. la-photo-en-faits. com/2013/06/capteur-photofonctionnement. html http: //www. photograpix. fr/blog/portfolio/ http: //www. astrosurf. com/luxorion/photo-numerique 3. htm Rémi Huguet - Janvier 2015 - Doubleclic